從0到1制作WordPress主題#9添加functions.php和縮略圖

現(xiàn)在我們轉(zhuǎn)到下圖顯示的表單添加帖子迂烁,會發(fā)現(xiàn)你看不到在其他WordPress主題或其他WordPress網(wǎng)站上看到過的特色圖片框麦轰。 原因是我們沒有包含該功能怜庸。


后臺表單

1、進(jìn)入我們的主題文件夾simple米绕,我們將創(chuàng)建一個叫functions.php的文件[1]瑟捣,用于放置一些鉤子和一些自定義功能,通過它可以掛鉤某些代碼栅干,注冊一些widgets迈套,動態(tài)的實(shí)現(xiàn)一些基礎(chǔ)功能。
2碱鳞、在functions.php中添加以下代碼并保存:

<?php
function simple_theme_setup(){
    // Featured Image Support
    add_theme_support('post-thumbnails');
}
add_action('after_setup_theme', 'simple_theme_setup');

回到寫文章的頁面刷新一下桑李,我們會看到右下角已經(jīng)多了一個特色圖片的功能:

特色圖片

我們來看看剛剛發(fā)生了什么:

  • 首先創(chuàng)建了一個叫simple_theme_setup的自定義函數(shù)
  • 注釋該函數(shù)是用來添加特色圖片的
  • 然后調(diào)用了一個名為add_theme_support的函數(shù),并傳入一個叫post-thumbnails的參數(shù)(現(xiàn)在這個函數(shù)并不會運(yùn)行)
  • 使用add_action和某些鉤子來運(yùn)行這個函數(shù)(這里add_action的第一個參數(shù)是名叫after_setup_theme的鉤子窿给,第二個參數(shù)是我們自定義的需要運(yùn)行的函數(shù))

3贵白、現(xiàn)在,為了方便學(xué)習(xí)填大,我將之前文章中插入的圖片刪除戒洼,然后在特色圖片中選擇一個圖像并將其保存,然后單擊更新允华。
現(xiàn)在我們轉(zhuǎn)到前端刷新頁面圈浇,我們并沒有看到它寥掐,因?yàn)槲覀儧]有將它添加到我們的index.php文件中。
4磷蜀、打開index.php召耘,在meta下面添加代碼,如下所示:(不是一定要在index頁中顯示圖像褐隆,可以根據(jù)需要在單頁中顯示它污它,也可以讓它在兩個頁面都顯示)

<div class="meta">
    Created By <?php the_author(); ?> on <?php the_time('F j, Y g:i a'); ?>
</div>
<?php if(has_post_thumbnail()) : ?>
    <div class="post-thumbnail">
        <?php the_post_thumbnail(); ?>
    </div>
<?php endif; ?>

保存代碼,返回前端頁面刷新庶弃,會看到meta元數(shù)據(jù)下方多了一張圖片:


縮略圖出現(xiàn)了

5衫贬、現(xiàn)在,圖片看起來有點(diǎn)偏離歇攻,因?yàn)樗谡麄€頁面上沒有達(dá)到100%寬度固惯。打開樣式表在CSS中添加100%的寬度。

.post-thumbnail img{
    width:100%;
    height:auto;
}

刷新前端頁面缴守,我知道現(xiàn)在圖片真的很大葬毫,但后面我們會增加一個側(cè)邊欄,它會縮小一些屡穗。

6贴捡、現(xiàn)在我想讓單個帖子頁面也顯示圖片,我們從index.php中復(fù)制代碼粘貼到single.php中的meta下面村砂,保存并刷新前端頁面就能看到一樣的圖片了烂斋。

7、在index頁面上的帖子中础废,它顯示了整個內(nèi)容源祈,但我們只想顯示一部分內(nèi)容。在index.php中色迂,我們用the_excerpt替換the_content揍很,代碼如下:

<?php the_excerpt(); ?> 

它將內(nèi)容削減到約55字幢炸。 你也可以自定義它,并根據(jù)需要加長或縮減垫挨,這實(shí)際上非常簡單:
找到functions.php文件锋拖,在之前的代碼下方創(chuàng)建一個自定義函數(shù)诈悍,如下所示:

// Excerpt Length
function set_excerpt_length(){
    return 33;
}

add_filter('excerpt_length', 'set_excerpt_length'); 

此時文章內(nèi)容就被削減到33個字了;這次我們使用的是add_filter 兽埃,其通常用于改變某些東西侥钳;而之前使用的 add_action 通常用來添加?xùn)|西或創(chuàng)造東西。
返回前端重新加載頁面柄错,我們可以看到它只有33個字長舷夺。

33個字長度

現(xiàn)在我們已經(jīng)設(shè)置好了index頁面苦酱,除了評論之外,我們設(shè)置了單個帖子頁面给猾,我們稍后會做評論的設(shè)置疫萤。 但是,在下一節(jié)中敢伸,我們將學(xué)習(xí)如何創(chuàng)建菜單并開始處理頁面和帖子扯饶。


  1. function.php是為了寫PHP代碼而存在的。把大量的PHP代碼和模板HTML混合在一起池颈,并不是一個好的方法尾序,會導(dǎo)致模板難以維護(hù),function.php模板就是為了解決這個問題而存在的躯砰。在初始化主題前每币,先會執(zhí)行function.php的代碼。就像主題專用的插件那樣弃揽,可以使用各種鉤子脯爪,進(jìn)行自定義操作。 ?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末矿微,一起剝皮案震驚了整個濱河市痕慢,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌涌矢,老刑警劉巖掖举,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異娜庇,居然都是意外死亡塔次,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門名秀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來励负,“玉大人,你說我怎么就攤上這事匕得〖逃埽” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵汁掠,是天一觀的道長略吨。 經(jīng)常有香客問我,道長考阱,這世上最難降的妖魔是什么翠忠? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮乞榨,結(jié)果婚禮上秽之,老公的妹妹穿的比我還像新娘当娱。我一直安慰自己,他們只是感情好政溃,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布趾访。 她就那樣靜靜地躺著,像睡著了一般董虱。 火紅的嫁衣襯著肌膚如雪扼鞋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天愤诱,我揣著相機(jī)與錄音云头,去河邊找鬼。 笑死淫半,一個胖子當(dāng)著我的面吹牛溃槐,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播科吭,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼昏滴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了对人?” 一聲冷哼從身側(cè)響起谣殊,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎牺弄,沒想到半個月后姻几,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡势告,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年蛇捌,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咱台。...
    茶點(diǎn)故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡络拌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出回溺,到底是詐尸還是另有隱情盒音,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布馅而,位于F島的核電站,受9級特大地震影響譬圣,放射性物質(zhì)發(fā)生泄漏瓮恭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一厘熟、第九天 我趴在偏房一處隱蔽的房頂上張望屯蹦。 院中可真熱鬧维哈,春花似錦、人聲如沸登澜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽脑蠕。三九已至购撼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間谴仙,已是汗流浹背迂求。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留晃跺,地道東北人揩局。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像掀虎,于是被迫代替她去往敵國和親凌盯。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,328評論 25 707
  • 過濾器 Filters 過濾器鉤子和動作鉤子有很大的區(qū)別烹玉。它讓你可以控制代碼的輸出驰怎。 apply_filters(...
    StevenQin閱讀 652評論 0 0
  • 轉(zhuǎn)載注明源自叨叨戚 如題,其實(shí)不需正文 有時間再寫
    船長戚戈XGeek001閱讀 273評論 0 0
  • 塵埃覆蓋百年 對酒當(dāng)歌 作賦吟詩 月光再美也是往日的故事 時光更替 滄桑幾許 灰白的墻壁 留下揪心的回憶 珠簾暗鎖...
    唐春元ok閱讀 380評論 0 3
  • 媽媽 你好春霍,我的媽媽你深愛著我而我卻辜負(fù)了你的愛砸西,我對不起你。 這個照片是我2歲時拍的址儒,那時的我很...
    0323彬閱讀 188評論 0 0