繁体   English   中英

发布内容后如何添加小部件

[英]How to add a widget after post content

现在,在我的主页主题中,我有1行,3行,3行,然后又回到1行。 在此循环之后,我想添加一个新的小部件。 我希望有一些不同的小部件,例如热门视频,热门帖子等。有人知道我该怎么做吗?

这是我希望它看起来像的一个示例。 我希望每14个帖子有一个新的小部件。

在此处输入图片说明

这是一些我想添加的不同小部件的示例(来源-http: //www.whowhatwear.com )-

在此处输入图片说明

在此处输入图片说明

这是我的front-page.php

 <?php /* * Template Name: learningwordpress */ get_header(); get_template_part ('inc/carousel'); $i = 0; $args = array( 'posts_per_page' => 14, 'paged' => 1 ); $the_query = new WP_Query($args); if ( $the_query->have_posts() ) { while ( $the_query->have_posts() ) { if( $i %2 == 1 ) { $the_query->the_post(); ?> <article class="post col-md-4"> <?php the_post_thumbnail('medium-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php $the_query->the_post(); ?> <article class="post col-md-4"> <?php the_post_thumbnail('medium-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php $the_query->the_post(); ?> <article class="post col-md-4"> <?php the_post_thumbnail('medium-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php $the_query->the_post(); ?> <article class="post col-md-4"> <?php the_post_thumbnail('medium-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php $the_query->the_post(); ?> <article class="post col-md-4"> <?php the_post_thumbnail('medium-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php $the_query->the_post(); ?> <article class="post col-md-4"> <?php the_post_thumbnail('medium-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php } else { $the_query->the_post(); ?> <article class="post col-md-12"> <?php the_post_thumbnail('large-thumbnail'); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php echo get_the_excerpt(); ?> <a class="moretext" href="<?php the_permalink(); ?>">Read more</a> </p> </article> <?php } ?> <?php $i++; } } else { echo '<p>Sorry, no posts matched your criteria.</p>'; } get_footer(); 

在主题的functions.php文件中添加以下代码以创建小部件

register_sidebar( array(
        'name'          => 'After content',
        'id'            => 'after-content',
        'description'   => '',
        'before_widget' => '',
        'after_widget'  => '',
        'before_title'  => '<h2>',
        'after_title'   => '</h2>',
    ) );

在要显示小部件区域的位置添加以下代码

if ( is_active_sidebar( 'after-content' ) ) : 
    dynamic_sidebar( 'after-content' );
endif;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM