Добавить столбцы в Understrap / подчеркивает посты шаблона страницы блога

Я хотел бы настроить шаблон блога The Underscores WordPress Theme, чтобы включить столбцы вокруг каждой записи в блоге.

В идеале, это будет сетка постов с нумерацией страниц, но сейчас я просто пытаюсь заставить сетку работать.

Это из файла content.php:

<?php
/**
* Post rendering content according to caller of get_template_part.
*
* @package understrap
*/

?>

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

<header class="entry-header">

<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
'</a></h2>' ); ?>

<?php if ( 'post' == get_post_type() ) : ?>

<div class="entry-meta">
<?php understrap_posted_on(); ?>
</div><!-- .entry-meta -->

<?php endif; ?>

</header><!-- .entry-header -->

<?php echo get_the_post_thumbnail( $post->ID, 'large' ); ?>

<div class="entry-content">

<?php
the_excerpt();
?>

<?php
wp_link_pages( array(
'before' => '<div class="page-links">' . __( 'Pages:', 'understrap'
),
'after'  => '</div>',
) );
?>

</div><!-- .entry-content -->

<footer class="entry-footer">

<?php understrap_entry_footer(); ?>

</footer><!-- .entry-footer -->

</article><!-- #post-## -->
</div>

Спасибо за вашу помощь!

0

Решение

я предполагаю, что вы говорите о UnderStrap, а не о Underscores, верно?

Чтобы добавить сетку Bootstrap (http://getbootstrap.com/docs/4.1/layout/grid/) для просмотра статьи / блога необходимо сделать две вещи:
Шаг 1
Оборачивание внешнего ряда вокруг вашей петли.
Сделать это:
откройте темы index.php и найдите:
<main class="site-main" id="main">

Добавьте отверстие прямо за этим, чтобы иметь это:

<main class="site-main" id="main"><div class="row">

Теперь добавьте закрывающий тег прямо перед закрывающим тегом:

</div></main>

Шаг 2
В то время как внешнюю оболочку строки нужно добавить только один раз вокруг всех статей, вам нужно добавить Bootstrap col class плюс правильная переменная размера для вашего файла loop-templates / content.php. Так что это относится ко всем статьям в вашем цикле.

Откройте файл и добавьте это:

<div class="col-6">

прямо перед открытием <article> тег.

col-6 класс означает «использовать 6/12 места, например, 50%.
Таким образом, вы будете иметь два articels бок о бок.
Конечно, вы можете использовать col-4 (4/12 = 33,33%), чтобы иметь три статьи рядом и т. Д.

В зависимости от ваших потребностей другой хорошей отправной точкой будет использование компонента колоды карт Bootstrap:
http://getbootstrap.com/docs/4.1/components/card/#card-decks

4

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]