站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Site Architecture 1.5
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
=== 边框 === As you saw with the Default Theme, the sidebar can be visible or not, depending upon the template file in use. The sidebar, in general, can be simple or complex. WordPress Themes often feature information within the sidebar in '''nested lists'''. There is a step-by-step guide for the sidebar at [[WordPress:Customizing Your Sidebar]] and more information on [[WordPress:Styling Lists with CSS]], too. 如你在默认主题中所看到的那样,边框可以显示也可以隐藏,取决于正在使用的模板文件。一般来说,边框,可以简单,也可以复杂。WordPress主题边框中的信息通常是'''嵌套列表'''的形式。[[WordPress:Customizing Your Sidebar|自定义你的边框]]中有一步一步的关于边框的指导,[[WordPress:Styling Lists with CSS|CSS样式表]]上还拥有更多的信息。 In general, the WordPress sidebar features titles of the various sections within a list, with the section items in a nested list below the title. 一般来说,WordPress边框的列表上拥有不同部分的标题,而且不同部分的items是以嵌套形式出现在标题下面。 The Classic Theme sidebar looks like this, with the links removed for simplification: 经典主题边框看起来像,简化了链接: <pre><div id="menu"> <ul> <li class="pagenav">Pages <ul> <li class="page_item">Contact</li> <li class="page_item">About</li> </ul> </li> <li id="linkcat-1"><h2>Blogroll</h2> <ul> <li>Blogroll Link 1</li> <li>Blogroll Link 1</li> <li>Blogroll Link 1</li> </ul> </li> <li id="categories">Categories: <ul> <li>Category Link 1</li> <li>Category Link 2</li> </ul> </li> <li id="search"> <label for="s">Search:</label> <form id="searchform" method="get" action="/index.php"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form> </li> <li id="archives">Archives: <ul> <li>Archives Month Link 1</li> <li>Archives Month Link 2</li> </ul> </li> <li id="meta">Meta: <ul> <li>RSS Feed Link</li> <li>RSS Comments Feed Link</li> <li>XHTML Validator</li> <li>XFN Link</li> <li>WordPress Link</li> </ul> </li> </ul> </div></pre> <pre><div id="menu"> <ul> <li class="pagenav">Pages <ul> <li class="page_item">Contact</li> <li class="page_item">About</li> </ul> </li> <li id="linkcat-1"><h2>Blogroll</h2> <ul> <li>Blogroll Link 1</li> <li>Blogroll Link 1</li> <li>Blogroll Link 1</li> </ul> </li> <li id="categories">Categories: <ul> <li>Category Link 1</li> <li>Category Link 2</li> </ul> </li> <li id="search"> <label for="s">Search:</label> <form id="searchform" method="get" action="/index.php"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form> </li> <li id="archives">Archives: <ul> <li>Archives Month Link 1</li> <li>Archives Month Link 2</li> </ul> </li> <li id="meta">Meta: <ul> <li>RSS Feed Link</li> <li>RSS Comments Feed Link</li> <li>XHTML Validator</li> <li>XFN Link</li> <li>WordPress Link</li> </ul> </li> </ul> </div></pre> Most of these are self-explanatory. Each set of links has its own CSS selector: [[WordPress:Pages]], categories, archives, search, and meta. 边框上的大多数内容清楚明了。每组链接都有自身的CSS选择器:[[WordPress:Pages|网页]],类别,归档,搜索和meta。 ==== Pages and Link Categories ==== ====网页和链接类别==== The [[WordPress:Pages]] and [[WordPress:Links Manager|Links]] category, labeled "Blogroll", uses the <tt>[[WordPress:Template Tags/get_links_list|<?php get_links_list(); ?>]]</tt> and <tt>[[WordPress:Template Tags/wp_list_pages|<?php wp_list_pages(); ?>]]</tt> template tags which automatically generates a heading. [[WordPress:Pages|网页]] 和 [[WordPress:Links Manager|链接]]类别,标记为"友情链接",使用<tt>[[WordPress:Template Tags/get_links_list|<?php get_links_list(); ?>]]</tt> 和<tt>[[WordPress:Template Tags/wp_list_pages|<?php wp_list_pages(); ?>]]</tt>模板标签,这些标签能够自动地产生标题。 For the '''Links''' category, it generates an <tt>h2</tt> heading for that set of links. This means you can style the <tt>menu h2</tt> heading to look differently from the rest of the headings, or, if you want them to all look the same, make sure that the <tt>menu h2</tt> style ''matches'' the rest of the category styles which are not automatically generated. 对于'''链接类别''',为一组链接产生了<tt>h2</tt>标题。这意味着你可以将<tt>menu h2</tt>标题的外观设计地与其它标题的外观不同,或者,如果你想要这些标题外观相同,确定<tt>menu h2</tt>样式与其它不是自动产生的类别样式是''匹配''的。 The '''Pages''' template tag generates <tt>pagenav</tt> as the heading and then identifies the pages in a new way. As a general list viewed on mutli-post and single post views, the Page list items feature a <tt>class="page_item"</tt> to style those links. When viewing an individual Page, that Page's link will change to <tt>class="current_page_item"</tt>, which can then be styled to look differently from the rest of the Page links. '''网页'''模板标签产生<tt>pagenav</tt>作为标题然后以一种新的方式识别网页。作为多篇文章以单篇文章网页的总列表,网页列表items拥有<tt>class="page_item"</tt>设计这些链接。当用户访问单个网页的时候,网页链接会更改为<tt>class="current_page_item"</tt>,这个可以与其它网页链接设计地不同。 ==== Categories, Archives, and Meta ==== ==== 类别,归档和Meta ==== The other sidebar section titles, ''categories'', ''archives'', ''meta'', and others, do not use template tags which generate their own titles. These are set inside of PHP statements which "print" the text on the page. While these could be put inside of [[WordPress:Designing Headings|heading tags]], WordPress uses the <tt>_e()</tt> function to display or "echo" the text titles while also marking the text as a possible target for language translation. If you will be [[WordPress:Theme Development|developing your theme]] for [[WordPress:Designing Themes for Public Release|public release]], using the echo functions is highly recommended. 其它的边框部分标题,''类别'', ''归档'', ''meta'',和其它内容,不使用产生这些标题的模板标签。这些都在PHP声明的内部,将文本"印制"到网页上。虽然这些可以放到[[WordPress:Designing Headings|标题标签]]的内部,WordPress使用<tt>_e()</tt>函数显示或者"echo"文本标题,同时将文本作为翻译的对象。如果你将要[[WordPress:Theme Development|开发主题]]作为[[WordPress:Designing Themes for Public Release|公共发行]],推荐你使用echo 函数。 You can style these individually or all the same. Some Themes, like the Default Theme, put all these in <tt><h2></tt> headings so the list headings will all look the same. Therefore, they may or may not use style references for each section. You may add them if you need them to change the look of each section of links. 你可以单独地设计这些或者将这些设计成相同的。有些主题,例如默认主题,将这些放入<tt><h2></tt>标题中,这样列表标题看起来也还是一样的。因此,它们可能为每个部分使用样式references也可能不使用。如果你想要更改每个部分链接的外观,你可能要添加样式references。 ==== Search Form ==== ==== 搜索形式 ==== The search form is found within the <tt>searchform.php</tt>. It may be found in different locations within the sidebar. To style the overall search form, use the <tt>search</tt> ID. Here is a list of the individual areas of the search form which may be styled by default. You may add style classes to gain more control over the look of your search form. 你可以在<tt>searchform.php</tt>内找到搜索形式。这可能位于工具条内的不同位置上。要设计整体的搜索形式,请使用<tt>search</tt> ID。下面是搜索形式每个单个部分的列表,这些部分可能都是默认设计的。你可以添加样式classes,更好地控制你的搜索形式的外观。 <pre><li id="search"> <label for="s">Search:</label> <form id="searchform" method="get" action="/index.php"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form></pre> <pre><li id="search"> <label for="s">Search:</label> <form id="searchform" method="get" action="/index.php"> <div> <input type="text" name="s" id="s" size="15" /><br /> <input type="submit" value="Search" /> </div> </form></pre> ;<tt>#search</tt> :The overall style for the search form. ;<tt>#search</tt> :搜索形式的整体样式。 ;<tt>#search label</tt> :Used to style the <tt>label</tt> tag, if necessary. ;<tt>#search label</tt> :如果必要的话,用来设计<tt>label</tt>标签。 ;<tt>#searchform</tt> :Used to style the form itself. ;<tt>#searchform</tt> :用来设计搜索形式。 ;<tt>#search div</tt> :This unlabeled <tt>div</tt> is a child container of the parent container <tt>search</tt> and maybe styled from within that selector. ;<tt>#search div</tt> :这个为标记的<tt>div</tt>是母container<tt>search</tt>的子container而且可能在那个选择器内部设计。 ;<tt>#searchform input</tt> :To style the input area for the search, this selector combination will work. ;<tt>#searchform input</tt> :要设计搜索的输入区,这个选择器联合体可能能够胜任。 ;<tt>#searchsubmit</tt> :''Used by the Default Theme'', this selector may be used to style the '''search''' or '''submit''' button. ;<tt>#searchsubmit</tt> :''由默认主题使用'',这个选择器可能用来设计'''搜索''' 或者'''提交'''按钮。 The search form area, input, and button can be styled in many ways, or left with the default input and "button" look. 搜索形式区,输入,和按钮可以以许多不同的方式设计,或者可以使用默认输入和"按钮"。 ==== Meta Feed Links ==== ==== Meta Feed 链接 ==== The Meta links may be shown as text or icons representing the various links. The XHTML and CSS validation links may use the W3 icons. The various Feeds can also be represented as icons. Or left as text. It's up to you. Use of the feeds within your sidebar with text or icons is covered by the article [[WordPress:WordPress Feeds]]. Meta链接可能显示为文本或者图标,代表不同的链接。XHTML和CSS确认链接可能使用W3图标。不同的Feeds可以表示为图标。或者表示为文本。这由你决定。在边框中使用带有文本或者图标的feeds,在文章[[WordPress:WordPress Feeds|WordPress Feeds]]中有概述。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)