WordPress:Customizing the Read More

如果你設(shè)置你的WordPress站點，使其在首頁或者主頁上顯示文章摘錄，你想要你的訪客，點擊標題或者一個鏈接，鼓勵他們閱讀,繼續(xù)閱讀你的帖子或者文章，對嗎？WordPress使這個技術(shù)非常地簡單，并且使可以自定義的。

目錄

• 1 摘錄基本知識
• 2 閱讀更多的方法技術(shù)
  • 2.1 鏈接跳到更多的或者網(wǎng)頁的頂上方
• 3 設(shè)計更多的標簽
  • 3.1 使每個文章有一個自定義的文本
  • 3.2 添加一個圖像

摘錄基本知識

摘錄通過兩種方法顯示在WordPress上。一種是將模板標簽the_內(nèi)容()替換為the_摘錄()。然后你在管理 > 寫 > 文章輸入的清楚的摘錄或者文章內(nèi)容的前55個字就會出現(xiàn)。用戶就會點擊標題繼續(xù)閱讀更多的內(nèi)容，因為你使用了摘要介紹吸引他們繼續(xù)閱讀下去。

最常用的方法使保存一個the_content() 模板標簽，在文章中一個你認可的"切斷點"插入一個叫做更多的的quicktag。

quicktags是小按鈕，可以在管理 > 寫 > 文章 子面板中的編輯窗口的上面找到。它們包括粗體, 斜體,鏈接，和其它的，以及著名的更多的。在你想結(jié)束文章的內(nèi)容摘錄部分，放上你的指針，并且點擊更多的quicktag按鈕。它會在那一處，插進一個看起來像這樣的代碼：

我告訴他，他應該離開，否則我會和他糾纏不休。他一臉震驚地看著我，說道

<!--more-->

文章的其余部分繼續(xù)顯示，但當你在一個非單一的/non-permalink網(wǎng)頁例如歸檔，類別，首頁，搜索中查看時，文章顯示為一個摘錄，后面有一個更多的 點。

閱讀更多的方法技術(shù)

模板標簽內(nèi)容()內(nèi)部的參數(shù)是這樣的： <?php the_content('more_link_text', strip_teaser, 'more_file'); ?>

The more_link_text將鏈接原文設(shè)置為像"閱讀更多的"。第二個，strip_teaser,設(shè)置了"更多的"是應該隱藏（正確的）還是應該顯現(xiàn)（錯誤的）。默認的是錯誤的，會顯示鏈接文章。最后一個，more_file, 如果你想要不同的話，將鏈接設(shè)置到文件上，應該鏈接"閱讀更多的"。默認情況下，它鏈接到當前的文章文件。

移動文章內(nèi)容摘要；

• 在你的 index.php(例如，第二個參數(shù)控制著這個)中將 the_content(); 改為:

the_content('','FALSE','');>

• 在<!--more-->.后，將<!--noteaser-->包含到文章中。

鏈接跳到更多的或者網(wǎng)頁的頂上方

默認情況下，當你點擊鏈接閱讀更多的，網(wǎng)頁載入，然后"跳到"文章中設(shè)置<--more-->標簽的那個點上。如果你不要那個"跳"，通過在wp-includes/template-functions-post.php編輯以下的行，你可以改變這個是怎樣運行的默認功能。 (注:在WP 2.1 和以后的版本中, 代碼在 wp-includes/post-template.php 中可以找到)。

(注: 當你升級WordPress, 這個文件就會被替換，因此記錄一下這個變化，在升級之后，你可以再次地改變文件。):

$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è)計更多的標簽

因為你知道了它是怎樣運行的，現(xiàn)在我們看看怎樣將在這個繼續(xù)閱讀你的文章的小邀請變得更加地吸引人。

有意地，內(nèi)容()標簽包含一個安排<!--more-->內(nèi)容和外觀的參數(shù)，創(chuàng)建一個"繼續(xù)閱讀"整篇文章的鏈接。

默認情況下，它看起來像這樣：

我告訴他，他應該離開，否則我會和他糾纏不休。他一臉震驚地看著我，并且說道more...|更多的

如果你想將單詞更多的....改為其它的什么東西，只要在標簽中輸入新的單詞：

<?php the_content('繼續(xù)閱讀...'); ?>

或者輸入一些更加復雜的，使其變得有趣：

<?php the_content('...你座位的邊緣? 點擊這兒來解開奧秘。'); ?>

你也可以在標簽中設(shè)計文本。

<?php the_content('<span class="moretext">...你的座位的邊緣?點擊這兒來解開奧秘 。</span>'); ?>

然后在你的style.css樣式表上將moretext級別設(shè)置為任何你喜歡的級別。下面是一個樣式的例子，文本是黑體斜體的，比默認的文本要小，并且使用變化的字體，和小型大寫字母將文本強制為小型大寫字母。

我告訴他，他應該離開，否則我會和他糾纏不休。他一臉震驚地看著我，并且說道...在你座位的邊緣? 點擊這兒來解開奧秘。

有的人不想要文章，更喜歡使用一個延伸的字符，或者HTML 字符實體來引導讀者閱讀整篇文章。

<?php the_content('&raquo; &raquo; &raquo; &raquo;'); ?>

看起來會像這樣的：

我告訴他，他應該離開，否則我會和他糾纏不休。他一臉震驚地看著我，并且說道» » » »

在the_content()模板標簽中有另一個參數(shù)，在更多的 文本中包含文章標題。通過使用標題()，便包含了文章的標題：

<?php the_content("...continue reading the story
called " . get_the_title('', '', false)); ?>

我告訴他，他應該離開，否則我會和他糾纏不休。他一臉震驚地看著我，并且說道...繼續(xù)閱讀故事，故事名是一個必須告訴你的故事

使每個文章有一個自定義的文本

雖然the_content()通常是在模板中得到訪問，而且有一個上述所描述的標準的文本，可以為每一篇文章單獨配一個文本。只要寫<!—更多的你自定義的文本 -->。

添加一個圖像

CSS設(shè)計的可能性，事實上是無限的，WordPress允許你在它們許多的模板標簽中使用圖像，包括more 標簽。有兩種方法可以添加一個圖像。以最簡單的方法開始—在the_content()模板標簽上將它列出來。

這個例子特點是"閱讀更多的"文本后有一個葉子的圖像。

<?php the_content('Read More...<img src="/images/leaf.gif" 
alt="閱讀更多的"標題="閱讀更多的..." />'); ?>

注意代碼在圖像標簽中使用了一個ALT 和TITLE。這樣做為了遵從訪問權(quán)限和網(wǎng)絡(luò)標準，因為圖像既是一個圖像又是一個鏈接。下面是它可能看起來是怎樣的：

我告訴他他應該離開，否則我會和他糾纏不休。他滿臉震驚地看著我并且說道閱讀更多的...   leaf

如上所述的，你甚至可以給圖像添加一個樣式和more 標簽，將他設(shè)計地更好。使用圖像時，不要"閱讀更多的"文本，刪除文本就行了。

第二個例子使用了CSS背景圖像。在上述的例子中，我們已經(jīng)描述了怎樣使用樣式級別。這是一個小tricker.容器的格式應該設(shè)置允許背景圖像在文本后顯示。如果你要將上述的例子用作一個背景圖像，關(guān)于這個的style.css樣式表看起來像：

.moretext {
   width: 100px; 
   height: 45px; 
   background:url(/images/leaf.gif) no-repeat right middle;
   padding: 10px 50px 15px 5px}

右邊距的50px padding應該確保文本遠離圖像，以不與圖像交迭。高度確保容易擴充得夠?qū)?，這樣就可以在容器內(nèi)部看到圖像，因為一個背景圖像不是"真在那兒"，而且也不能推向容器的邊緣。你也許要試試這個，以使你自己圖像的大小和形狀適應。

你已經(jīng)得到了基本知識。從這兒開始，就取決于你的想象力了。