“使用主题”的版本间的差异

来自WordPress中文文档
跳转至: 导航搜索
(1个修订)
(moved 使用主题 to 主题
第1行: 第1行:
{{Languages|
+
#REDIRECT [[主题]]
{{en|Using Themes}}
 
{{ja|テーマの使い方}}
 
{{th|การใช้_Themes}}
 
{{zh-cn|使用主题}}
 
}}
 
 
 
__TOC__
 
在出现主题之前,WP只有一个用来生成内容的ttindex.php/tt文件,还有一些支持评论显示和提交的文件。一个单独的样式表文件来控制界面效果。其它所有的页面,包括分类和规档页面都是通过传递不同的参数给ttindex.php/tt来生成的。
 
 
 
新的主题系统提供了两种方便的功能。
 
 
 
; 物理上划分出组件: 新的模块化的[[Stepping Into Templates|模板文件]] 系统提供了方法为不同的组件定义物理上分开的文件。这就允许创建出许多功能和设计上都唯一的特殊页面,比如[[Category Templates|分类规档]], [[Creating_an_Archive_Index|月份规档]],个人主页等.
 
 
 
;快速的改变布局和设计 :允许用户通过适当的权限上传新主题来快速的改变整个网站的布局,并且基本上在控制面板就可以切换.
 
 
 
旧的生成页面的方法仍然能工作。如果你是[[Upgrade_1.2_to_1.5|从v1.2 、 v1.2.1 、 v1.2.2升级]], '''你仍然能继续使用你的设计'''.  继续使用旧的设计不会影响你增加新的主题和在主题前切换.
 
 
 
==主题是什么?==
 
 
 
从根本上说,WP的主题系统是改变你博客皮肤(skin)的一种方法。它不仅仅是皮肤,皮肤的改变只是意味着设计改变了。WP的主题能够提供比外观和表现更多的控制。
 
 
 
WP主题是相互协作的图形化界面的文件集合,以使博客保持一致性设计。这些文件叫做[[Templates|'''模板文件''']].主题改变了网站的显示方式也就改变了,修改网站的主题不需要修改底层软件. 主题可包含自定义模板文件,图像 (tt*.jpg/tt, tt*.gif/tt), 样式表 (tt*.css/tt), 自定义页面 [[Pages]], 和任何必要的代码文件 (tt*.php/tt). 模板文件的介绍查看 [[Stepping Into Templates]].
 
 
 
主题就像一场新球赛。比方说你写了很多有关于cheese和gadget的内容。通过开创性地使用 [[The Loop|WordPress Loop]] 和 [[Templates|template files]], 你可以从你的“小工具”里面为你的cheese文章分类量身定做一套不同的模板。在这种强有力的控制下,你可以把你的页面或者分类做成你想要的样子,只有你想不到的,没有你做不到的。关于如何使用不同的模块或文章, 请查看[[The Loop in Action|循环动作]] 和 [[Category Templates|模板类别]].
 
 
 
==获得新主题==
 
[http://wordpress.org/extend/themes/ WordPress模板大全]是WP主题的官方网, 官网的模板已被审核和检验过,并且是免费下载的。该网站可以按类型和风格搜索主题
 
的,并提供主题演示。
 
 
 
==使用主题==
 
 
 
WP附带提供两套主题,你可以在控制板去管理这他们。 安装其他主题之后,你也可以从[[Administration Panels|控制板]]  [[Administration_Panels#Design_-_Change_the_Look_of_your_Blog|外观]]  [[Administration_Panels#Themes|主题]]中查看到。
 
 
 
===添加新主题===
 
 
 
安装WP之后这里有很WP主题可以下载。
 
 
 
[[Image:presentthemes2.7.png|thumb|right|Presentation Theme Panel|主题面板演示]]如果你正准备安装的主题提供了说明,请务必阅读并遵守成功安装主题的说明。'''我们建议主题作者为自己的主题撰写说明文件''', 因为主题可以提供特殊可选的功能,他们涉及到的不仅仅是基本的安装步骤。如果你按照安装指示安装之后的的主题不能正常显示,请'''联系主题作者去获得帮助'''.
 
 
 
安装新主题,请按照下列基本步骤:
 
 
 
# 下载文档并提取文件,提取时请保持文档的目录结构。遵循主题作者提供的指导。
 
# 使用[[FTP_Clients|FTP客户端]]来访问你的主机网络服务器,在ttwp-content/themes/tt 路径下创建一个包含你主题的文件。例如,一个叫做'''Test(测试)'''的主题,他的目录路径是ttwp-content/themes/test/tt。你的主题需提供一个目录作为这个文档的一部分。
 
# 在你网络主机新目录下上传主题文件。
 
# 请按照[[#Selecting_the_Active_Theme|如下说明]]进行。
 
 
 
====在cPanel里添加新主题====
 
如果你的主机提供一个[[Glossary#cPanel|cPanel]] 控制面板,主题文件是.zip或者.gz的格式的。提示:这是假定你下载的主题是一个压缩(zip)文件并且这些被压缩的文件都是在一个'已被命名'的文件夹里。
 
 
 
# 下载主题zip文件到本机。
 
# 在cPanel文件管理里,找到你的主题文件夹。如果你已经安装好WP了,他的文件夹叫做wordpress,你可以找去public_html/wordpress/wp-content/themes下寻找,如果WP安装在网页根目录文件夹,你可以去public_html/wp-content/themes查找。
 
# 一旦你在cPanel文件管理里找到主题的文件夹,点击并上传你的文件(已解压的)或者你在第一步已经保存好的zip文件。
 
# zip文件上传之后,在cPanel里点击文件名,解压文件。
 
# 要使新主题生效请遵循[[#Selecting_the_Active_Theme|以下指示]]。
 
 
 
提示:你也可以安装并且激活插件[http://photozero.net/get_theme/ Get_Theme]去下载博客主题。
 
 
 
===选择当前主题===
 
为你的网站选择一个主题:
 
 
 
# 登录WordPress[[Administration Panels|后台]]。
 
# 选择[[Administration_Panels#Apearance_-_Change_the_Look_of_your_Blog|外观]]/面板/ [[Administration_Panels#Themes|主题]].
 
# 从 '''可用的主题'''里面,点击你想要的主题标题(或者主题截图)。
 
# 预览主题。激活主题请点击右上角的'''激活 主题名字'''。
 
 
 
你所选择的主题将会立刻生效。
 
 
 
==创建主题==
 
 
 
如果你想自己创建主题,或者学习更多有关主题结构的知识,请查看[[Theme Development|主题开发]] 和 [[Designing Themes for Public_Release|设计公开发行的主题]].
 
 
 
===主题文件===
 
 
 
一个完整的WP主题通常包含以下模板文件:
 
 
 
*[[Creating_an_Error_404_Page|404错误页]] = tt404.php/tt
 
*存档页 = ttarchive.php/tt
 
*[[Creating_an_Archive_Index|存档索引页]] = ttarchives.php/tt
 
*评论页 = ttcomments.php/tt
 
*底部 = ttfooter.php/tt
 
*[[Designing Headers|头部]] = ttheader.php/tt
 
*链接 = ttlinks.php/tt
 
*首页 = ttindex.php/tt
 
*[[Pages|静态页]] = ttpage.php/tt
 
*[[FAQ Working with WordPress#Can I have popup comments?|弹出式评论页]] = ttcomments-popup.php/tt
 
*单篇博文页 = ttsingle.php/tt
 
*搜索表单 = ttsearchform.php/tt
 
*[[Creating a Search Page|搜索]] = ttsearch.php/tt
 
*[[Customizing Your Sidebar|侧栏]] = ttsidebar.php/tt
 
*样式表 = ttstyle.css/tt
 
 
 
== 移步1.2.x 到 1.5 == span id=Moving 1.2.x to 1.5/span
 
 
 
有关升级WP和1.2版的WP主题升级到1.5版的详情请参阅:[[Upgrade_1.2_to_1.5|Upgrade 1.2 to 1.5]].
 
 
 
==主题工具及其他资源==
 
 
 
这些工具和资源,将有助于建立和/或加强你的主题。
 
 
 
===布局===
 
 
 
* [[Blog Design and Layout|博客设计和布局]]
 
* [[Stepping Into Templates|模板入门]]
 
* [[Customizing Your Sidebar|自定义侧栏]]
 
* [[Good Navigation Links|好的导航链接]]
 
* [[Next and Previous Links|上一页和下一页]]
 
* [[Styling Lists with CSS|CSS样式表]]
 
* [[Creating Horizontal Menus|创建水平导航菜单]]
 
* [[Dynamic Menu Highlighting|动态高亮显示的导航菜单]]
 
* [[FAQ Layout and Design|FAQ Layout and Design|布局及设计的常见问题]]
 
* [http://www.redalt.com/Tools/builder.php WordPress Index Builder]
 
* [http://www.wateronlydries.com/?p=158 Photoshop Template for the WordPress Default Theme]
 
 
 
===模板以及模板标签===
 
 
 
* [[Templates|Template Files|模板文件]]
 
* [[Stepping Into Templates|模板入门]]
 
* [[Stepping Into Template Tags|模板标签入门]]
 
* [[Template Tags|模板标签]]
 
* [[Theme Development|Developing WordPress Themes|开发WP主题]]
 
* [[The Loop in Action|循环动作(循环语言)]]
 
* [http://guff.szub.net/wordpress/template-tags/ Template Tag Layout in simple to read form]
 
* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ Anatomy of a WordPress Theme]
 
* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ Templates and the is functions]
 
* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ Dissection of a WordPress Theme]
 
 
 
===工具和资源===
 
 
 
* [[Designing Themes for Public Release|设计公开发行的主题]]
 
* [[Know Your Sources|了解相关资料]]
 
* [[Validating a Website|验证网站]]
 
* [[Finding Your CSS Styles|查找你的CSS样式]]
 
* [[CSS Fixing Browser Bugs|不可避免的CSS Bugs]]
 
* [http://www.jestro.com/web-design/convert-xhtml-css-to-wordpress/ How to convert XHTML/HTML/CSS to Wordpress]
 
* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress Design Sandbox Article]
 
* [http://www.cameraontheroad.com/index.php?p=594 Working On CSS and the WordPress Theme (using a sandbox)]
 
*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ From XHTML CSS to WordPress (making a Theme}]
 
*[http://www.jonathanwold.com/tutorials/wordpress_theme/ Tutorial: How to Create a Wordpress Theme]
 
*[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://wordpress.thelinuxpenguin.com/ Tutorial: How to Install a Wordpress Theme]
 
*[http://perishablepress.com/press/2008/07/07/multiple-themes-outside-wordpress-installation-directory/ Working with Multiple Themes Outside of the WordPress Installation Directory]
 
*[http://www.prelovac.com/vladimir/wordpress-plugins/theme-test-drive Theme Test Drive plugin to preview themes]
 
* [http://www.yvoschaap.com/wpthemegen/ Generate a custom theme for beginners]
 
* [http://themeshaper.com/wordpress-themes-templates-tutorial/ How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial]
 
 
 
===颜色,图形以及字体===
 
 
 
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr - Changes Default Theme Header Images(改变典型主题的头部图片)]
 
* [http://www.digitalwestex.com/gallery/index.php?cat=3 Header Graphics(头部图形)]
 
* [http://creativecommons.org/image/ Creative Commons Images(创建评论图片)]
 
* [http://www.imageafter.com/ Image * After - Free Stock Image Library(Image * After-免费图片库)]
 
* [http://www.freeiconsweb.com/ Free Icons Library(免费图片库)]
 
* [http://www.sxc.hu/ Stock.xchng - Free Stock Image Library(Stock.xchng-免费图片库)]
 
* [[Playing With Fonts|字体设计]]
 
* [[Developing a Colour Scheme|设计配色方案]]
 
* [http://colr.org Colr.org - For Finding Colors in an Image(从图片之中提取颜色方案)]
 
* [http://www.redalt.com/Tools/ilyc.php I Like Your Colors(我喜欢你的颜色)]
 
* [http://www.2yi.net/free-stock-photos.html List of More than 70 Free Stock Photo Sites(70多个免费商业图片网站)]
 
* [http://labs.adobe.com/technologies/kuler/ kuler - Create color palettes with this web app from Adobe Labs(从Adobe实验室创建配色方案)]
 
 
 
本文档由[http://codex.wordpress.org/User_talk:luheou luheou]补充翻译br /
 
译者博客:[http://imjiao.com 走在边缘的世界]br /
 
E-Mail:luheou@126.com
 
 
 
[[Category:Getting Started]]
 
[[Category:Design and Layout]]
 
[[Category:UI Link]]
 

2011年5月25日 (三) 16:09的版本

重定向至: