Wordpress Understrap отображать сообщения на странице

Question

Я учусь использовать WordPress API.Я новичок в этой среде, поэтому я решил установить Understrap, чтобы использовать среду Bootstrap 4, и создать простой веб-сайт для портфолио.Немного погуглив, я начал экспериментировать с кодом, но есть много аспектов этой темы WordPress, которые мне неясны.Я хочу отобразить некоторые посты на странице и определить, как они будут выглядеть, используя разметку загрузочных классов.Существует ли какое-либо действительное руководство или кто-то может предложить мне правильные изменения, которые мне нужно внести в файлы темы шаблона?

Я пытался создать страницу с именем postpage.php с этим кодом внутри, но он не будет распознан в Wordpress как шаблонная модель для страницы.КОД:

<?php

$args = array(
'posts_per_page' => 6,
'offset' => 0,
'category' => 'portfolio',
'category_name' => '',
'orderby' => 'date',
'order' => 'DESC',
'include' => '', 'exclude' => '',
'meta_key' => '',
'meta_value' => '',
'post_type' => 'post', 'post_mime_type' => '',
'post_parent' => '',
'author' => '',
'post_status' => 'publish',
'suppress_filters' => true
);

$myposts = get_posts( $args );

foreach ( $myposts as $post ) : setup_postdata( $post ); ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php
endforeach;
wp_reset_postdata();
?>

Answer 1

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

<?php
/* Template Name: Your custom templete */
get_header();
?><?php $the_query = new WP_Query(array(
'category_name'    => 'popular',
'posts_per_page' => '6',
'order' => 'DESC', // Show only the published posts
));?>
<?php if( $the_query->have_posts() ): ?>
<?php while( $the_query->have_posts() ) : $the_query->the_post();?>
<div class="story-info">
<a class="category-name arts texunset" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
<span class="daycolor" style="background:<?php the_field('colorpost'); ?>;">&nbsp;</span>
<span>
<?php the_title(); ?>
</span>
</a>
<div class="date">
<?php the_time('F jS, Y') ?> &nbsp;|&nbsp;
<i class="fa fa-signal"></i>
</div>
</div>
<hr>
<?php endwhile; ?>
<?php endif; ?>
<?php get_footer();?>

Answer 2

Сначала вам нужно указать, что это шаблон страницы, добавив следующий код в начало вашего файла:

<?php /* Template Name: Example Template */ ?>

Затем он появится в выпадающем списке шаблонов вашей страницы.Больше информации о шаблонах страниц здесь .

Чтобы добавить классы Boostrap, необходимо обернуть оператор foreach в контейнеры Bootstrap, а затем заменить ul на столбцы начальной загрузки:

<div class="container">
  <div class="row">
    <?php foreach ( $myposts as $post ) : setup_postdata($post ); ?>
    <div class="col-sm-4">
      <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    </div>
    <?php endforeach; wp_reset_postdata(); ?>
  </div>
</div>