Mr. Panda
Tech For Fun

[Wordpress] wordpress 自定义主题方法详解

我们可以在 wordpress 内置主题上进行修改,让我们的页面文章主题更加的美观,大致的思路是你需要在文章的部分加载自定义的样式内容,而这部分内容你可以在网上找到很多 markdown 的主题文件进行参考,修改成我们需要的样子。

这里我推荐一下 typora 的主题库,如果你用过 typora ,你就知道 typora 可以加载很多自定的样式主题,你可以在偏好→主题中更换主题。主题库链接:typora 主题库

在这里日间模式我选择了 maize 主题,他看起来的效果如下:

这个主题比较清新,会是文章看起来比较清爽。但是建议不要更改字体,因为这会使字体跟系统字体不搭配,而且我们也只是自定义文章主题部分的主题而已。

修改步骤总结如下:

  1. 为文章主题部分添加主题类,如 maize-theme;
  2. 将maize.css主题文件上传至你所使用的wordpress主题目录的 assets/css 目录中;
  3. functions.php 中引入自定义主题样式文件;
  4. 修改 maize.css 文件,使之满足您的需求。注意:样式文件所有的 css 都应该加上您的主题前缀。如:html.theme-day .content-container.theme-maize。方便以后更改或者切换主题。

测试主题

您可以在右下方切换日间主题和夜间主题,来查看不同的主题效果。

这是标题1

这个标题 2

这个标题 3

这个标题 4

这个标题 5
这个标题 6

这个一个有序列表:

  1. 迷路不是因为没有方向,而是方向太多。
  2. 只要向着向日葵的方向努力微笑,就不会迷失方向。
  3. 我不太肯定我的方向,但是我希望自己能走的远一点。
  4. 对一只没有方向的船来说,来自任何方向的风都是逆风。
  5. 逆风的方向,更适合飞翔,我不怕千万人阻挡,只怕自己投降。

这是一个无序列表:

  • 心若没有了方向,爱就没有了方向。就会像一粒尘埃,飞到远方。
  • 回忆是时间的函数,但时间的方向永远朝后,回忆的方向却一定往前。
  • 过了爱做梦的年纪轰轰烈烈不如平静。
  • 时间会告诉你,越是平凡的陪伴,就越长久。
  • 如果你愿许我一个未来,那么我愿为你画地为牢。

我是加粗的字体。

这是一段引用:

沒有人能夠真正讀懂死亡,迄今為止沒有一種詮釋會被所有人接受。面對悲觀厭世的悲劇,有的人選擇了超脫,認為生命可以獲得重生。不是肉體,而是靈魂,人的靈魂永在。只有那些樂於助人,有孝心有責任感,菩薩心腸,修成正果的善男信女才會有神靈佑護,可以生命輪迴,到天堂極樂世界,靈魂得到永生。那裡沒有痛苦,只有歡樂。然而,你可見天堂如何歡樂,亦無人能真正說的清,亦無人可見令所有人信服。超脫的人,以此作為虔誠的信仰,樂此不疲。以此為動力,以此為歸宿,執著一生。

这是一个链接:夏夜梦无眠;


这是一段代码:

::selection {
  background:#b981d1;
  color:white
}
::-moz-selection {
  background:#b981d1;
  color:white
}
::-webkit-selection {
  background:#b981d1;
  color:white
}

这个一个插图:

这个一个表格:

姓名语言
johnjava
jonsamjavascript

这是一个上角标上角标

这是一个下角标下角标

jonsam ng

jonsam ng

文章作者

海阔凭鱼跃,天高任鸟飞。

[Wordpress] wordpress 自定义主题方法详解
我们可以在 wordpress 内置主题上进行修改,让我们的页面文章主题更加的美观,大致的思路是你需要在文章的部分加载自定义的样式内容,而这部分内容你可以在网上找到很多 markdown 的主题…
扫描二维码继续阅读
2021-05-03