DevDmBootstrap4

Twitter Bootstrap 4 WordPress Starter Theme for Developers

Theme File: index.php

Name: index.php

Path: devdmbootstrap4/index.php

Source: https://github.com/dannymachal/devdmbootstrap4/blob/master/index.php

The index.php file contains the main post loop. This file will be used when displaying different post types and searches. It pulls in various template parts by default and can be duplicated into a child-theme for easy overrides and customization.

Default included files:

<?php get_header(); ?>

<?php get_template_part('template-parts/head'); ?>

<?php get_template_part('template-parts/nav','header'); ?>

<div class="container dmbs-content-wrapper">
    <div class="row">

        <?php get_template_part( 'template-parts/sidebar', 'left' ); ?>

        <div class="col-md-<?php echo devdmbootstrap_column_size('main'); ?> dmbs-main">

            <?php get_template_part( 'template-parts/search' ); ?>

            <?php if ( have_posts() ) : ?>

                <?php
                // Start the loop.
                while ( have_posts() ) : the_post(); ?>

                    <article id="post-<?php the_ID(); ?>" <?php post_class('dmbs-post card'); ?>>

                        <header class="card-header dmbs-post-header">
                            <?php the_title( sprintf( '<h1 class="dmbs-post-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h1>' ); ?>
                            <?php get_template_part('template-parts/postmeta','header'); ?>
                        </header>

                        <?php if ( has_post_thumbnail() ) : ?>
                            <div class="dmbs-post-featured-image">
                                <?php the_post_thumbnail('post-thumbnail', ['class' => 'card-img-top']); ?>
                            </div>
                        <?php endif; ?>

                        <div class="card-body dmbs-post-content">

                            <?php if ( has_excerpt() ) : ?>
                                <div class="dmbs-post-summary">
                                    <?php the_excerpt(); ?>
                                </div><!-- .entry-summary -->
                            <?php endif; ?>

                            <?php
                                the_content( sprintf(
                                    wp_kses( esc_html__( 'Continue reading %s', 'devdmbootstrap4' ), array( 'span' => array( 'class' => array() ) ) ),
                                    the_title( '<span class="screen-reader-text">"', '"</span>', false )
                                ) );
                                wp_link_pages();
                            ?>

                        </div>

                        <footer class="card-footer dmbs-post-footer">
                            <?php get_template_part('template-parts/postmeta','footer'); ?>
                        </footer>

                    </article>

                <?php
                // End the loop.
                endwhile;

                // Previous/next page navigation.
                the_posts_pagination( array(
                    'prev_text'          => '<span class="btn btn-primary btn-sm"><i class="fa fa-arrow-circle-o-left"></i> ' . __( 'Previous page', 'devdmbootstrap4' ) . '</span>',
                    'next_text'          => '<span class="btn btn-primary btn-sm">' .__( 'Next page', 'devdmbootstrap4' ) . ' <i class="fa fa-arrow-circle-o-right"></i></span>',
                    'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'devdmbootstrap4' ) . ' </span>',
                ) );

                ?>

            <?php endif; ?>
        </div>

        <?php get_template_part( 'template-parts/sidebar', 'right' ); ?>

    </div>
</div>

<?php get_template_part('template-parts/nav','footer'); ?>

<?php get_footer(); ?>

 

  • Dev Updates?

    Follow DevDmBootstrap4 Theme development with email updates.

  • Recent Posts

  • Recent Comments

  • Archives

  • Categories

  • Meta