wordpress如何設(shè)置文章置頂以及區(qū)分置頂文章與普通文章
發(fā)布時(shí)間：2012-12-16 16:32:08 作者：佚名 
我要評(píng)論
我要評(píng)論很多博客都有自己的置頂文章,除了位置差異外，跟其他文章是沒(méi)有任何區(qū)別的,那我們?cè)鯓硬拍軐⑺鼈儏^(qū)別開(kāi)來(lái)呢,本文將介紹幾種方法，需要的朋友可以參考下
很多博客都有自己的置頂文章，在默認(rèn)情況下WP對(duì)置頂文章只是將它們的位置排在前面，除了位置差異外，跟其他文章是沒(méi)有任何區(qū)別的。那我們?cè)鯓硬拍軐⑺鼈儏^(qū)別開(kāi)來(lái)呢？我這里有幾種方法：
一、在WordPress中如何設(shè)置文章置頂
相信很多朋友都還不知道WordPress本身就有置頂文章的功能，而苦苦地去尋找插件來(lái)實(shí)現(xiàn)置頂功能，真是浪費(fèi)，我覺(jué)得有必要再說(shuō)明一下怎么置頂文章。WordPress中設(shè)置文章置頂很簡(jiǎn)單，打開(kāi)文章編輯頁(yè)，右邊欄的公布欄目即可設(shè)置，如圖：
二、在標(biāo)題處添加置頂字樣
其實(shí)我們這篇文章要用到的函數(shù)也只有一個(gè)is_sticky()，這個(gè)函數(shù)用于判斷該文章是否為置頂文章。置頂文章一般也只在首頁(yè)顯示，那現(xiàn)在就打開(kāi)你的主題目錄下的index.php，查找：the_title(); 然后將其改成：
the_title(); if( is_sticky() ) echo ' <span style="color:red;">置頂</span>';
三、置頂文章不顯示文章摘要
同樣是打開(kāi)index.php，查找：the_content 或 the_excerpt，給它添加一個(gè)判斷，這樣置頂文章就不顯示摘要了，如：
if( !is_sticky() ) the_content(....);
或
if( !is_sticky() ) the_excerpt(....);
四、給置頂文章添加邊框或背景等
這個(gè)方法不需要判斷是否為置頂文章，我們只需給它添加一個(gè)CSS樣式即可。打開(kāi)主題目錄下的index.php，找到每篇文章所在的div，一般的主題查找：class="post" 這個(gè)div就是每篇文章所在的div了，我們現(xiàn)在給個(gè)這個(gè)div添加一個(gè)類(lèi)，如將 <div class="post"> 改成（可將以下代碼中的class="post"去除）：
<div <?php post_class(); ?> class="post">
如果是置頂文章，會(huì)自動(dòng)給這個(gè)div添加一個(gè)類(lèi).sticky，我們現(xiàn)在打開(kāi)主題目錄下的style.css，添加類(lèi)屬性：
.sticky {
background: #ff0000;
border: 1px solid #ccc;
}
這樣，置頂文章就有了背景和邊框，是不是很難看呢？你可以根據(jù)需要修改這個(gè)類(lèi)屬性，獲得你滿意的效果。
一、在WordPress中如何設(shè)置文章置頂
相信很多朋友都還不知道WordPress本身就有置頂文章的功能，而苦苦地去尋找插件來(lái)實(shí)現(xiàn)置頂功能，真是浪費(fèi)，我覺(jué)得有必要再說(shuō)明一下怎么置頂文章。WordPress中設(shè)置文章置頂很簡(jiǎn)單，打開(kāi)文章編輯頁(yè)，右邊欄的公布欄目即可設(shè)置，如圖：
二、在標(biāo)題處添加置頂字樣
其實(shí)我們這篇文章要用到的函數(shù)也只有一個(gè)is_sticky()，這個(gè)函數(shù)用于判斷該文章是否為置頂文章。置頂文章一般也只在首頁(yè)顯示，那現(xiàn)在就打開(kāi)你的主題目錄下的index.php，查找：the_title(); 然后將其改成：
復(fù)制代碼
代碼如下:the_title(); if( is_sticky() ) echo ' <span style="color:red;">置頂</span>';
三、置頂文章不顯示文章摘要
同樣是打開(kāi)index.php，查找：the_content 或 the_excerpt，給它添加一個(gè)判斷，這樣置頂文章就不顯示摘要了，如：
復(fù)制代碼
代碼如下:if( !is_sticky() ) the_content(....);
或
復(fù)制代碼
代碼如下:if( !is_sticky() ) the_excerpt(....);
四、給置頂文章添加邊框或背景等
這個(gè)方法不需要判斷是否為置頂文章，我們只需給它添加一個(gè)CSS樣式即可。打開(kāi)主題目錄下的index.php，找到每篇文章所在的div，一般的主題查找：class="post" 這個(gè)div就是每篇文章所在的div了，我們現(xiàn)在給個(gè)這個(gè)div添加一個(gè)類(lèi)，如將 <div class="post"> 改成（可將以下代碼中的class="post"去除）：
復(fù)制代碼
代碼如下:<div <?php post_class(); ?> class="post">
如果是置頂文章，會(huì)自動(dòng)給這個(gè)div添加一個(gè)類(lèi).sticky，我們現(xiàn)在打開(kāi)主題目錄下的style.css，添加類(lèi)屬性：
復(fù)制代碼
代碼如下:.sticky {
background: #ff0000;
border: 1px solid #ccc;
}
這樣，置頂文章就有了背景和邊框，是不是很難看呢？你可以根據(jù)需要修改這個(gè)類(lèi)屬性，獲得你滿意的效果。
相關(guān)文章
CyberPanel安裝WordPress并配置偽靜態(tài)規(guī)則
下面教你如何在 CyberPanel安裝WordPress以及配置偽靜態(tài),需要的朋友可以參考下2023-12-27
這篇文章主要介紹了wordpress無(wú)法安裝更新主題插件的解決辦法,需要的朋友可以參考下2020-12-27WordPress必備數(shù)據(jù)庫(kù)SQL查詢語(yǔ)句整理
發(fā)現(xiàn)幾條比較實(shí)用的，適合 WordPress 實(shí)用的SQL語(yǔ)句。于是就趕緊收集分享出來(lái)了,需要的朋友可以參考下2017-09-23wordpress在安裝使用中出現(xiàn)404、403、500及502問(wèn)題的分析與解決方法
wordpress是很多新手站長(zhǎng)搭建個(gè)人博客最喜愛(ài)的程序，但是最近在使用WordPress的時(shí)候遇到了一些問(wèn)題，所以想著將遇到問(wèn)題總結(jié)分享出來(lái)，下面這篇文章主要給大家介紹了關(guān)于wo2017-08-11WordPress取消英文標(biāo)點(diǎn)符號(hào)自動(dòng)替換中文標(biāo)點(diǎn)符號(hào)的優(yōu)雅方法
這篇文章主要介紹了WordPress取消英文標(biāo)點(diǎn)符號(hào)自動(dòng)替換中文標(biāo)點(diǎn)符號(hào)的優(yōu)雅方法,需要的朋友可以參考下2017-04-04- 這篇文章主要給大家介紹了wordpress自定義上傳文件類(lèi)型的方法，如WordPress默認(rèn)允許上傳 .exe 后綴名的可運(yùn)行文件，那么我們?cè)趺唇褂脩粼赪ordPress后臺(tái)發(fā)表文章時(shí)上傳 .e2016-12-19
- 大家可能發(fā)現(xiàn)了當(dāng)實(shí)現(xiàn)了前端用戶中心，后臺(tái)控制面板就失去了作用，那么限制其他用戶進(jìn)入后臺(tái)控制面板就很有必要了！那么我們要怎么做呢？通過(guò)下面這篇文章分享的方法后，只2016-12-19
WordPress實(shí)現(xiàn)回復(fù)文章評(píng)論后發(fā)送郵件通知的功能
這篇文章主要介紹了WordPress實(shí)現(xiàn)回復(fù)文章評(píng)論后發(fā)送郵件通知的功能,涉及wordpress針對(duì)評(píng)論與郵件的相關(guān)操作技巧,需要的朋友可以參考下2016-10-11WordPress使用自定義文章類(lèi)型實(shí)現(xiàn)任意模板的方法
這篇文章主要介紹了WordPress使用自定義文章類(lèi)型實(shí)現(xiàn)任意模板的方法,可通過(guò)自定義文章類(lèi)型來(lái)實(shí)現(xiàn)任意模版的使用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-10-11WordPress后臺(tái)地址被改導(dǎo)致無(wú)法登陸后臺(tái)的簡(jiǎn)單解決方法
這篇文章主要介紹了WordPress后臺(tái)地址被改導(dǎo)致無(wú)法登陸后臺(tái)的簡(jiǎn)單解決方法,簡(jiǎn)單分析了后臺(tái)無(wú)法登陸的原因與相應(yīng)的解決方法,涉及針對(duì)wordpress配置項(xiàng)的簡(jiǎn)單修改,需要的朋友2016-10-11
