Как добавить запись блога в 2 столбца в Bootstrap WordPress

Помогите, пожалуйста. Я хочу добавить сообщение в блог с двумя столбцами для темы начальной загрузки WordPress. У меня получается только первый тайм, динамично.

Я хочу, чтобы это было только на домашней странице. Я плохо разбираюсь в сетке начальной загрузки, но не знаю, как динамически добавлять ее с помощью WordPress на главную страницу.

Index.php

<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package bootstrap
 */

get_header();
?>

<div id = "primary" class = "content-area col-xs-6 col-sm-6">
    <main id = "main" class = "site-main">
        <?php
        if ( have_posts() ) :
            if ( is_home() && ! is_front_page() ) :
        ?>
                <header>
                    <h1 class = "page-title screen-reader-text">
                        <?php single_post_title(); ?>
                    </h1>
                </header>
            <?php
            endif;

            /* Start the Loop */
            while ( have_posts() ) :
                the_post();

                /*
                * Include the Post-Type-specific template for the content.
                * If you want to override this in a child theme, then include a file
                * called content-___.php (where ___ is the Post Type name) and that will be used instead.
                */
                get_template_part( 'template-parts/content', get_post_type() );

            endwhile;

            the_posts_navigation();

        else :

            get_template_part( 'template-parts/content', 'none' );

        endif;
        ?>

    </main><!-- #main -->
</div><!-- #primary -->

<?php
get_footer();

php wordpress twitter-bootstrap

26.10.2018 17:12

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

948

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Если вам нужны два столбца в строке в начальной загрузке, как вы можете проверить в документы (и из вашего кода я предполагаю, что вы используете бутстрап 3), достаточно поместить их в строку:

<div class = "row">
    <div class = "col-xs-6 col-sm-6"></div>
    <div class = "col-xs-6 col-sm-6"></div>
</div>

Но вам нужно будет решить, как циклически просматривать ваши сообщения, потому что половина из них должна быть в первом div, а другая половина - во втором div. Итак, вам нужно использовать для этого другой метод, например, запрос двух страниц вместо одной (см. документы здесь).

Вот что, хочу спросить, как их получить

— 27.10.2018 15:01

26.10.2018 22:33

Ответ принят как подходящий

Попробуй это.

Index.php

<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package bootstrap
 */

get_header();
?>

<div id = "primary" class = "content-area col-md-8">
    <main id = "main" class = "site-main">
        <?php
        if ( have_posts() ) :
            if ( is_home() && ! is_front_page() ) :
        ?>
                <header>
                    <h1 class = "page-title screen-reader-text">
                        <?php single_post_title(); ?>
                    </h1>
                </header>
            <?php
            endif;

            /* Start the Loop */ ?>
            <div class = "row">
                <?php
                while ( have_posts() ) :
                    the_post(); ?>
                    <div class = "col-xs-12 col-sm-6">
                        <?php
                        /*
                        * Include the Post-Type-specific template for the content.
                        * If you want to override this in a child theme, then include a file
                        * called content-___.php (where ___ is the Post Type name) and that will be used instead.
                        */
                        get_template_part( 'template-parts/content', get_post_type() );
                        ?>
                    </div>

                <?php endwhile; ?>
            </div>
            <?php the_posts_navigation();

        else :

            get_template_part( 'template-parts/content', 'none' );

        endif;
        ?>

    </main><!-- #main -->
</div><!-- #primary -->

<?php
get_footer();

Результат