TCM基于Wordpress的Puock主题个性化设置-收藏吧

曾有段时间想用wordpress来搭建本站，试了一些主题，发现puock是设置灵活、功能较全面的一个国内免费主题，记录部分心得，供有兴趣的人参考。该主题官方演示站可访问https://licoy.cn/

1 puock主题设置

1.1 全局

1.1.1 启用后台登陆保护，修改参数与值。

1.1.2 上传LOGO及FAV图片。

1.1.3 启用页面使用.html后缀 ，同时修改wordpress“设置》固定链接”，选择自定义结构并修改为/%year%/%monthnum%/%postname%.html 。

1.1.4 禁用Gutenberg编辑器，通过菜单插件 下载WP Githuber MD 编辑器，保持默认设置即可。

1.1.5 文章样式选用卡片式。

1.2 基本

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

1.3 SEO搜索优化

标题、关键词等

1.4 脚本及样式

1.4.1 头部自定义全局CSS样式。

#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;}
#menus .t-md {font-size: 16px;}
#menus ul .sub-menu li {height: 40px; line-height: 40px;}

1.4.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>

1.4.3 清空关于我们 和版权说明 相关信息。

2 wordpress初始化设置

2.1 用户

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

2.2 文章

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

2.3 外观

2.3.1 创建菜单，并排序。

2.3.2 小工具，侧边栏设置

2.4 链接

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

2.5 页面

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

2.6 设置

2.6.1 讨论中选择评论必须经人工批准 。

2.6.2 媒体中将所有图片大小改为0，避免缩略图生成。

3 puock主题的功能代码修改

3.1 关于友情链接（导航）显示

3.1.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 。

3.1.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;

4 其他设置

4.1 图标

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

TCM基于Wordpress的Puock主题个性化设置