WordPress首頁最新文章提示

十一月 24, 2006

最近手癢又開始想要改東改西,今天不小心去逛到一個很多theme的網站,發現其中的一個theme有讓首頁的最新文章出現最新LOGO的寫法,基於mashup的風潮,所以要混搭,因此就把這功能給A了過來(我承認我很愛A東西XD),改法很簡單,幾個步驟就能夠搞定。

效果就如同敝站的首頁效果 – http://edblog.net

修改步驟1 – index.php

請在這下方加入一段語法

<div class="">

之後請在

上方多加一個

修改步驟 2 – css
請在css檔案裡面增加下面這一段

.firstpost {
background-image: url(i/latest.gif); /*背景圖片位置*/
background-repeat: no-repeat; /*背景圖片不重複*/
background-position: right top; /*背景圖片出現位置, 預設為右上*/
}

修改步驟 3 – 自備一個最新圖案,若暫時沒有可以A我的 XD Latest

之後重新讀取首頁即可獲得此效果。

廣告

6 Responses to “WordPress首頁最新文章提示”

  1. Carrie Says:

    艾德,我使用的Theme是K2,所以我不知道該怎麼使用這樣的方式做首頁最新文章提示耶!因為你提供的index.php裡,我的並沒有,而是在theloop裡有一段

    然後,我的theloop裡也沒有
    所以,我該怎麼做才能像你一樣有這個功能呢?

    麻煩囉^^

  2. khaihiok Says:

    我也想放在我的blog(Blogger beta),
    我也是沒有php那部份。
    請問有辦法加到Blogger beta嗎?

    如果可以的話,
    想先問一下那段CSS,
    “背景圖片位置",我知道要放圖片的網址,
    “背景圖片不重複" 和 “背景圖片出現位置, 預設為右上" 的語法我就不會了,
    請問語法要怎麼寫?
    還是直接顯示中文就可以?

    先謝謝了!

  3. Ed Says:

    To Carrie,
    我仔細看了k2的寫法,應該是要改theloop這個檔案,但是我試過之後沒效果Q_Q,k2弄得很複雜,要花一些時間研究了。

    To khaihiok,
    blogger不行喔,那寫法是給WP的,blogger的部份就不清楚了,至於CSS的寫法,有一個很好的網站可以推薦給你,http://www.hsiu28.net/ 這個網站的CSS教學非常清楚,有時候我都會去看一下語法,因為要背起來不太可能 =.= 給你參考囉 ^_^

  4. khaihiok Says:

    謝謝你,這個網站看起來很棒耶!

  5. Carrie Says:

    原來如此,那我就等你身體好些再研究囉!
    目前好好享受看書的樂趣啦~

  6. Ed Says:

    To khaihiok,
    沒有啦,是你不嫌棄 ^_^

    To Carrie,
    關於k2的theme我還要再研究,因為它的寫法跟其他的都不一樣。所以蠻麻煩的!


發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: