曾有段时间想用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/