WordPress: Using Themes:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
无编辑摘要
 
(未显示2个用户的9个中间版本)
第1行: 第1行:
<span style="border:1px solid #000; text-align:center; float:right; padding:6px;"><strong>导航:</strong> [[WordPress:WordPress文档|上一级]] | [[WordPress]] | {{Template:WordPress导航}}</span>
<div style="clear:both;"></div>
__TOC__
__TOC__
在没有出现主题之前,WordPress使用一个单独的文件,产生的内容,<tt>index.php</tt>,将内容归档以支持显示评论和提及评论。一个单一的样式表控制了这些的呈现情况。所有的其它页面,包括一个类别和归档页面,都是通过将参量传到<tt>index.php</tt> 页面上产生的。
在没有出现主题之前,WordPress使用一个单独的文件,产生的内容,<tt>index.php</tt>,将内容归档以支持显示评论和提及评论。一个单一的样式表控制了这些的呈现情况。所有的其它页面,包括一个类别和归档页面,都是通过将参量传到<tt>index.php</tt> 页面上产生的。
第15行: 第17行:
一个WordPress主题是一些文件的集合,共同运行来产生一个图画似的界面,这个界面有一个潜在的统一的博客设计。这些文件称作[[Wordpress:Templates|'''模板文件''']]。一个主题更改站点的显示方式,但是并没有更改潜在的软件。主题可能包括自定义的模板文件,图像文件(<tt>*.jpg</tt>, <tt>*.gif</tt>),形式表(<tt>*.css</tt>),自定义[[Wordpress:Pages|页面]],以及任何必须的代码文件(<tt>*.php</tt>).关于模板文件的介绍说明,看看[[Wordpress:Stepping Into Templates|走进模板]]。
一个WordPress主题是一些文件的集合,共同运行来产生一个图画似的界面,这个界面有一个潜在的统一的博客设计。这些文件称作[[Wordpress:Templates|'''模板文件''']]。一个主题更改站点的显示方式,但是并没有更改潜在的软件。主题可能包括自定义的模板文件,图像文件(<tt>*.jpg</tt>, <tt>*.gif</tt>),形式表(<tt>*.css</tt>),自定义[[Wordpress:Pages|页面]],以及任何必须的代码文件(<tt>*.php</tt>).关于模板文件的介绍说明,看看[[Wordpress:Stepping Into Templates|走进模板]]。


主题是一个完全新的局面。假如你写了许多关于奶酪和小配件的文章。通过创新地使用[[Wordpress:The Loop|WordPress Loop]] 和 [[Wordpress:Templates|模板文件]],你可以自定义你的奶酪文章类别,使它看起来与你的小配件类别有所不同。你可以有力地控制你的站点上不同页面和类别的外观,你只受你的想象力所限制。关于怎样为不同的类别或者文章使用不同的主题的信息,请看[[Wordpress:The Loop in Action|运转的Loop]]和[[Wordpress:Category Templates|类别模板]
主题是一个完全新的局面。假如你写了许多关于奶酪和小配件的文章。通过创新地使用[[Wordpress:The Loop|WordPress Loop]] 和 [[Wordpress:Templates|模板文件]],你可以自定义你的奶酪文章类别,使它看起来与你的小配件类别有所不同。你可以有力地控制你的站点上不同页面和类别的外观,你只受你的想象力所限制。关于怎样为不同的类别或者文章使用不同的主题的信息,请看[[Wordpress:The Loop in Action|运转的Loop]]和[[Wordpress:Category Templates|类别模板]]


==得到新的主题==
==得到新的主题==
第135行: 第137行:
* [http://themes.enquira.com/category/wordpress-themes/ enQuira 主题]
* [http://themes.enquira.com/category/wordpress-themes/ enQuira 主题]


* [http://www.onehertz.com/portfolio/wordpress/在onehertz的免费&有偿主题]
* [http://www.onehertz.com/portfolio/wordpress/ 在onehertz的免费&有偿主题]


* [http://www.drchetan.com/themes Chetan 免费WordPress 主题]
* [http://www.drchetan.com/themes Chetan 免费WordPress 主题]
第218行: 第220行:


==使用主题==
==使用主题==
WordPress supplies two themes in its distribution for your initial use.  You can switch between these two themes using the admin panel.  Themes that you add to that directory will appear in the [[Wordpress:Administration Panels]] > [[Wordpress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|Presentation]] as additional selections.
WordPress在你首次使用时,给你提供两个主题。你可以使用管理面板在两个主题之间进行切换。你添加到那个目录上的主题会在[[Wordpress:Administration Panels|管理面板]] > [[Wordpress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|呈现]]上作为额外的选择出现。
WordPress在你首次使用时,给你提供两个主题。你可以使用管理面板在两个主题之间进行切换。你添加到那个目录上的主题会在[[Wordpress:Administration Panels|管理面板]] > [[Wordpress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|呈现]]上作为额外的选择出现。


===Adding New Themes===
===添加新的主题===
===添加新的主题===
There are many themes available for download that will work with your WordPress installation.
可以下载许多主题,这些主题都对你的WordPress安装起作用。
可以下载许多主题,这些主题都对你的WordPress安装起作用。
[[Wordpress:Image:presentthemes1.png|thumb|right|呈现 主题 面板]]如果你安装的主题提供介绍说明,确保通读了一遍,遵循这些介绍说明来成功地安装主题。'''据推荐,主题程序员为他们的自己的主题提供了安装介绍说明。''', 因为主题可能提供了特别选项的功能,这些功能的安装可能比基本安装的步骤要多几步。如果在遵从了任何提供的说明以后,你的主题仍然不能运行,请'''联系主题作者寻求帮助'''。


[[Wordpress:Image:presentthemes1.png|thumb|right|Presentation Theme Panel]]If the theme that you are installing provides instructions, be sure to read through and follow those instructions for the successful installation of the theme.  '''It is recommended that theme developers provide installation instructions for their own themes''', because themes can provide special optional functionality that may require more steps than the basic installation steps covered here.  If your theme does not work after following any provided instructions, please '''contact the theme author for help'''.
[[Wordpress:Image:presentthemes1.png|thumb|right|呈现 主题 面板]]如果你安装的主题提供介绍说明,确保通读了一遍,遵循这些介绍说明来成功地安装主题。'''据推荐,主题程序员为他们的自己的主题提供了安装介绍说明。''', 因为主题可能提供了特别的选项的功能,这些功能的安装可能比基本安装的步骤要多几步。如果在遵从了任何提供的说明以后,你的主题仍然不能运行,请'''联系主题作者寻求帮助'''。
To add a new theme to your WordPress installation, follow these basic steps:
为你的WordPress安装添加一个新的主题,遵循以下的基本步骤:
为你的WordPress安装添加一个新的主题,遵循以下的基本步骤:
# Download the theme archive and extract the files it contains.  You may need to preserve the directory structure in the archive when extracting these files.  Follow the guidelines provided by your theme author.
#下载主题存档,提取它包含的文件。当你提取这些文件的时候,你可能要在存档中保存目录结构。遵从你的主题作者提供的指导方针。
#下载主题存档,提取它包含的文件。当你提取这些文件的时候,你可能要在存档中保存目录结构。遵从你的主题作者提供的指导方针。
# Using an [[Wordpress:FTP_Clients|FTP client]] to access your host web server, create a directory to contain your theme in the <tt>wp-content/themes</tt> directory provided by WordPress.  For example, a theme named '''Test''' should be in <tt>wp-content/themes/test</tt>.  Your theme may provide this directory as part of the archive.
#使用一个[[Wordpress:FTP_Clients|FTP client]]来接近你的主机网络服务器,创建一个目录,将你的主题包含在WordPress提供的目录<tt>wp-content/themes</tt>。例如,一个主题名'''测试''应该在<tt>wp-content/themes/test</tt>.你的主题可能规定这个目录为存档的一部分。
#使用一个[[Wordpress:FTP_Clients|FTP client]]来接近你的主机网络服务器,创建一个目录,将你的主题包含在WordPress提供的目录<tt>wp-content/themes</tt>。例如,一个主题名'''测试''应该在<tt>wp-content/themes/test</tt>.你的主题可能规定这个目录为存档的一部分。
# Upload the theme files to the new directory on your host server.
#将主题文件上传到你的主机服务器的新目录上。
#将主题文件上传到你的主机服务器的新目录上。
# Follow the [[Wordpress:#Selecting_the_Active_Theme|instructions below]] for selecting the new theme.
#遵从[[#Wordpress:Selecting_the_Active_Theme|下面的指示说明]]来选择一个新的主题。
#遵从[[Wordpress:#Selecting_the_Active_Theme|下面的指示说明]]来选择一个新的主题。
 
====Adding New Themes in cPanel ====
====在cPanel上添加新的主题 ====
====在cPanel上添加新的主题 ====
If your host offers the [[Wordpress:Glossary#cPanel|cPanel]] control panel, and the theme files are in a .zip or .gz archive follow these instructions.  Note:  This assumes the theme you download is a compressed (zip) file and the files in the zip file are in their 'named' folder.
如果你的主机提供[[Wordpress:Glossary#cPanel|cPanel]]控制面板,而且主题文件在一个a .zip 或者 .gz存档中,遵从这些指示说明。注:这样做的前提是你下载的主题是一个压缩的文件(压缩)而且压缩文件中的文件在他们的'指定的'文件夹中。
如果你的主机提供[[Wordpress:Glossary#cPanel|cPanel]]控制面板,而且主题文件在一个a .zip 或者 .gz存档中,遵从这些指示说明。注:这样做的前提是你下载的主题是一个压缩的文件(压缩)而且压缩文件中的文件在他们的'指定的'文件夹中。
# Download the theme zip file to your local machine.
#将主题压缩文件下载到你的本地机器上。
#将主题压缩文件下载到你的本地机器上。
# In cPanel File Manager, navigate to your themes folder.  If you have WordPress installed in it's own folder called wordpress, you would navigate to "public_html/wordpress/wp-content/themes" and if WordPress is installed in your web-root folder you would navigate to "public_html/wp-content/themes".
#在cPanel文件管理器,导航到你的主题文件夹。如果你将WordPress安装在它自己的称作wordpress的文件夹上,你会导航到"public_html/wordpress/wp-content/主题",如果你将WordPress安装在你的网页根目录上,你会导航到"public_html/wp-content/主题"。
#在cPanel文件管理器,导航到你的主题文件夹。如果你将WordPress安装在它自己的称作wordpress的文件夹上,你会导航到"public_html/wordpress/wp-content/主题",如果你将WordPress安装在你的网页根目录上,你会导航到"public_html/wp-content/主题"。
# Once you've navigated to the themes folder in cPanel File Manager, click on Upload file(s) and upload that zip file you saved in Step 1.
#你一旦导航到了cPanel文件管理器上的主题文件夹上,点击上传文件,上传你在第一步保存的压缩文件。
#你一旦导航到了cPanel文件管理器上的主题文件夹上,点击上传文件,上传你在第一步保存的压缩文件。
#Once the zip file is uploaded, click on the zip file name in cPanel, then in the panel to the right, click on Extract File Contents, and that zip file will be uncompressed.
#一旦上传了压缩的文件,在cPanel上点击压缩文件名,然后在右边的面板上,点击提取的文件内容,这样压缩的文件就会解压缩了。
#一旦上传了压缩的文件,在cPanel上点击压缩文件名,然后在右边的面板上,点击提取的文件内容,这样压缩的文件就会解压缩了。
#Follow the [[Wordpress:#Selecting_the_Active_Theme|instructions below]] for selecting the new theme.
#遵循[[#Wordpress:Selecting_the_Active_Theme|下面的指示说明]]来选择新的主题。
#遵循[[Wordpress:#Selecting_the_Active_Theme|下面的指示说明]]来选择新的主题。


===Selecting the Active Theme===
===选择活动的主题===
===选择活动的主题===
To select the active theme for your site:
为你的站点选择活动的主题:
为你的站点选择活动的主题:
# Log in to the WordPress [[Wordpress:Administration Panels]].
#登录到WordPress [[Wordpress:Administration Panels|管理面板]]。
#登录到WordPress [[Wordpress:Administration Panels|管理面板]]。
# Select the [[Wordpress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|Presentation]] subpanel.
#选择[[Wordpress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|呈现]]子面板。
#选择[[Wordpress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|呈现]]子面板。
# From the '''Available Themes''' section, click on theme title (or theme screenshot) for the theme you wish to activate.
#在'''可利用的主题''' 部分,为你想要使其活动的主题,点击主题标题(或者主题屏幕截图)
#在'''可利用的主题''' 部分,为你想要使其活动的主题,点击主题标题(或者主题屏幕截图)
# To view the new look, click '''View Site''' at the top of the Panel's screen.
#要看看新的外观,在面板界面的上方,点击'''观看站点'''。
#要看看新的外观,在面板界面的上方,点击'''观看站点'''。


Your selection should immediately become active.
你的选择立马就被激活了。
你的选择立马就被激活了。
==Creating Themes==
 
==创建主题==
==创建主题==
If you are interested in creating your own theme for distribution, or learning more about the architecture of themes, please review the documentation regarding [[Wordpress:Theme Development]] and [[Wordpress:Designing Themes for Public_Release]].


如果你对创建自己的主题,并且将它发行,感兴趣,或者你有兴趣学习更多关于主题的结构,请回顾一下关于[[Wordpress:Theme Development|主题发展]]和 [[Wordpress:Designing Themes for Public_Release|为公共发行设计主题]]的文件。
如果你对创建自己的主题,并且将它发行,感兴趣,或者你有兴趣学习更多关于主题的结构,请回顾一下关于[[Wordpress:Theme Development|主题发展]]和 [[Wordpress:Designing Themes for Public_Release|为公共发行设计主题]]的文件。


===Theme Files===
===主题文件===
===主题文件===


The following are the files typically included within a Theme.
如下的是一些包含在一个主题里面典型的一些文件。
如下的是一些包含在一个主题里面典型的一些文件。


*[[Wordpress:Creating_an_Error_404_Page|404 Template]] = <tt>404.php</tt>
*Archive Template = <tt>archive.php</tt>
*[[Wordpress:Creating_an_Error_404_Page|404 模板]] = <tt>404.php</tt>
*[[Wordpress:Creating_an_Error_404_Page|404 模板]] = <tt>404.php</tt>
*归档模板 = <tt>archive.php</tt>
*归档模板 = <tt>archive.php</tt>


*[[Wordpress:Creating_an_Archive_Index|Archive Index Page]] = <tt>archives.php</tt>
*[[Wordpress:Creating_an_Archive_Index|模板索引页面]] = <tt>archives.php</tt>
*[[Wordpress:Creating_an_Archive_Index|模板索引页面]] = <tt>archives.php</tt>


*Comments Template = <tt>comments.php</tt>
*评论模板 = <tt>comments.php</tt>
*评论模板 = <tt>comments.php</tt>


*Footer Template = <tt>footer.php</tt>
*页脚模板 = <tt>footer.php</tt>
*页脚模板 = <tt>footer.php</tt>


*[[Wordpress:Designing Headers|Header Template]] = <tt>header.php</tt>
*[[Wordpress:Designing Headers|标题模板]] = <tt>header.php</tt>
*[[Wordpress:Designing Headers|标题模板]] = <tt>header.php</tt>


*Links = <tt>links.php</tt>
*链接 = <tt>links.php</tt>
*链接 = <tt>links.php</tt>


*Main Template = <tt>index.php</tt>
*主要的模板 = <tt>index.php</tt>
*主要的模板 = <tt>index.php</tt>


*[[Wordpress:Pages|Page Template]] = <tt>page.php</tt>
*[[Wordpress:Pages|页面模板]] = <tt>page.php</tt>
*[[Wordpress:Pages|页面模板]] = <tt>page.php</tt>


*Popup Comments Template = <tt>comments-popup.php</tt>
*弹出来的评论模板 = <tt>comments-popup.php</tt>
*弹出来的评论模板 = <tt>comments-popup.php</tt>


*Post Template = <tt>single.php</tt>
*文章模板 = <tt>single.php</tt>
*文章模板 = <tt>single.php</tt>


*Search Form = <tt>searchform.php</tt>
*搜索论坛 = <tt>searchform.php</tt>
*搜索论坛 = <tt>searchform.php</tt>


*[[Wordpress:Creating a Search Page|Search Template]] = <tt>search.php</tt>
*[[Wordpress:Creating a Search Page|搜索模板]] = <tt>search.php</tt>
*[[Wordpress:Creating a Search Page|搜索模板]] = <tt>search.php</tt>


*[[Wordpress:Customizing Your Sidebar|Sidebar Template]] = <tt>sidebar.php</tt>
*[[Wordpress:Customizing Your Sidebar|边框模板]] = <tt>sidebar.php</tt>
*[[Wordpress:Customizing Your Sidebar|边框模板]] = <tt>sidebar.php</tt>


*Stylesheet = <tt>style.css</tt>
*样式表 = <tt>style.css</tt>
*形式表 = <tt>style.css</tt>
 
 
== Moving from 1.2.x to 1.5 == <span id="Moving 1.2.x to 1.5"></span>


== 从 1.2.x移到 1.5 == <span id="Moving 1.2.x to 1.5"></span>
== 从 1.2.x移到 1.5 == <span id="Moving 1.2.x to 1.5"></span>
For details on upgrading WordPress and your WordPress Theme from v1.2 to 1.5, see: [[Wordpress:Upgrade_1.2_to_1.5|Upgrade 1.2 to 1.5]].


关于将你的WordPress和你的WordPress主题从v1.2升级到v1.5的更多详细信息,看看:[[Wordpress:Upgrade_1.2_to_1.5|从1.2 升级到1.5]].
关于将你的WordPress和你的WordPress主题从v1.2升级到v1.5的更多详细信息,看看:[[Wordpress:Upgrade_1.2_to_1.5|从1.2 升级到1.5]].


==Theme Tools and Other Resources==
==主题工具和其它的资源==
==主题工具和其它的资源==


这些工具和资源会帮助你创建或者提升主题。


These tools and resources will aid you in creating and/or enhancing themes.
这些工具和资源会帮助你创建和/或者提升主题。
===Layout===
===布局===
===布局===


* [[Wordpress:Blog Design and Layout]]
* [[Wordpress:Blog Design and Layout|博客布局和设计]]
* [[Wordpress:Blog Design and Layout|博客布局和设计]]


* [[Wordpress:Stepping Into Templates]]
* [[Wordpress:Stepping Into Templates|走进模板]]
* [[Wordpress:Stepping Into Templates|走进模板]]


* [[Wordpress:Customizing Your Sidebar]]
* [[Wordpress:Customizing Your Sidebar|自定义边框]]
* [[Wordpress:Customizing Your Sidebar|自定义边框]]


* [[Wordpress:Good Navigation Links]]
* [[Wordpress:Good Navigation Links|好的导航链接]]
* [[Wordpress:Good Navigation Links|好的导航链接]]


* [[Wordpress:Next and Previous Links]]
* [[Wordpress:Next and Previous Links|上一个和下一个链接]]
* [[Wordpress:Next and Previous Links|上一个和下一个链接]]


* [[Wordpress:Styling Lists with CSS]]
* [[Wordpress:Styling Lists with CSS|CSS的设计表]]
* [[Wordpress:Styling Lists with CSS|CSS的设计表]]


* [[Wordpress:Creating Horizontal Menus]]
* [[Wordpress:Creating Horizontal Menus|创建横向菜单]]
* [[Wordpress:Creating Horizontal Menus|创建横向菜单]]


* [[Wordpress:Dynamic Menu Highlighting]]
* [[Wordpress:Dynamic Menu Highlighting|聚焦动态的菜单]]
* [[Wordpress:Dynamic Menu Highlighting|聚焦动态的菜单]]


* [[Wordpress:FAQ Layout and Design|FAQ Layout and Design]]
* [[Wordpress:FAQ Layout and Design|常见问题解答 布局与设计]]
* [[Wordpress:FAQ Layout and Design|常见问题解答 布局与设计]]
 
* [http://www.redalt.com/Tools/builder.php WordPress Index Builder]
* [http://www.redalt.com/Tools/builder.php WordPress 索引创建者]  
* [http://www.redalt.com/Tools/builder.php WordPress 索引创建者]  


* [http://www.wateronlydries.com/?p=158 Photoshop Template for the WordPress Default Theme]
* [http://www.wateronlydries.com/?p=158 WordPress 默认主题Photoshop 模板]
* [http://www.wateronlydries.com/?p=158 WordPress 默认主题Photoshop 模板]


===Templates and Template Tags===
===模板和模板标签===
===模板和模板标签===


* [[Wordpress:Templates|Template Files]]
* [[Wordpress:Templates|模板文件]]
* [[Wordpress:Templates|模板文件]]


* [[Wordpress:Stepping Into Templates]]
* [[Wordpress:Stepping Into Templates|走进模板]]
* [[Wordpress:Stepping Into Templates|走进模板]]


* [[Wordpress:Stepping Into Template Tags]]
* [[Wordpress:Stepping Into Template Tags|走近模板标签]]
* [[Wordpress:Stepping Into Template Tags|走近模板标签]]


* [[Wordpress:Template Tags]]
* [[Wordpress:Template Tags|模板标签]]
* [[Wordpress:Template Tags|模板标签]]


* [[Wordpress:Theme Development|Developing WordPress Themes]]
* [[Wordpress:Theme Development|开发 WordPress 主题]]
* [[Wordpress:Theme Development|发展 WordPress 主题]]


* [[Wordpress:The Loop in Action]]
* [[Wordpress:The Loop in Action|运转的Loop]]
* [[Wordpress:The Loop in Action|运转的Loop]]


* [http://guff.szub.net/wordpress/template-tags/ Template Tag Layout in simple to read form]
* [http://guff.szub.net/wordpress/template-tags/ 阅读布局简单的模板标签]
* [http://guff.szub.net/wordpress/template-tags/ 阅读布局简单的模板标签]


* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ Anatomy of a WordPress Theme]
* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ WordPress 主题解析]
* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ WordPress 主题解析]


* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ Templates and the is functions]
* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ 模板和功能]
* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ 模板和 the is functions]
 
* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ Dissection of a WordPress Theme]


* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ WordPress主题分析]
* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ WordPress主题分析]


===Tools and Resources===
===工具和资源===
===工具和资源===




* [[Wordpress:Designing Themes for Public Release]]
* [[Wordpress:Designing Themes for Public Release|为公共发行设计的主题]]
* [[Wordpress:Designing Themes for Public Release|为公共发行设计的主题]]


* [[Wordpress:Know Your Sources]]
* [[Wordpress:Know Your Sources|了解你的原始资料]]
* [[Wordpress:Know Your Sources|了解你的原始资料]]


* [[Wordpress:Validating a Website]]
* [[Wordpress:Validating a Website|确认一个网站]]
* [[Wordpress:Validating a Website|确认一个网站]]


* [[Wordpress:Finding Your CSS Styles]]
* [[Wordpress:Finding Your CSS Styles|找到你的CSS形式]]
* [[Wordpress:Finding Your CSS Styles|找到你的CSS形式]]


* [[Wordpress:CSS Fixing Browser Bugs]]
* [[Wordpress:CSS Fixing Browser Bugs|CSS解决浏览器中的程序错误]]
* [[Wordpress:CSS Fixing Browser Bugs|CSS解决浏览器中的程序错误]]


* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress Design Sandbox Article]
* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress 设计沙盒文章]
* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress 设计沙盒文章]


* [http://www.cameraontheroad.com/index.php?p=594 Working On CSS and the WordPress Theme (using a sandbox)]
* [http://www.cameraontheroad.com/index.php?p=594 做CSS和WordPress主题 (使用一个沙盒)]
* [http://www.cameraontheroad.com/index.php?p=594 做CSS和WordPress主题 (使用一个沙盒)]


*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ From XHTML CSS to WordPress (making a Theme}]
*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ 从XHTML CSS到WordPress (制作一个主题}]
*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ 从XHTML CSS到WordPress (制作一个主题}]


*[http://www.jonathanwold.com/tutorials/wordpress_theme/ Tutorial: How to Create a Wordpress Theme]
*[http://www.jonathanwold.com/tutorials/wordpress_theme/ Tutorial: 怎样创建一个Wordpress 主题]
*[http://www.jonathanwold.com/tutorials/wordpress_theme/ Tutorial: 怎样创建一个Wordpress 主题]


*[http://coevolving.com/blogs/index.php/archive/installing-and-customizing-wordpress-on-your-own-domain/ Coevolving Innovations guide to Installing Wordpress (including a Theme) on a web host with Fantastico and cPanel] (at Wordpress 2.2.1)
*[http://coevolving.com/blogs/index.php/archive/installing-and-customizing-wordpress-on-your-own-domain/ Coevolving Innovations guide to Installing Wordpress (including a Theme) on a web host 用 Fantastico和cPanel将WordPress(包括主题)安装到一个网络主机上,共同改进的创新指南] (在 Wordpress 2.2.1上)
*[http://coevolving.com/blogs/index.php/archive/installing-and-customizing-wordpress-on-your-own-domain/ Coevolving Innovations guide to Installing Wordpress (including a Theme) on a web host 用 Fantastico和cPanel将WordPress(包括主题)安装到一个网络主机上,共同改进的创新指南] (在 Wordpress 2.2.1上)
*[http://www.danielesalamina.it/screencast-come-modificare-il-proprio-tema-wordpress-in-5-minuti-con-firebug Screencast: Hack a Theme in 5 minute with Firebug]


*[http://www.danielesalamina.it/screencast-come-modificare-il-proprio-tema-wordpress-in-5-minuti-con-firebug Screencast:用Firebug五分钟破解一个主题]
*[http://www.danielesalamina.it/screencast-come-modificare-il-proprio-tema-wordpress-in-5-minuti-con-firebug Screencast:用Firebug五分钟破解一个主题]


===Colors, Graphics, and Fonts===
===颜色,图形与字体===
===颜色,图形与字体===
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr - Changes Default Theme Header Images]
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr – 改变默认主题标题图像]  
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr – 改变默认主题标题图像]  


* [http://www.digitalwestex.com/gallery/index.php?cat=3 Header Graphics]
* [http://www.digitalwestex.com/gallery/index.php?cat=3 标题图形]
* [http://www.digitalwestex.com/gallery/index.php?cat=3 标题图形]


* [http://creativecommons.org/image/ Creative Commons Images]
* [http://creativecommons.org/image/ 创造性的普通图像]
* [http://creativecommons.org/image/ 创造性的普通图像]


* [http://www.imageafter.com/ Image * After - Free Stock Image Library]
* [http://www.imageafter.com/ Image * After – 免费备有的图像阅览室]
* [http://www.imageafter.com/ Image * After – 免费备有的图像阅览室]


* [http://www.freeiconsweb.com/ Free Icons Library]
* [http://www.freeiconsweb.com/ 免费图标阅览室]
* [http://www.freeiconsweb.com/ 免费图标阅览室]


* [http://www.sxc.hu/ Stock.xchng - Free Stock Image Library]
* [http://www.sxc.hu/ Stock.xchng – 免费备有的图像阅览室]
* [http://www.sxc.hu/ Stock.xchng – 免费备有的图像阅览室]


* [[Wordpress:Playing With Fonts]]
* [[Wordpress:Playing With Fonts|改变字体]]
* [[Wordpress:Playing With Fonts|改变字体]]


* [[Wordpress:Developing a Colour Scheme]]
* [[Wordpress:Developing a Colour Scheme|发展一个颜色计划]]
* [[Wordpress:Developing a Colour Scheme|发展一个颜色计划]]


* [http://colr.org Colr.org - For Finding Colors in an Image]
* [http://colr.org Colr.org – 关于在一个图像上找颜色]
* [http://colr.org Colr.org – 关于在一个图像上找颜色]


* [http://www.redalt.com/Tools/ilyc.php I Like Your Colors]
* [http://www.redalt.com/Tools/ilyc.php 我喜欢你的颜色]
* [http://www.redalt.com/Tools/ilyc.php 我喜欢你的颜色]


* [http://www.2yi.net/free-stock-photos.html List of More than 70 Free Stock Photo Sites]
* [http://www.2yi.net/free-stock-photos.html 70 多个免费备有的图片点列表]
* [http://www.2yi.net/free-stock-photos.html 70 多个免费备有的图片点列表]


* [http://labs.adobe.com/technologies/kuler/ kuler - Create color palettes with this web app from Adobe Labs]
* [http://labs.adobe.com/technologies/kuler/ kuler -从Adobe Labs中用这个万维网的应用来创建颜色调色板]
* [http://labs.adobe.com/technologies/kuler/ kuler -从Adobe Labs中得到这个万维网的应用来创建颜色调色板]

2008年7月10日 (四) 17:56的最新版本

导航: 上一级 | WordPress | 首页 | WordPress中文论坛 | WordPress主机 | CMS程序 | 论坛程序 | ECShop | ShopNC | PowerEasy

在没有出现主题之前,WordPress使用一个单独的文件,产生的内容,index.php,将内容归档以支持显示评论和提及评论。一个单一的样式表控制了这些的呈现情况。所有的其它页面,包括一个类别和归档页面,都是通过将参量传到index.php 页面上产生的。

新的主题系统提供了两个便利的功能。

外在分开的组成部分:新的WordPress模块化模板文件系统提供一种方法,为你的WordPress站点的不同组成部分定义单独的 PHP文件,。这样可以为许多特别的页面创建独一的设计和功能,例如类别归档, 每月的归档, 以及个别的文章页面。

:快速改变布局和设计:它允许拥有合适权限的用户,通过上传新的主题,特别是在管理面板上点击一个按钮,来快速地改变整个站点的布局。 产生页面的老方法仍然奏效。如果你是从v1.2或者 v1.2.1或者 v1.2.2上升级的, 你可以继续使用你现有的设计。保存老的设计不会阻止你添加额外的主题,也不会阻止你在两个设计之间轻松地切换。

主题是什么?[ ]

基本来说,WordPress主题系统是给你的博客"加皮肤"的方式。然而,它又不仅仅是一个"皮肤。"给你的站点改变皮肤,只能暗示只是设计改变了。WordPress主题能给你的站点上材料的外观和呈现提供更多的控制。

一个WordPress主题是一些文件的集合,共同运行来产生一个图画似的界面,这个界面有一个潜在的统一的博客设计。这些文件称作模板文件。一个主题更改站点的显示方式,但是并没有更改潜在的软件。主题可能包括自定义的模板文件,图像文件(*.jpg, *.gif),形式表(*.css),自定义页面,以及任何必须的代码文件(*.php).关于模板文件的介绍说明,看看走进模板

主题是一个完全新的局面。假如你写了许多关于奶酪和小配件的文章。通过创新地使用WordPress Loop模板文件,你可以自定义你的奶酪文章类别,使它看起来与你的小配件类别有所不同。你可以有力地控制你的站点上不同页面和类别的外观,你只受你的想象力所限制。关于怎样为不同的类别或者文章使用不同的主题的信息,请看运转的Loop类别模板

得到新的主题[ ]

WordPress 主题阅读器是WordPress主题的官方站点,已经得到了检查和核实,而且还可以免费下载。这个站点的特色,是能够通过形式和风格进行搜索,并且提供了一个主题页面阅读元素的一个例证。

其它的WordPress主题的原始资料可能包括:

Alex King的 WordPress 主题竞争

使用主题[ ]

WordPress在你首次使用时,给你提供两个主题。你可以使用管理面板在两个主题之间进行切换。你添加到那个目录上的主题会在管理面板 > 呈现上作为额外的选择出现。

添加新的主题[ ]

可以下载许多主题,这些主题都对你的WordPress安装起作用。 thumb|right|呈现 主题 面板如果你安装的主题提供介绍说明,确保通读了一遍,遵循这些介绍说明来成功地安装主题。据推荐,主题程序员为他们的自己的主题提供了安装介绍说明。, 因为主题可能提供了特别选项的功能,这些功能的安装可能比基本安装的步骤要多几步。如果在遵从了任何提供的说明以后,你的主题仍然不能运行,请联系主题作者寻求帮助

为你的WordPress安装添加一个新的主题,遵循以下的基本步骤:

  1. 下载主题存档,提取它包含的文件。当你提取这些文件的时候,你可能要在存档中保存目录结构。遵从你的主题作者提供的指导方针。
  2. 使用一个FTP client来接近你的主机网络服务器,创建一个目录,将你的主题包含在WordPress提供的目录wp-content/themes。例如,一个主题名'测试应该在wp-content/themes/test.你的主题可能规定这个目录为存档的一部分。
  3. 将主题文件上传到你的主机服务器的新目录上。
  4. 遵从下面的指示说明来选择一个新的主题。

在cPanel上添加新的主题[ ]

如果你的主机提供cPanel控制面板,而且主题文件在一个a .zip 或者 .gz存档中,遵从这些指示说明。注:这样做的前提是你下载的主题是一个压缩的文件(压缩)而且压缩文件中的文件在他们的'指定的'文件夹中。

  1. 将主题压缩文件下载到你的本地机器上。
  2. 在cPanel文件管理器,导航到你的主题文件夹。如果你将WordPress安装在它自己的称作wordpress的文件夹上,你会导航到"public_html/wordpress/wp-content/主题",如果你将WordPress安装在你的网页根目录上,你会导航到"public_html/wp-content/主题"。
  3. 你一旦导航到了cPanel文件管理器上的主题文件夹上,点击上传文件,上传你在第一步保存的压缩文件。
  4. 一旦上传了压缩的文件,在cPanel上点击压缩文件名,然后在右边的面板上,点击提取的文件内容,这样压缩的文件就会解压缩了。
  5. 遵循下面的指示说明来选择新的主题。

选择活动的主题[ ]

为你的站点选择活动的主题:

  1. 登录到WordPress 管理面板
  2. 选择呈现子面板。
  3. 可利用的主题 部分,为你想要使其活动的主题,点击主题标题(或者主题屏幕截图)
  4. 要看看新的外观,在面板界面的上方,点击观看站点

你的选择立马就被激活了。

创建主题[ ]

如果你对创建自己的主题,并且将它发行,感兴趣,或者你有兴趣学习更多关于主题的结构,请回顾一下关于主题发展为公共发行设计主题的文件。

主题文件[ ]

如下的是一些包含在一个主题里面典型的一些文件。

  • 归档模板 = archive.php
  • 评论模板 = comments.php
  • 页脚模板 = footer.php
  • 链接 = links.php
  • 主要的模板 = index.php
  • 弹出来的评论模板 = comments-popup.php
  • 文章模板 = single.php
  • 搜索论坛 = searchform.php
  • 样式表 = style.css

== 从 1.2.x移到 1.5 ==

关于将你的WordPress和你的WordPress主题从v1.2升级到v1.5的更多详细信息,看看:从1.2 升级到1.5.

主题工具和其它的资源[ ]

这些工具和资源会帮助你创建或者提升主题。

布局[ ]

模板和模板标签[ ]

工具和资源[ ]

颜色,图形与字体[ ]