wordpress主题开发教程视频(二次开发)

wordpress主题开发教程视频

虽然现在免费的Wordpress主题满天飞，但做为一个Geek你有没有考虑过写一个属于自己的Wordpress主题呢。这篇文章就教你怎么从最根底开始做一个Wordpress主题。
主题的文件结构：
写之前首先要了解一下Wordpress主题的结构。
WordPress主题放在wp-content/themes/下，做为一个独立的文件夹存在。文件夹的姓名随意，但不要运用纯数字，不然会导致主题无法在主题列表中正常显现。主题文件夹中包括该主题需求的一切款式文件、模板文件、函数文件、JavaScript脚本文件、静态文件等。
一个最小的主题通常由三类文件组成：
款式表文件style.css
函数文件functions.php（可选）
模板文件
留意，这些文件的称号是固定的，不能随意更改。
下面咱们就来分别看一看每个文件有什么效果。
款式文件：
style.css是一个主题的必选文件，由于其中包括了对这个主题的描述信息。一个style.css的头部信息如下：
/*ThemeName:主题称号（必选）
ThemeURI:主题的地址，可选，格式为一个URL，如http://wordpress.org/
Description:对主题的描述，会显现在主题列表中。
Author:作者
Version:版本，如1.0Tags:给主题加的一些标签，可选，一般是为了让用户更便利查找到这个主题。
*/
需求留意的是，每个主题都应该有一个自己的主题称号（ThemeName），以便于在主题列表中能够区分。
函数文件：
除非你建立一个纯静态的主题，不然你必定会调用到Wordpress的API。这些主题所要用到的函数就写在functions.php文件中。你能够以Wordpress自带主题中的functions文件做为参阅。
模板文件：
模板文件不是一个文件，而是一类php文件。它们决定了你每个页面的终究显现效果。模板文件遵从必定的命名规则，下面是每个模板的称号和用途。
模板文件阐明：
index.php
主模板。假如你的主题运用自己的模板，index.php是必须要有的。
comments.php
评论模板.
front-page.php
主页模板，仅用于敞开静态主页时。
home.php
主页模板，默许的主页。假如你敞开了静态主页这是展示最新的文章的模板页面。
single.php
独自页面模板。显现独自的一篇文章时被调用。对于这个以及其他的请求模板，假如模板不存在会运用index.php。
single-.php
自定义独自页面模板。例如，single-books.php展示自定义文章类型为books的文章.假如文章类型未被设置则运用index.php。
page.php
页面模板，独立页面调用。
category.php
分类模板，分类页面调用。
tag.php
标签模板，标签页面调用。
taxonomy.php
术语模板，请求自定义分类法的术语时运用。
author.php
作者模板，作者页面调用。
date.php
日期/时刻模板，按时刻查询时运用的模板。
archive.php
存档模板，查询分类，作者或日期时运用的模板。需求留意的是，该模板将会分别被category.php，author.php，date.php所掩盖（假如存在的话）。
search.php
查找成果模板，显现查找成果时运用的模板。
attachment.php
附件模板，检查单个附件时运用的模板。
image.php
图片附件模板，当在wordpress中检查单个图片时将调用此模板，假如不存在此模板，则调用attachment.php模板。
404.php
404错误页面模板，当WordPress无法查找到匹配查询的日志或页面时，运用404.php文件。
没有特别的数量要求，你甚至能够仅仅运用一个文件index.php作为模板文件，一切页面都会运用这个模板，多数情况下，你会有多个模板来显现不同的页面。详细模板的调用次序能够参阅下图：
一个最简略的主题：
知道了上面这些之后，咱们来看一个最简略主题比如。首先，这个主题包括下面几个文件：
style.css
index.php
single.php
header.php
sidebar.php
footer.php
style.css的内容上面现已提及，你只需求补充自己需求的css就能够了。
header.php,sidebar.php,footer.php分类是页面的顶部、边栏、尾部。文章选用single.php效果模板，其它页面（如主页）会选用index.php做模板。
index.php的内容为：
文章页面模板single.php为：
这样，咱们一个最简略的模板就完成了。剩下的便是你自己依据你的需求为其添加款式和内容了。另外在模板中一切你可能用到的Wordpress函数在这里都能够找到：WordpressFunctionReference。

wordpress主题开发教程视频二次开发

1、PSD2HTML
PSD2HTML的基本要求是将规划图转化为静态网页（HTML/CSS/JS）。规划图通常是PSD文件，由规划师（美工）依据客户的要求制造。
转化要标准。比如，现在的HTML都是开头。尽量不必CSShacks。
转化要准确。最好能准确到像素（pixel-perfect）。主张使用“马克鳗”丈量规划图和比较规划图与转化的网页。
假如不考虑呼应式网页规划（ResponsiveWebDesign），那么PSD2HTML针对的便是桌面浏览器。关于桌面浏览器，国外的网站，一般需求兼容IE8/9/10（不久的将来是IE9/10/11）和Firefox、Chrome、Safari（有时还需求兼容Opera）。国内的网站，一般还需求兼容IE6和IE7。浏览器兼容性问题令人头疼。同一个网站，在不同的Windows版本的浏览器里边或许会有所不同，在Windows和Mac的浏览器里边也或许有所不同。有时分，客户还会要求考虑Apple的视网膜屏幕。
假如考虑呼应式网页规划（ResponsiveWebDesign），浏览器兼容性问题会更多。iPhone和iPad的默认浏览器是Safari（跟Mac版的Safari有所不同）。Android手机和平板的默认浏览器是Chrome（跟Mac版和Windows版的Chrome也有所不同）。
2、HTML2WP
WP主题的很多基本功用在WP官方主题中都有反映。将静态网页转化为WP主题的时分能够参阅WP官方主题。有些功用，WP官方主题或许没有。此刻，能够在网站装置WP插件或许直接将WP插件包含到WP主题中。
举个比如，一般的WP主题都有“主题设置”（ThemeOptions）功用。有一些WP主题需求网站装置OptionsFramework插件。还有一些WP主题直接内置OptionsFramework（OptionsFrameworkTheme）。
有时分，网上搜不到需求的功用，那么能够直接研讨WP代码。比如，某个WP的菜单项需求链接到最新的文章（post），我的实现思路请看“Howtomakeamenuitemalwayspointtothelatestpost”。
不想使用WP插件，又不想直接研讨WP代码，没有问题，你能够用generatewp.com/来生成WP代码。GenerateWP能够依据你的设置自动生成CustomTaxonomy、CustomPostType、CustomPostStatus、CustomSidebar、CustomMenu、CustomAdminBar、CustomWP_Query、CustomShortcodes……
3、合二为一
挑选全面、简单的WP主题为起点，制造自己的WP主题。推荐：Underscores|AStarterThemeforWordPress。Underscores主题“麻雀虽小，五脏俱全”。不管是增加HTML/CSS，仍是增加各种功用，都比较方便。
需求呼应式网页规划（ResponsiveWebDesign）的时分能够考虑使用Bootstrap或Foundation:TheMostAdvancedResponsiveFront-endFrameworkfromZURB。
主张装置Theme-Check插件。在开发的过程中经常用它测试WP主题是个好习惯。
假如想制造完美的WP主题，主张装置ThemeUnitTest?WordPressCodex说到的测试数据。你很或许会发现规划师（美工）提供的PSD文件漏了一些状况。