===
0x00 前言
给 WordPress 配置随机文章侧边栏的方法有非常多种,比如:
1、利用 WordPress 的
get_posts()
函数
2、直接向主题模板种插入代码
3、使用插件
其他方法我没有用过,就不再这里复制粘贴了,大家有兴趣可以在百度上找找看,今天我主要讲的是 使用插件(Random-post-ajax)来完成这个 随机文章侧边栏 的效果。
0x01 安装插件
大家可以在 仪表盘->插件->安装插件->搜索插件
中输入 “ Random Post with ajax ” 来搜索我们需要的这个插件
点击 现在安装,开始安装。
0x02 插件配置
点击 启用 后,我们的仪表盘左侧会多出一个选项Random Post
,进入选项,开始配置
这里主要是选择你要随机显示出来的文章分类,可以长按 ctrl + 鼠标左键
多选,完成后 保存更改。
0x03 启用插件
在 Random Post -> help
中我们可以看到,只需要在你想要显示的地方插入这行代码即可显示随机文章。
do_action('wprndpst_settings');
我一开始很纳闷,翻遍了 WordPress 主目录下的 index.php
始终找不到何处可以插入代码,我还试过在自定义主题界面增加小工具插入HTML代码
,可是都不行。
最后,是乱世大佬帮助了我解决问题,告诉我需要更改的源码在哪里。原来,我正在使用的 WordPress主题 是 twentyseventeen
,我就需要在
*你的wordpress目录*/wp-content/themes/twentyseventeen/
里面查找源码,而我需要在侧边栏显示,所以我要找到源码就是 sidebar.php
*你的wordpress目录*/wp-content/themes/twentyseventeen/sidebar.php
若是您在 dynamic_sidebar( 'sidebar-1' );
前插入 do_action('wprndpst_settings');
的话,随机文章 将会显示在已有侧边栏的上面,在下面插入代码的话则相反,随机文章 将会出现在已有侧边栏下边。
最后调整
更改好代码后刷新页面,会发现这样随机出来的文章名字太大了,所以要调整一下字体的大小。
源码具体的位置我就不卖关子了,在下面这两个位置
/wp-content/plugins/random-post-ajax/core.php (初始显示)
/wp-content/plugins/random-post-ajax/randompost-class.php (随机后)
这两个源码都需要改,至于如何找到需要修改的地方,很简单,只需要搜索 h2
就行了。
红框框住的地方就是造成文章标题如此巨大的原因,只需要把 h2
替换成b
即可。并且我们还可以在 <div>
的下方一行添加上
<h3>随机精彩文章</h3>
更改过后,源码的这部分就变成了
<div>
<h3>随机精彩文章</h3>
<?php if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();?>
<p><h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php if($rnd_thumbnail=='on') {
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' );
$url = $thumb['0'];
if ($url==''){}else{?>
<img src="<?php echo $url; ?>" alt="<?php the_title(); ?>">
<?php } } if($rnd_content=="on") {?>
<p><?php the_excerpt(); ?></p>
<?php } ?>
<?php if ($rnd_dates=="on") {?><p><date><?php the_time('j F Y') ?></date></p><?php } ?>
</p>
<?php
endwhile;
endif;
?>
</div>
</div>
</div>
<?php if ($query->have_posts()) { ; ?><button id="refresh">再找找看~ </button><?php }else ?>
<br />
<?php
}
同样, /wp-content/plugins/random-post-ajax/randompost-class.php
也需要把 “ h2 ” 改为 b 和添加一个“ h3 ”标题。
0x04 完成
现在,字体的大小就变得非常的和谐整齐了~