WIKI使用導(dǎo)航
站長百科導(dǎo)航
站長專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計算
- 微博營銷
- 虛擬主機(jī)管理系統(tǒng)
- 開放平臺
- WIKI程序與應(yīng)用
- 美國十大主機(jī)
WordPress:Sandbox
Demo Sandbox[ ]
Demo Sandbox[ ]
<!—在這里發(fā)表評論,用來在網(wǎng)頁上發(fā)表評論,便于以后編輯-->
If you are a new user, please take note of the 6 "Codex tools" links in the top right corner of this page. On your left and right are WordPress navigation links. The middle column is where your changes will show. Enjoy!
如果你是個新用戶,請注意這個頁面的有頂拐角的6 "Codex 工具"。在你的左邊和右邊是WordPress導(dǎo)航鏈接。你在中間的欄中顯示更改。玩的開心!
The "Sandbox" is used to Help Leave Examples in a page for future editors. Also check out Codex Styles, Formatting, and Layout for more tips on the structure and presentation of the Codex.
"Sandbox"是用來Help Leave Examples in a page for future editors。同時查看Codex 樣式,格式和布局查找更多關(guān)于Codex結(jié)構(gòu)和樣式的小貼士。
ANNOUNCEMENT: Guidelines Updated as of March 7模板:Newpage
聲明: 從3月7日開始,就更新了指南模板:Newpage
TEST TEST TEST------------
測試 測試 測試------------
Viva La Sasau
<!—新的部分 --> Viva La Sasau
AFHAM[ ]
AFHAM[ ]
food supplier fabulous
feel the taste and feel good
食品供應(yīng)商難以置信的
品嘗感覺一下
try the best food and feel the revelations of tremendous recipe spiced and hardened.
品嘗最好的美食,探查優(yōu)異的食譜怎樣調(diào)出美食的。
place order now and get 20 % discount today......
現(xiàn)在訂購,今天能夠得到20%的折扣......
feel the spices and get rid of your stress through the taste..
品嘗美食,緩解工作生活壓力。..
choice is yours and order now
由你決定,現(xiàn)在訂購吧
<!—公共飲食業(yè) -->
Subsection 1.1.2.A
New section[ ]
hello
子部分1.1.2.A[ ]
新部分[ ]
你好
Headline text[ ]
bar foo[ ]
大字標(biāo)題文本[ ]
bar foo[ ]
- Donec non orci eleifend enim luctus sagittis.
- Donec venenatis adipiscing odio.
- Maecenas placerat.
- Curabitur bibendum tristique sem.
- Etiam lobortis posuere risus.
- Nunc interdum tortor sit amet elit.
- Integer nec lectus nec ante sagittis accumsan.
- Praesent convallis.
<!—新的子部分 -->
IsaacSchlueter 16:11, 13 Sep 2005 (GMT)
IsaacSchlueter 2005年9月13日,16:11 (格林尼治標(biāo)準(zhǔn)時間)
Subsection 1.1.3[ ]
子部分 1.1.3[ ]
<!—自由地處理這個文本-->
Aenean ultricies[ ]
Aenean ultricies neque. Quisque sapien. Pellentesque nulla metus, aliquam id, viverra a, ultricies in, risus. In hac habitasse platea dictumst. Donec eget turpis. Aenean ut lectus. Nam sed enim sit amet lacus sodales sagittis. Morbi nec sem. Mauris elit. Curabitur ullamcorper, ligula in luctus blandit, elit mi posuere nisl, et tincidunt ligula lorem nec ante.
Vivamus accumsan justo a risus. Aliquam ac orci ut quam luctus dictum. Nunc neque nibh, dapibus at, accumsan vitae, consectetuer eu, justo. Integer dignissim tempor diam. Cras nibh wisi, commodo sit amet, scelerisque sed, aliquet quis, neque. Curabitur blandit lacus vitae purus pellentesque blandit. Proin quis pede. Phasellus vestibulum. Integer fermentum, lacus vitae dictum sollicitudin, urna leo eleifend leo, ut congue enim tellus sed arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed lorem.
Aliquam sem urna, tincidunt nec, molestie quis, viverra vel, leo. Nam eleifend. Fusce volutpat venenatis neque. Sed sodales, arcu eu sodales viverra, ligula turpis consequat sem, et gravida risus lorem id dui. Duis pede. In vulputate magna vel eros. Ut dictum leo et tellus. Praesent volutpat. Sed quam. Sed luctus lacinia dolor. Pellentesque vel urna id est ullamcorper venenatis. Sed posuere vestibulum libero. Vestibulum tincidunt elementum nunc. Integer scelerisque mattis lacus. Suspendisse auctor elit id felis. Curabitur placerat magna quis elit. Donec auctor nonummy arcu. Vivamus porttitor tincidunt mauris. Ut at massa eget libero bibendum nonummy.
Lorem ipsum text generated at http://www.lipsum.com/feed/html
Aenean ultricies[ ]
Aenean ultricies neque. Quisque sapien. Pellentesque nulla metus, aliquam id, viverra a, ultricies in, risus. In hac habitasse platea dictumst. Donec eget turpis. Aenean ut lectus. Nam sed enim sit amet lacus sodales sagittis. Morbi nec sem. Mauris elit. Curabitur ullamcorper, ligula in luctus blandit, elit mi posuere nisl, et tincidunt ligula lorem nec ante.
Vivamus accumsan justo a risus. Aliquam ac orci ut quam luctus dictum. Nunc neque nibh, dapibus at, accumsan vitae, consectetuer eu, justo. Integer dignissim tempor diam. Cras nibh wisi, commodo sit amet, scelerisque sed, aliquet quis, neque. Curabitur blandit lacus vitae purus pellentesque blandit. Proin quis pede. Phasellus vestibulum. Integer fermentum, lacus vitae dictum sollicitudin, urna leo eleifend leo, ut congue enim tellus sed arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed lorem.
Aliquam sem urna, tincidunt nec, molestie quis, viverra vel, leo. Nam eleifend. Fusce volutpat venenatis neque. Sed sodales, arcu eu sodales viverra, ligula turpis consequat sem, et gravida risus lorem id dui. Duis pede. In vulputate magna vel eros. Ut dictum leo et tellus. Praesent volutpat. Sed quam. Sed luctus lacinia dolor. Pellentesque vel urna id est ullamcorper venenatis. Sed posuere vestibulum libero. Vestibulum tincidunt elementum nunc. Integer scelerisque mattis lacus. Suspendisse auctor elit id felis. Curabitur placerat magna quis elit. Donec auctor nonummy arcu. Vivamus porttitor tincidunt mauris. Ut at massa eget libero bibendum nonummy.
Lorem ipsum 文本在http://www.lipsum.com/feed/html創(chuàng)建
<!—新的子部分-->
I need to test the signature ~~ Jim Westergren 11:26, 28 Oct 2006 (GMT) Correct?
我需要測試署名~~ Jim Westergren2006年10月28日, 11:26 (格林尼治標(biāo)準(zhǔn)時間) 正確嗎?
Subsection 1.1.4[ ]
子部分1.1.4[ ]
<!—自由處理這個文本 -->
Code Example[ ]
代碼例子[ ]
This is what it looks like when using pre tags:
這是使用pre標(biāo)簽的時候,代碼的樣式:
<?php echo "Hello, world!\n";?>
<?php echo "你好, 世界!\n";?>
This is what it looks like when using a space before a line of code to autoformat the <pre> tag:
在一行代碼之前使用空格為<pre>標(biāo)簽自動設(shè)置格式的時候,這個標(biāo)簽的形式:
<?php echo "Hello, world!\n";?>
<?php echo "你好, 世界!\n";?>
This is what it looks like in code tags:
這是代碼在code標(biāo)簽中的形式:
<?php echo "Hello, world!\n";?>
<?php echo "你好, 世界!\n";?>
Notice that the use of <code>
does not put the code example in its own box but continues the sentence, even if there are single line breaks. The Codex requires a double line break to signify a "space" line break.
注意,使用code><code>并不能將代碼例子放入框中,即使有單個的行分隔符,句子仍然會繼續(xù)。Codex需要兩個行分隔符來表示用"空格" 行分隔符。
When using code in text like index.php, if you use the <code>
tag, it makes a blue background behind the text that gives it a cluttered look and makes the code a little harder to see.
If you put the code in a <tt> tag, the blue background is gone and the type is monospaced and "code-like" and much easier to read and cleaner. Documentation in the WordPress Codex tends to use a lot of code within the text, so we prefer the use of <tt> over <code>
for a cleaner look.
在文本,如index.php中使用代碼的時候,如果你使用<code>
標(biāo)簽,這個標(biāo)簽會使得文本出現(xiàn)藍(lán)色背景,使得文本看起來混亂,更不容易看到代碼。
如果你將代碼放入<tt>標(biāo)簽,藍(lán)色背景消失了,而且類型是monospaced 和"類似代碼"的,更容易閱讀,也更清晰。WordPress Codex中的文件似乎在文本內(nèi)使用了許多代碼,因此比起<code>
,我們更想要使用<tt>,以得到更清晰的外觀。
Another section[ ]
另一個部分[ ]
Ah, so this is how sections work! (by adding ='s)
啊,這就是這個部分的運(yùn)行方式?。ㄍㄟ^添加='s)
System.err.prinln("Fatal error!");
System.err.prinln("致命錯誤!");
<!—新部分 -->
Stan's section[ ]
Stan的部分[ ]
here's yet another section...
..how about a format nullifier between sections?
下面是另一個部分...
..how about a format nullifier between sections?
Other Design Elements to Test[ ]
需要測試的其它設(shè)計元素[ ]
Link Examples[ ]
鏈接例子[ ]
To NOT show a link in an example which uses a link use <nowiki>:
不要顯示例子中的鏈接,例子使用鏈接用法<nowiki>:
<a title="example" href="<nowiki>http://example.com/</nowiki>">
<a 標(biāo)題="例子" href="<nowiki>http://example.com/</nowiki>">
To create an example link, link to the heading in which that example is being used. If you are in an article called "Using WordPress" and showing an example under the heading "Link Examples", then the example links to the categories would be:
要創(chuàng)建例子鏈接,鏈接到使用例子的標(biāo)頭。如果你正在閱讀"使用 WordPress",而且顯示標(biāo)頭"鏈接例子"下面的例子,那么類別的例子鏈接是:
* [[WordPress:#Link_Examples|My Life Stories]]
* [[WordPress:#Link_Examples|My Family]]
* [[WordPress:#Link_Examples|Sharing]]
* [[WordPress:#Link_Examples|Facts and Fiction]]
* [[WordPress:#Link_Examples|我的生活故事]]
* [[WordPress:#Link_Examples|我的家庭]]
* [[WordPress:#Link_Examples|分享]]
* [[WordPress:#Link_Examples|現(xiàn)實(shí)和虛幻]]
And the results would look like this, using the demonstration code from above (click it and see the effect):
使用上述的示范代碼(點(diǎn)擊代碼,查看結(jié)果),結(jié)果看起來像:
- [[WordPress:#Link_Examples|My Life Stories]]
- [[WordPress:#Link_Examples|My Family]]
- [[WordPress:#Link_Examples|Sharing]]
- [[WordPress:#Link_Examples|Facts and Fiction]]
- [[WordPress:#Link_Examples|我的生活故事]]
- [[WordPress:#Link_Examples|我的家庭]]
- [[WordPress:#Link_Examples|分享]]
- [[WordPress:#Link_Examples|事實(shí)和虛幻]]
To create the look of an example link, without having it actually behave like a link, you can use the span tag combined with underline to style a fake link:
要設(shè)置例子鏈接的外觀,使得其不顯示為鏈接,你可以將span標(biāo)簽與下劃線用在一起,創(chuàng)建偽鏈接:
See <span style="color:blue"><u>this article</u></span> for more information
See <span style="color:blue"><u>這篇文章</u></span> 更多信息
See this article for more information.
See 這篇文章更多信息。
Images Within the Codex[ ]
To use images within the Codex:
Codex內(nèi)的圖像[ ]
使用Codex內(nèi)的圖像:
[[WordPress:Image:Kubrick_Single.jpg|right|thumbnail|WordPress Default Theme]]
right|thumbnail|WordPress Default Theme - Single Post LookWill create the image floated to the right in a thumbnail with a caption.
[[WordPress:Image:Kubrick_Single.jpg|right|thumbnail|WordPress 默認(rèn)主題]]
right|thumbnail|WordPress 默認(rèn)主題 – 單篇文章外觀會創(chuàng)建帶有標(biāo)題的縮略圖,懸浮在右邊。
Realistic CSS[ ]
Realistic CSS[ ]
When a realistic example is required to show what the usage would look like in a post, use the following as an example - modifying it as needed to change the padding, width, and colors. In general, avoid using font-family references, relying on the default fonts with the Codex in order to avoid font issues with various browsers and computer systems.
當(dāng)需要真正的例子顯示這個用法在文章中產(chǎn)生的效果的時候,將下面的內(nèi)容作為例子使用-更改這個例子,因?yàn)樾枰膒adding,寬度,和顏色。一般來說,避免使用字體集,要使用Codex中的默認(rèn)字體,這樣可以避免不同的瀏覽器和電腦系統(tǒng)產(chǎn)生的字體問題。
Box in which to provide demonstration of what a code looks like when used in the "real world". I can use spans to style sections and other CSS inline styles to customize the look like for this list:
框中顯示了"現(xiàn)實(shí)生活"中代碼看起來像是怎樣的。我可以使用 spans設(shè)計部分和其它的CSS內(nèi)聯(lián)樣式來自定義這個列表的外觀:
- A List Item in Small Caps
- 用小型大寫字母所寫的列表內(nèi)容
- List Item in Italic and Bold
- 使用斜體和粗體列出內(nèi)容
- Change Size and Color
- 更改大小和顏色
There are limits, like you can't recreate a hover, but for the most part, all inline CSS styles can be used on the Codex to recreate a realistic example of what the usage will generate.
這些是限制,就如你不能夠重新創(chuàng)建個hover,但是從整體來看,可以在Codex上使用所有的內(nèi)聯(lián)CSS樣式,重新創(chuàng)建現(xiàn)實(shí)例子中的用法。
And the code is this:
代碼是:
<div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">
<pre><div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">
Box in which to provide demonstration of what a code
looks like when used in the "real world". I can use
<span style="color:red; font-weight:bold">spans to
style sections</span> and other CSS inline styles
to customize the look like for this list:
<ul>
框內(nèi)顯示了代碼在"現(xiàn)實(shí)世界"中的外觀。我可以使用<span style="color:red; font-weight:bold">spans設(shè)計部分</span> 使用其它的CSS inline 樣式
自定義這個列表的外觀:
<ul>
<li style="color:green; font-variant:small-caps">A List Item in Small Caps</li>
<li style="color:green; font-variant:small-caps">用小型大寫字母列出的列表</li>
<li style="color:blue; font-style:italic; font-weight: bold">List Item in Italic and Bold</li>
<li style="color:blue; font-style:italic; font-weight: bold">用斜體和粗體列出的列表</li>
<li style="color:maroon; font-weight:bold; font-size: 120%">Change Size and Color</li></ul>
<li style="color:maroon; font-weight:bold; font-size: 120%">更改大小和顏色</li></ul>
There are limits, like you can't recreate a hover,
but for the most part, all inline CSS styles can be
used on the Codex to recreate a realistic example of
what the usage will generate.</div>
有一些限制 ,就如你不能夠創(chuàng)建hover,但是總體而言,可以在Codex上使用所有的inline CSS樣式,重新創(chuàng)建用法在現(xiàn)實(shí)生活中使用的例子。</div>
<!—公共飲食業(yè) -->
Subsection 1.1.2.A
New section[ ]
<!—新的子部分 -->
<!—新的子部分-->
<?php echo "Hello, world!\n";?>
<?php echo "你好, 世界!\n";?>
<code>
does not put the code example in its own box but continues the sentence, even if there are single line breaks. The Codex requires a double line break to signify a "space" line break.
<code>
tag, it makes a blue background behind the text that gives it a cluttered look and makes the code a little harder to see.
If you put the code in a <tt> tag, the blue background is gone and the type is monospaced and "code-like" and much easier to read and cleaner. Documentation in the WordPress Codex tends to use a lot of code within the text, so we prefer the use of <tt> over <code>
for a cleaner look.
<code>
標(biāo)簽,這個標(biāo)簽會使得文本出現(xiàn)藍(lán)色背景,使得文本看起來混亂,更不容易看到代碼。
如果你將代碼放入<tt>標(biāo)簽,藍(lán)色背景消失了,而且類型是monospaced 和"類似代碼"的,更容易閱讀,也更清晰。WordPress Codex中的文件似乎在文本內(nèi)使用了許多代碼,因此比起<code>
,我們更想要使用<tt>,以得到更清晰的外觀。
- [[WordPress:#Link_Examples|My Life Stories]]
- [[WordPress:#Link_Examples|My Family]]
- [[WordPress:#Link_Examples|Sharing]]
- [[WordPress:#Link_Examples|Facts and Fiction]]
- [[WordPress:#Link_Examples|我的生活故事]]
- [[WordPress:#Link_Examples|我的家庭]]
- [[WordPress:#Link_Examples|分享]]
- [[WordPress:#Link_Examples|事實(shí)和虛幻]]
- A List Item in Small Caps
- 用小型大寫字母所寫的列表內(nèi)容
- List Item in Italic and Bold
- 使用斜體和粗體列出內(nèi)容
- Change Size and Color
- 更改大小和顏色
There are limits, like you can't recreate a hover, but for the most part, all inline CSS styles can be used on the Codex to recreate a realistic example of what the usage will generate.
這些是限制,就如你不能夠重新創(chuàng)建個hover,但是從整體來看,可以在Codex上使用所有的內(nèi)聯(lián)CSS樣式,重新創(chuàng)建現(xiàn)實(shí)例子中的用法。
And the code is this: