有朋友需要本站增加的Lonesome主题相关文章功能,实际我也是网上搜了修改的。现在放出给有需要的朋友。
1、以下代码保存为related-posts.php文件:
<div class="related-posts text-center clearfix row"> <h4 class="section-title col-md-12"><span><?php esc_html_e( '相关日志', 'Lonesome' ); ?></span></h4> <?php $post_num = 2; global $post; $tmp_post = $post; $tags = ''; $i = 0; if ( get_the_tags( $post->ID ) ) { foreach ( get_the_tags( $post->ID ) as $tag ) $tags .= $tag->name . ','; $tags = strtr(rtrim($tags, ','), ' ', '-'); $myposts = get_posts('numberposts='.$post_num.'&tag='.$tags.'&exclude='.$post->ID); foreach($myposts as $post) { setup_postdata($post); ?> <div class="related-post col-sm-6 col-xs-6"> <div class="related-posts-border"> <div class="entry-media"> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> <img src="<?php echo post_thumbnail_src(); ?>?imageView2/1/w/409/h/130/q/100" /> </a> </div> <div class="related-post-title"> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a> </div> <div class="related-post-date"> <?php the_time( get_option( 'date_format' ) ); ?> </div> </div> </div> <?php } } $post = $tmp_post; setup_postdata($post); ?> </div>
2、single.php文件里增加以下代码:
get_template_part( 'template-parts/related-posts' );
增加后的代码如下:
<?php /** * * 文章页面 * */ get_header(); ?> <div class="row"> <div class="col-md-9" id="content"> <?php while ( have_posts() ) : the_post(); get_template_part( 'template-parts/content', 'single' ); if ( get_the_author_meta( 'description' ) ) { get_template_part( 'template-parts/biography' ); } get_template_part( 'template-parts/related-posts' ); // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; // End of the loop. ?> </div> </div> <?php get_footer('single'); ?>
3、css代码根据上面的内容到style里去拷贝。
以上是根据Lonesome主题Version: 2018.02.26
更多修改:
可以给分相关文章的CSS嘛,我这个CSS刚学,实在找不到哪些,找到一些也老出错!
今天拿去用了,整体好着,就是调用图这里会出错,不知道啥原因,如果有同样错误的人,可以把
<img src="?imageView2/1/w/409/h/130/q/100" />
修改为:
应该就好了
@你好 网址发出来看看呢
我没效果啊。就相关日志四个字。
css代码根据上面的内容到style里去拷贝 这个又怎么操作?
请指教!
设置没有效果啊??
可以不改single而使用钩子。add_filter()吧。
其实更想说的是,自己搜不伺候。
emmmm这个折腾日志不错~get