如何发展牛 WordPress 主题的?

释放双眼,带上耳机,听听看~!
大牛们是如何开发WordPress主题的?我自己尝试过开发WordPress,最早是对着网上的教程,对着上面把所有的代码都写一遍,指的是各个页面的模板(.php那些文件)。但是发现很多WordPress本身有的功能都没有体现出来。后

目录

    如何发展牛 WordPress 主题的?

    我自己也试过开发WordPress,第一个是在线教程,在上面写所有代码,指每个页面的模板(.php那些文件)。但是发现了很多WordPress有些功能没有体现出来。后来试着修改原来的主题,比如TwentyTen,通过更彻底的修改,创建自己的主题。我不知道那些牛是如何开发主题的,是基于现有的主题修改(二次开发),还是主题中使用的所有代码都是自己编写或摘录的?

    泻药,这几年工作很忙,很少贡献代码,但是可以给出一些建议:

    楼主提到的 TwentyTen、TwentyEleven、… 这种默认主题实际上做了太多的包装和特殊处理,不适合作为学习和入门的模型。而 2.x 年代的 default 主题除了 header 部分是最基本的模块使用示例。建议找一个类似简单的基础主题作为学习参考。首先要了解 WordPress 页面继承关系和提供的钩子是什么,可以用于每个 PHP 文件的作用很清楚。Template Hierarchy ? WordPress Codex建议去了解一下 WordPress 官方网站提交的主题要求不是要求必须符合标准,因为标准太严格,限制太多( WordPress 主题审核); 但通过他们的要求,我们可以清楚地了解官方的发展建议和趋势。Theme Review ? WordPress Codex多用 Google,很有可能别人也遇到过你遇到的问题而且已经解决了。在使用代码之前,我们应该弄清楚原理。大段代码或标题为【N 个实现 XXX 功能的 WordPress 可以忽略代码的文章。遇到不懂的代码和函数,请务必查阅 WordPress Codex。Main Page ? WordPress Codex多看看 WordPress 外国人对论坛的发展非常热情,可以看到一些精彩的讨论和解决方案。以上,祝君双十一代码少,有甜美女孩陪伴欢度。

    1、PSD2HTML

    PSD2HTML将设计图转换为静态网页的基本要求是(HTML/CSS/JS)。设计图通常是PSD文件,由设计师(美工)根据客户的要求制作。

    转换需要标准。比如,现在的HTML都是<!DOCTYPE html>开头。尽量不用CSS hacks。

    转换要准确。最好准确到像素(pixel-perfect)。建议使用马克鳗测量设计图和比较设计图和转换网页。

    如果不考虑响应式网页设计(Responsive Web Design),那么PSD2HTML桌面浏览器。桌面浏览器和国外网站通常需要兼容性IE8/9/10(不久的将来是IE9/10/11)和Firefox、Chrome、Safari(有时候需要兼容Opera)。国内网站一般需要兼容IE6和IE7。浏览器兼容性令人头疼。同一个网站,不同的网站Windows版本的浏览器里面可能会有所不同,在Windows和Mac浏览器也可能不同。有时客户会要求考虑Apple视网膜屏幕。

    如果考虑响应式网页设计(Responsive Web Design),会有更多的浏览器兼容性问题。iPhone和iPad默认浏览器是Safari(跟Mac版的Safari差异)。Android手机和平板电脑的默认浏览器是Chrome(跟Mac版和Windows版的Chrome也有差异)。

    2、HTML2WP

    WP主题的许多基本功能WP反映了官方主题。将静态网页转换为WP可参考主题WP官方主题。有些功能,WP可能没有官方主题。此时,可以在网站上安装WP或直接插件WP插件包含到WP主题中。

    例如,一般WP主题有主题设置(Theme Options)功能。有一些WP网站安装需要主题

    Options Framework插件。还有一些WP主题直接内置Options Framework(

    Options Framework Theme)。

    有时,如果在网上找不到所需的功能,可以直接研究WP代码。比如,某个WP菜单项需要链接到最新的文章(post),我的实现思路请看

    How to make a menu item always point to the latest post”。

    不想使用WP插件,又不想直接研究WP代码,没问题,可以用

    http://generatewp.com/来生成WP代码。GenerateWP可根据您的设置自动生成Custom Taxonomy、Custom Post Type、Custom Post Status、Custom Sidebar、Custom Menu、Custom Admin Bar、Custom WP_Query、Custom Shortcodes……

    3、合二为一

    选择全面、简单的WP主题为起点,制作自己的WP主题。推荐:

    Underscores | A Starter Theme for WordPress。推荐:

    Underscores | A Starter Theme for WordPress。Underscores主题麻雀虽小,五脏俱全。不管是添加HTML/CSS,添加各种功能更方便。

    需要响应式网页设计(Responsive Web Design)使用时可考虑

    Bootstrap或

    Foundation: The Most Advanced Responsive Front-end Framework from ZURB。

    建议安装

    Theme-Check插件。

    建议安装

    Theme-Check插件。它经常用于开发过程中的测试WP主题是个好习惯。

    若要做完美的WP主题,建议安装

    Theme Unit Test ? WordPress Codex提到的测试数据。你可能会发现设计师(艺术家)提供的PSD有些情况是文件遗漏的。

    参考

    WordPress ? Blog Tool, Publishing Platform, and CMSMain Page ? WordPress Codex (有些地方没有及时更新。建议直接查看代码。)

    WordPress大学

    我写过一个主题,目前也在用。( 这里 ->

    http://udonmai.com/ ),所以我想说两句话。

    当初走上web开发之路后最想做的就是写自己的WP主题。。。所以网上搜索了很多资料,但说实话,很少有教程一下子点通人。并不是说没有教程就写不出来,但是如果能有一个清晰的解释,比自己摸索容易多了。

    一开始,我是我爱水煮鱼博客上发布的教程 ->

    WordPress 主题教程:从零开始制作 WordPress 主题,我下来了PDF,很容易找。这个教程很老,但对于什么都不知道的人来说,至少可以给我们一个全局的了解,最终的发展WP主题是什么意思,过程是什么。还有一个国外的教程可以擦考 ->

    The ThemeShaper WordPress Theme Tutorial: 2nd Edition。

    看完这个,心里甚至有一个框架和一般性,知道其实就是在主题目录里建一些PHP文件和HTML、CSS还有可能的JS文件。PHP一般来说,文件对应一个页面,如主页、存档页、日志页等。然后最关键的就是这些PHP允许我们在文件中调用WP提供的函数。函数文档就像

    @吴钊说的就在这里 ->

    Template Hierarchy ? WordPress Codex。有各种各样的函数可供使用,如博客内容的输出、博客标签的输出等。也就是数据源。

    我们通过PHP获取数据,然后整合到HTML,配以一定的CSS和JS修饰,一个主题其实就完成了。但这样的主题并不漂亮,例如,一个文件实际上是一个页面。一般来说,写作WP我们不追求代码的质量,可以使用主题(这一定是我的误解)。

    一切似乎都很简单?事实上,情况并非如此,因为每个页面需要调用什么函数以及如何匹配函数并不容易澄清。毕竟,许多功能对应的函数并不是唯一的,我们不能在短时间内做出合理的选择。

    此时,我个人更喜欢主题开发框架,也可以称之为模板。我也建议你直接用它们开发。让我们来看看模板和框架是什么。 ->

    最佳WordPress主题框架。

    其实有很多种,我大致把它们分成框架、工具套件和沙盒。

    1.框架

    比如这个,

    Hybrid WordPress Theme,它是一个全息开发框架,它的概念是它本身就是一个主题,我们要建立的主题是它提供主题的子主题,我们通过PHP对象继承和其他特征从父亲主题的功能中继承许多基本的东西,然后修改我们自己的文件进行定制。这种方法显然是比较的「高级」,也是目前比较流行的一种。这种方法显然是比较的「高级」,也是目前比较流行的一种。

    2.工具套件是工具框架,它们不提供必要的继承,而是包装我们自己的一套API,更直接地向我们暴露许多功能。我曾经找过这种类型,但暂时没有典型的代表。

    三、二次开发,沙盒最后是沙盒,其实这是我自己的名字,弄玄乎。一般来说,就是在原有空白精简主题的基础上迭代开发自己的特征,即修改空白主题。就是这样,我选择的空白主题也很有名sandbox ->

    http://www.plaintxt.org/wordpress.html#sandbox,

    WordPress ? Sandbox ? Free WordPress Themes。应该有的页面基本都有,应该有的数据基本都有负责输出的必要函数。我们要做的就是调整负责每个页面的页面PHP文件,数据多了,就去掉,少了,查文档加进去。而且因为有很多例子页面,我们很容易定制一个页面。就像我自己博客的主页一样,我用原来的页面来改变它。

    – – –

    仔细看问题,我发现楼主好像没有自己练过框架类,然后在二次开发的基础上体验过一些简单的主题。所以我个人认为你可能可以试试Hybrid这个框架有免费部分和一些免费教程(应该有很多类似的开发框架)。我自己理解的主题的初衷是了解更多样化、更全面的开发主体形式,然后找到最理想的形式。这么多尝试总是好的。

    但是WP最近功能飙升,代码量和API也

    给TA打赏
    共{{data.count}}人
    人已打赏
    博客中心

    国外十大WORDPRESS主题商城 你想要的WP模板都在这里!

    2022-8-6 14:43:35

    博客中心

    如何安装 WordPress 主题(3 种方法)

    2022-8-6 14:48:49

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索