基于WordPress的Puock主题个性化设置

648次阅读
没有评论

一、puock主题设置

全局

1.启用后台登陆保护,修改参数与值。
2.上传LOGO及FAV图片。
3.启用页面使用.html后缀,同时修改wordpress“设置》固定链接”,选择自定义结构并修改为/%year%/%monthnum%/%postname%.html
4.禁用Gutenberg编辑器,通过菜单插件下载WP Githuber MD编辑器,保持默认设置即可。
5.文章样式选用卡片式。

基本

启用正文内容侧边目录菜单生成

SEO搜索优化

标题、关键词等

脚本及样式

1.头部自定义全局CSS样式。

<!--正文采用16号字体-->
#post .entry-content, #page .entry-content {font-size: 16px;}
<!--一级标题增加背景增加区分度 -->
.puock-light .entry-content h1 {background-color: #f1f1f1;border-radius:6px;}
.puock-dark .entry-content h1 {background-color: #404950;border-radius:6px;}
<!--导航采用16号字体,并调整二级导航高度-->
#menus .t-md {font-size: 16px;}
#menus ul .sub-menu li {height: 40px; line-height: 40px;}

2.底部页脚信息

Copyright ©  sc8.cn   <a href="http://beian.miit.gov.cn/" target="_blank">浙ICP备 06030785 号</a></br><div style="margin:0 auto; padding:5px 0;">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602003072" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://www.beian.gov.cn/img/new/gongan.png" width="20" height="20" style="float:left;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;">浙公网安备 33010602003072号</p></a>
</div>

3.清空关于我们版权说明相关信息。

二、wordpress初始化设置

用户

修改管理员用户的昵称及显示名称。

文章

修改默认分类,增加新的分类。

外观

1.创建菜单,并排序。
2.小工具,侧边栏设置

链接

添加链接分类,并新增链接。

页面

修改示例页面网站导航,页面属性选择为友情链接,并在页面的基本设置》链接显示分类目录ID列表中填入链接分类ID。

设置

1.讨论中选择评论必须经人工批准
2.媒体中将所有图片大小改为0,避免缩略图生成。

三、puock主题的功能代码修改

关于友情链接(导航)显示

1.单页面显示友情链接,为了显示时,可根据自定义选择的分类按“链接显示分类目录ID列表”值进行排序,在主题目录下pages》template-links.php,第25行 get_header(); 前添加以下代码

//转为数组
$cats = explode(',', $cats);
$groups2 = array();
//根据分类顺序进行排序
foreach($cats as $cat){
    foreach($groups as $group){
        if($group ['id']==$cat){
            $groups2[$cat]=$group;
        }
    }
}
$groups = $groups2;

同时,修改该页内容显示字段,将$link->link_notes修改为$link->link_description

2.针对带参数等非域名链接,修改favicon图标获得功能。在主题目录下inc》favicon.php,在第12行$ch = curl_init($url . '/' . $basename);代码前,添加以下代码:

$url_scheme = parse_url($url,PHP_URL_SCHEME);
$url_host = parse_url($url,PHP_URL_HOST);
$url =$url_scheme.'://'.$url_host;

四、其他设置

图标

Puock主题使用了草莓图标库,该图标库是一款为开发者和创造者设计的免费开源小众图标库。访问下面网址,查看图标对应的名称,在wordpress小工具等应用上进行设置。 https://www.chuangzaoshi.com/icon/

2