WIKI使用導(dǎo)航
站長百科導(dǎo)航
站長專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計(jì)算
- 微博營銷
- 虛擬主機(jī)管理系統(tǒng)
- 開放平臺
- WIKI程序與應(yīng)用
- 美國十大主機(jī)
WordPress:Customizing the Read More
如果你設(shè)置你的WordPress站點(diǎn)，使其在首頁或者主頁上顯示文章摘錄，你想要你的訪客，點(diǎn)擊標(biāo)題或者一個(gè)鏈接，鼓勵(lì)他們閱讀,繼續(xù)閱讀你的帖子或者文章，對嗎？WordPress使這個(gè)技術(shù)非常地簡單，并且使可以自定義的。
摘錄基本知識[ ]
摘錄通過兩種方法顯示在WordPress上。一種是將模板標(biāo)簽the_內(nèi)容()替換為the_摘錄()。然后你在管理 > 寫 > 文章輸入的清楚的摘錄或者文章內(nèi)容的前55個(gè)字就會出現(xiàn)。用戶就會點(diǎn)擊標(biāo)題繼續(xù)閱讀更多的內(nèi)容，因?yàn)槟闶褂昧苏榻B吸引他們繼續(xù)閱讀下去。
最常用的方法使保存一個(gè)the_content() 模板標(biāo)簽，在文章中一個(gè)你認(rèn)可的"切斷點(diǎn)"插入一個(gè)叫做更多的的quicktag。
quicktags是小按鈕，可以在管理 > 寫 > 文章 子面板中的編輯窗口的上面找到。它們包括粗體, 斜體,鏈接，和其它的，以及著名的更多的。在你想結(jié)束文章的內(nèi)容摘錄部分，放上你的指針，并且點(diǎn)擊更多的quicktag按鈕。它會在那一處，插進(jìn)一個(gè)看起來像這樣的代碼：
我告訴他，他應(yīng)該離開，否則我會和他糾纏不休。他一臉震驚地看著我，說道 <!--more-->
文章的其余部分繼續(xù)顯示，但當(dāng)你在一個(gè)非單一的/non-permalink網(wǎng)頁例如歸檔，類別，首頁，搜索中查看時(shí)，文章顯示為一個(gè)摘錄，后面有一個(gè)更多的 點(diǎn)。
閱讀更多的方法技術(shù)[ ]
模板標(biāo)簽內(nèi)容()內(nèi)部的參數(shù)是這樣的： <?php the_content('more_link_text', strip_teaser, 'more_file'); ?>
The more_link_text將鏈接原文設(shè)置為像"閱讀更多的"。第二個(gè)，strip_teaser,設(shè)置了"更多的"是應(yīng)該隱藏（正確的）還是應(yīng)該顯現(xiàn)（錯(cuò)誤的）。默認(rèn)的是錯(cuò)誤的，會顯示鏈接文章。最后一個(gè)，more_file, 如果你想要不同的話，將鏈接設(shè)置到文件上，應(yīng)該鏈接"閱讀更多的"。默認(rèn)情況下，它鏈接到當(dāng)前的文章文件。
移動文章內(nèi)容摘要；
- 在你的 index.php(例如，第二個(gè)參數(shù)控制著這個(gè))中將 the_content(); 改為:
the_content('','FALSE','');>
- 在<!--more-->.后，將<!--noteaser-->包含到文章中。
鏈接跳到更多的或者網(wǎng)頁的頂上方[ ]
默認(rèn)情況下，當(dāng)你點(diǎn)擊鏈接閱讀更多的，網(wǎng)頁載入，然后"跳到"文章中設(shè)置<--more-->標(biāo)簽的那個(gè)點(diǎn)上。如果你不要那個(gè)"跳"，通過在wp-includes/template-functions-post.php編輯以下的行，你可以改變這個(gè)是怎樣運(yùn)行的默認(rèn)功能。 (注:在WP 2.1 和以后的版本中, 代碼在 wp-includes/post-template.php 中可以找到)。
(注: 當(dāng)你升級WordPress, 這個(gè)文件就會被替換，因此記錄一下這個(gè)變化，在升級之后，你可以再次地改變文件。):
$output .= ' <a href="'. get_permalink() . "#more-$id\">$more_link_text</a>";
改為
$output .= ' <a href="'. get_permalink() ."\">$more_link_text</a>";
或者
$output .= ' <a href="'. get_permalink() .'">$more_link_text</a>';
設(shè)計(jì)更多的標(biāo)簽[ ]
因?yàn)槟阒懒怂窃鯓舆\(yùn)行的，現(xiàn)在我們看看怎樣將在這個(gè)繼續(xù)閱讀你的文章的小邀請變得更加地吸引人。
有意地，內(nèi)容()標(biāo)簽包含一個(gè)安排<!--more-->內(nèi)容和外觀的參數(shù)，創(chuàng)建一個(gè)"繼續(xù)閱讀"整篇文章的鏈接。
默認(rèn)情況下，它看起來像這樣：
如果你想將單詞更多的....改為其它的什么東西，只要在標(biāo)簽中輸入新的單詞：
<?php the_content('繼續(xù)閱讀...'); ?>
或者輸入一些更加復(fù)雜的，使其變得有趣：
<?php the_content('...你座位的邊緣? 點(diǎn)擊這兒來解開奧秘。'); ?>
你也可以在標(biāo)簽中設(shè)計(jì)文本。
<?php the_content('<span class="moretext">...你的座位的邊緣?點(diǎn)擊這兒來解開奧秘 。</span>'); ?>
然后在你的style.css樣式表上將moretext級別設(shè)置為任何你喜歡的級別。下面是一個(gè)樣式的例子，文本是黑體斜體的，比默認(rèn)的文本要小，并且使用變化的字體，和小型大寫字母將文本強(qiáng)制為小型大寫字母。
有的人不想要文章，更喜歡使用一個(gè)延伸的字符，或者HTML 字符實(shí)體來引導(dǎo)讀者閱讀整篇文章。
<?php the_content('» » » »'); ?>看起來會像這樣的：
在the_content()模板標(biāo)簽中有另一個(gè)參數(shù)，在更多的 文本中包含文章標(biāo)題。通過使用標(biāo)題()，便包含了文章的標(biāo)題：
<?php the_content("...continue reading the story
called " . get_the_title('', '', false)); ?>使每個(gè)文章有一個(gè)自定義的文本[ ]
雖然the_content()通常是在模板中得到訪問，而且有一個(gè)上述所描述的標(biāo)準(zhǔn)的文本，可以為每一篇文章單獨(dú)配一個(gè)文本。只要寫<!—更多的你自定義的文本 -->。
添加一個(gè)圖像[ ]
CSS設(shè)計(jì)的可能性，事實(shí)上是無限的，WordPress允許你在它們許多的模板標(biāo)簽中使用圖像，包括more 標(biāo)簽。有兩種方法可以添加一個(gè)圖像。以最簡單的方法開始—在the_content()模板標(biāo)簽上將它列出來。
這個(gè)例子特點(diǎn)是"閱讀更多的"文本后有一個(gè)葉子的圖像。
<?php the_content('Read More...<img src="/images/leaf.gif"
alt="閱讀更多的"標(biāo)題="閱讀更多的..." />'); ?>注意代碼在圖像標(biāo)簽中使用了一個(gè)ALT 和TITLE。這樣做為了遵從訪問權(quán)限和網(wǎng)絡(luò)標(biāo)準(zhǔn)，因?yàn)閳D像既是一個(gè)圖像又是一個(gè)鏈接。下面是它可能看起來是怎樣的：
如上所述的，你甚至可以給圖像添加一個(gè)樣式和more 標(biāo)簽，將他設(shè)計(jì)地更好。使用圖像時(shí)，不要"閱讀更多的"文本，刪除文本就行了。
第二個(gè)例子使用了CSS背景圖像。在上述的例子中，我們已經(jīng)描述了怎樣使用樣式級別。這是一個(gè)小tricker.容器的格式應(yīng)該設(shè)置允許背景圖像在文本后顯示。如果你要將上述的例子用作一個(gè)背景圖像，關(guān)于這個(gè)的style.css樣式表看起來像：
.moretext {
width: 100px;
height: 45px;
background:url(/images/leaf.gif) no-repeat right middle;
padding: 10px 50px 15px 5px}右邊距的50px padding應(yīng)該確保文本遠(yuǎn)離圖像，以不與圖像交迭。高度確保容易擴(kuò)充得夠?qū)?，這樣就可以在容器內(nèi)部看到圖像，因?yàn)橐粋€(gè)背景圖像不是"真在那兒"，而且也不能推向容器的邊緣。你也許要試試這個(gè)，以使你自己圖像的大小和形狀適應(yīng)。
你已經(jīng)得到了基本知識。從這兒開始，就取決于你的想象力了。