服务器

WP-PostViews插件文章页配置教程

奶瓶 · 4月7日 · 2020年 · · 11次已读

安装插件

  • 登陆wordpress后台找到菜单 插件——安装插件
  • 在搜索框输入WP-PostViews
  • 安装WP-PostViews插件(我已经安装并启用了

启用插件

  • 菜单 插件——已安装的插件 找到WP-PostViews启用

后台修改single文件(方式一)

  • 菜单 外观——主题编辑器 找到single.php 把以下代码粘贴到合适位置
  • <?php if(function_exists('the_views')) { the_views(); } ?>
  • 代码详解如下
<?php  //PHP代码开头
if(function_exists('the_views')) //判断后台统计插件是否启用
{ 
the_views(); //如果启用执行该函数获取阅读数量
} 
?> //PHP代码结尾

由于本主题非修改single.php 文件以下过程可能与你的博客有出入,但你可以举一反三。

修改主题调用文件

  • 登陆宝塔后台(或其他方式)打开single.php文件,内容如下
<?php
switch (get_post_type()) {//获取文章类型
    case 'gallery':
        include('assets/template/single-gallery.php');
        break;
    case 'faq':
        wp_die('警告:FAQ类型不支持直接预览,请新增页面,选择“常见问题”模板!');
        break;
    case 'favlinks':
        wp_die('警告:友情链接类型不支持直接预览,请新增页面,选择“友情链接”模板!友情链接必须隶属于某个分类才可以显示,请务必设置友链的分类!');
        break;
    case 'post':
    case 'microblog'://这里是博客类型
        include('assets/template/single-post.php');//调用这个文件
        break;
    default:
        do_action('modify_single_type',get_post_type());
        break;
}
?>
  • 以上代码可以看出,她会先获取文章类型,然后调用对应的主题自定义文件
  • 我们需要的是 microblog(13行)
  • 对应的文件是 assets/template/single-post.php(14行)

找到对应文件

  • 以上代码可以看出 调用的文件是一个相对路径,所以我们在后台的本目录下继续往下找文件(assets文件夹下级目录找)assets/template/single-post.php

找到代码插入关键位置

  • 谷歌浏览器打开你博客的文章页
  • F12打开开发者工具
  • 在开发者工具页面中 点击左上角的按钮,使他变成蓝色。
  • 鼠标移动到你想插入阅读代码的位置
  • 可以看到两个span标签分别为作者与日期和文章标签,下面是一个</div>
  • 鼠标右击弹出菜单选 Edit as HTML 编辑html代码
  • 复制以下代码
<span class="inline-block"><i class="fas fa-tag"></i>

编辑single-post.php文件

  • 宝塔后台编辑single-post.php
  • 打开文件后Ctrl+F
  • 在搜索框中粘贴刚刚复制的代码
  • 定位到这里(注意下方的</div>标签就是上面提到的)关键代码处

加入阅读统计代码

  • 我们在</div>前面回车,然后加入以下代码
<?php 
if (function_exists('the_views')) { ?>
 <span class="inline-block"><i class="fas fa-book-reader"></i>
   <?php 
   the_views();
   ?>
 </span>
<?php 
}
?>
  • 然后保存,刷新下文章页看看效果

最终效果

0 条回应