wordpress折腾记录

2018年4月22日09:27:56 2 阅读(3,325)
本文最后更新于2018年8月9日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

安装完成主题后,大大小小也出现了不少问题,有的很容易解决,有的却要费一番功夫,好在现在已经全部解决,也有了博客的样子,所以在此总结一下,博客从安装到现在基本满意的过程中发现的一些问题以及解决办法。

跨域

博主在主题安装完成后,发现主题内的一大部分图标都无法显示,打开F12,发现浏览器提示了跨域,当时我就纳闷了,为什么会跨域,没道理的。然后我就在nginx的配置文件中加上了这样的一段代码:

  1. location / {
  2.             add_header Access-Control-Allow-Origin *;
  3.         }

这段代码短时间解决了问题,但是治标不治本,还是会出现这样的问题,所以我判定应该不是这里的问题(设置正常的情况下,大多数跨域问题都可以通过这种办法解决),最后经过排查发现wordpress后台常规选项中的站点地址和服务器的地址不一致,导致了二级域名访问一级域名的资源造成的跨域,问题解决。

二级菜单

鼠标点击二级菜单,但是面包屑导航上不会显示一级菜单,直接首页→二级菜单,最后得知,需要在文章分类目录中设置,给二级菜单指定父节点,这样面包屑导航中就会显示首页→一级菜单→二级菜单。

wordpress折腾记录

图标

图标,一可以增加外观,二可以直观的显示出标题,那么要怎么添加图标呢?如果你的主题没带图标的话需要去下载,然后引用。具体操作是:外观→菜单,右上角点击显示选项,勾选CSS类

wordpress折腾记录

然后选中想要添加图标的菜单,添加CSS样式

wordpress折腾记录

刷新,图标就会显示了,前提是你要有那个图标的css样式。

修改固定链接后缀为html

逛很多wordpress搭建的博客时,发现他们的网站内容都是html后缀的,好奇之下,了解到,这种后缀对搜索引擎友好,有助于SEO,虽然我不太在乎SEO,但是我想尝试一下,怎么去配置。

一定要先设置固定链接为,这里推荐两种后缀,1、/%post_id%.html 2、/%postname%.html,

区别是/%post_id%.html获取的是文章id,/%postname%.html获取的是文章的名字,当然为了优化,名字不能出现中文,所以每次在发布文章的时候都要设置一下,所以主要推荐/%post_id%.html,本站用的就是这个,

wordpress折腾记录

方法一:

  1. if (-f $request_filename/index.html){
  2. rewrite (.*) $1/index.html break;
  3. }
  4. if (-f $request_filename/index.php){
  5. rewrite (.*) $1/index.php;
  6. }
  7. if (!-f $request_filename){
  8. rewrite (.*) /index.php;
  9. }

此段代码添加到,nginx的配置文件中,然后重启nginx。

方法二:

  1. location / {
  2. try_files $uri $uri/ /index.php?$args;
  3. }
  4. rewrite /wp-admin$ $scheme://$host$uri/ permanent;

此段代码,同上,添加到server中,然后重启nginx。

本站采用的方法一。随后再刷新页面,你的文章链接就变为了后缀为html的。

个性化评论框

1.在评论框添加图片,比如本站这样的,右键评论框审查元素找到,评论框的css,然后去后台css文件中添加这段代码:

  1. background-image:url(你的评论框地址);
  2. background-repeat:no-repeat;
  3. background-position:center;

本站素材:

wordpress折腾记录wordpress折腾记录wordpress折腾记录wordpress折腾记录

 

2.在评论框添加自定义文字,在主题中找到comments.php这个文件(一般都是这个),然后找到这段代码:

  1. <p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="4"></textarea></p>

把这段代码改为:

  1. <p class="comment-form-comment"><textarea placeholder="既然来了,就留个脚印吧。"id="comment" name="comment" rows="4" tabindex="4"></textarea></p>

效果如下:

wordpress折腾记录


感谢阅读。

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛

目前评论:2   其中:访客  1   博主  1

    • 青山 青山 2

      博客在于折腾