wordpress 主题开发
文章平均质量分 72
Ittttttttta
FullStack
个人邮箱:1951691@qq.com
展开
-
WordPress主题制作全过程(一):基础准备
前言:我想大多数使用WordPress的朋友都喜欢去尝试新的主题,但是换来换去,总是找不到那么一款适合自己的,让人很郁闷。于是很多人萌生了修改现有主题或自己动手从头制作一个主题的想法,但是问题又来了,怎么做呢?毕竟制作主题是需要编写代码的,相信很多人看到代码就头大。露兜博客正在着手编写一个WordPress主题制作的系列教程,将从头到尾手把手教你如何制作一个完整的WordPress主题,希转载 2017-06-08 10:20:55 · 2543 阅读 · 0 评论 -
WordPress主题制作全过程(十一):制作page.php
page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如"关于"、"联系方式"等,可以在WordPress后台 - 页面,进行页面的添加修改等。这个page.php有很多东西跟single.php也都是相通的,或者基本都一样,这里我们对部分内容也不做太多的解析,直接上结果,如果有不懂的可以翻翻WordPress主题制作全过转载 2017-06-08 10:42:36 · 2207 阅读 · 0 评论 -
WordPress主题制作全过程(十):制作comments.php
今天我们来制作评论主题的评论模块。在主题目录Aurelius下新建comments.php,在single.php剪切以下代码,粘贴到comments.php: !– Comment’s List –> h3>Commentsh3> div class="hr dotted clearfix"> div> ol class="commentlist"> li class="com转载 2017-06-08 10:38:50 · 3019 阅读 · 0 评论 -
WordPress主题制作全过程(九):制作single.php
今天我们来制作单文章页single.php,有了之前制作index.php的经验,制作single.php也不再那么难了,这里将直接略过一些内容,直接给出结果。如果对某些修改不太清楚,可以先参考:WordPress主题制作全过程(八):制作index.php1、添加文章标题:h3 class="title">a href="single.html">Loreum ipsium ma转载 2017-06-08 10:33:03 · 1454 阅读 · 0 评论 -
WordPress主题制作全过程(八):制作index.php
前面我们已经制作完成博客所有公用页面sidebar.php、footer.php和header.php,今天开始我们就要制作单独的页面了。现在我们要制作的是索引页index.php,这里我们可以暂时把它理解成主页,但事实上它并不是首页这么简单(点此查看原因)。在主页中主要就是文章列表,将你博客上的文章一篇一篇地列出来。你可能已经注意到,主页中每篇文章的样式都是一样的,只是标题、时间、作者和转载 2017-06-08 10:31:25 · 2931 阅读 · 0 评论 -
WordPress主题制作全过程(七):制作sidebar.php
制作好了header.php 和 footer.php ,今天我们来制作侧边栏sidebar.php。由于侧边栏的可定制性实在是太强了,所以本节内容比较难,我讲解起来也比较困难,有些内容会被略掉!作为各个页面公用的侧边栏,我们还是像制作header.php 和 footer.php那样,从index.php中提取侧边栏,放到sidebar.php。好,现在在你的主题目录Aurelius下新转载 2017-06-08 10:30:15 · 969 阅读 · 0 评论 -
WordPress主题制作全过程(六):制作footer.php
上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性,Aurelius主题目录中的所有页面的页脚代码几乎都是一样的,我们就把这些代码提取出来放到footer.php。在Aurelius主题目录中新建文件footer.php,我们提取出index转载 2017-06-08 10:28:45 · 2691 阅读 · 0 评论 -
WordPress主题制作全过程(五):制作header.php
你可以尝试用文本编辑器打开从WordPress主题制作全过程(三):HTML静态模板制作下载到的 .html 文件,不知道你有没有发现他们头部的代码都非常的相似呢?其实我们可以提取这部分相似的代码,放到一个单独的文件header.php中,各个页面想用这部分代码的时候再用php的include()或者WordPress的get_header()包含进去,省的每个页面里面都要写这部分代码,更改起来也转载 2017-06-08 10:27:23 · 4260 阅读 · 0 评论 -
WordPress主题制作全过程(四):小试牛刀
一个WordPress主题至少包含以下两个文件:style.cssindex.php好,现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\themes\ 下新建一个文件夹,命名为Aurelius,将前文:WordPress主题制作全过程(三):HTML静态模板制作 中下载到的style.css和index.html放到该目录下,再将in转载 2017-06-08 10:25:45 · 693 阅读 · 0 评论 -
WordPress主题制作全过程(三):HTML静态模板制作
制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作WordPress主题也不例外,它们都是网页,网页最基本的是HTML。要想制作WordPress主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化转载 2017-06-08 10:24:15 · 2738 阅读 · 0 评论 -
WordPress主题制作全过程(二):主题文件构成
在开始制作WordPress主题之前,首先得了解WordPress主题到底由哪些文件构成,你得清楚WordPress程序是怎样与主题文件连接的。以下是WordPress默认主题default文件夹下的所有模板文件。看了下图,可能你还摸不着头脑,到底这些文件是干什么的。WordPress的主题是用PHP编写的,而不是纯HTML + CSS,所以模板文件的后缀名是.php,如果你想精通Wo转载 2017-06-08 10:22:23 · 1152 阅读 · 0 评论 -
wordpress style.css 不生效 缓存 cache问题
I had the same problem and I fixed it in another way than the default.First I located the file that I need to change:wp-includes\theme.phpThere is a function called get_stylesheet_uriMy原创 2017-06-28 14:29:26 · 1859 阅读 · 0 评论