安装完成主题后,大大小小也出现了不少问题,有的很容易解决,有的却要费一番功夫,好在现在已经全部解决,也有了博客的样子,所以在此总结一下,博客从安装到现在基本满意的过程中发现的一些问题以及解决办法。
跨域
博主在主题安装完成后,发现主题内的一大部分图标都无法显示,打开F12,发现浏览器提示了跨域,当时我就纳闷了,为什么会跨域,没道理的。然后我就在nginx的配置文件中加上了这样的一段代码:
- location / {
- add_header Access-Control-Allow-Origin *;
- }
这段代码短时间解决了问题,但是治标不治本,还是会出现这样的问题,所以我判定应该不是这里的问题(设置正常的情况下,大多数跨域问题都可以通过这种办法解决),最后经过排查发现wordpress后台常规选项中的站点地址和服务器的地址不一致,导致了二级域名访问一级域名的资源造成的跨域,问题解决。
二级菜单
鼠标点击二级菜单,但是面包屑导航上不会显示一级菜单,直接首页→二级菜单,最后得知,需要在文章分类目录中设置,给二级菜单指定父节点,这样面包屑导航中就会显示首页→一级菜单→二级菜单。
图标
图标,一可以增加外观,二可以直观的显示出标题,那么要怎么添加图标呢?如果你的主题没带图标的话需要去下载,然后引用。具体操作是:外观→菜单,右上角点击显示选项,勾选CSS类
然后选中想要添加图标的菜单,添加CSS样式
刷新,图标就会显示了,前提是你要有那个图标的css样式。
修改固定链接后缀为html
逛很多wordpress搭建的博客时,发现他们的网站内容都是html后缀的,好奇之下,了解到,这种后缀对搜索引擎友好,有助于SEO,虽然我不太在乎SEO,但是我想尝试一下,怎么去配置。
一定要先设置固定链接为,这里推荐两种后缀,1、/%post_id%.html 2、/%postname%.html,
区别是/%post_id%.html获取的是文章id,/%postname%.html获取的是文章的名字,当然为了优化,名字不能出现中文,所以每次在发布文章的时候都要设置一下,所以主要推荐/%post_id%.html,本站用的就是这个,
方法一:
- if (-f $request_filename/index.html){
- rewrite (.*) $1/index.html break;
- }
- if (-f $request_filename/index.php){
- rewrite (.*) $1/index.php;
- }
- if (!-f $request_filename){
- rewrite (.*) /index.php;
- }
此段代码添加到,nginx的配置文件中,然后重启nginx。
方法二:
- location / {
- try_files $uri $uri/ /index.php?$args;
- }
- rewrite /wp-admin$ $scheme://$host$uri/ permanent;
此段代码,同上,添加到server中,然后重启nginx。
本站采用的方法一。随后再刷新页面,你的文章链接就变为了后缀为html的。
个性化评论框
1.在评论框添加图片,比如本站这样的,右键评论框审查元素找到,评论框的css,然后去后台css文件中添加这段代码:
- background-image:url(你的评论框地址);
- background-repeat:no-repeat;
- background-position:center;
本站素材:
2.在评论框添加自定义文字,在主题中找到comments.php这个文件(一般都是这个),然后找到这段代码:
- <p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="4"></textarea></p>
把这段代码改为:
- <p class="comment-form-comment"><textarea placeholder="既然来了,就留个脚印吧。"id="comment" name="comment" rows="4" tabindex="4"></textarea></p>
效果如下:
感谢阅读。
2018年5月5日 下午6:07
博客在于折腾
2018年5月5日 下午6:24
@青山 是的