分類
日記

更換了佈景主題

之前很懶惰,一直都用預設的佈景已久。今天,終於換了新的佈景,總算讓網誌看起來稍微不太一樣了。特別寫這篇文章,是為了紀念以及紀錄這次更換佈景主題的事情。

新舊比一比(點小圖看大圖)
之前網誌看起來像這樣: 現在網誌看起來像這樣:
舊網誌佈景 新網誌佈景

新的佈景看起來似乎比較多彩,也比較好看。順道一提,頁首那隻貓是我們家的貓,叫做布丁。如果您有興趣的話,這裡有原照片可讓您看看(點小圖看大圖):

布丁在草地上

以下是比較技術性的內容,提供給那些可能也想要試試這個佈景主題的人們參考:

  • 佈景主題名稱:Connections Reloaded(可直接從管理後台內建的「新增佈景主題」找到)
  • 由我所作的修改有這些:
    • 更改頁首圖片大小(從 741×142 改成 741×250)
      • 開啟 /wp-content/themes/connections-reloaded/functions.php
        找到
        [php]
        define(‘HEADER_IMAGE_HEIGHT’, 142);
        [/php]

        改成
        [php]
        //define(‘HEADER_IMAGE_HEIGHT’, 142);
        define(‘HEADER_IMAGE_HEIGHT’, 250);
        [/php]

      • 開啟 /wp-content/themes/connections-reloaded/style.css
        找到
        [css]
        #header {
        background: url(img/top.jpg) #FFFFFF no-repeat bottom;
        border: #FFCC99 0px solid;
        height: 183px;
        margin: 0 auto;
        padding: 0;
        width: 760px;
        }
        [/css]

        改成
        [css]
        #header {
        //background: url(img/top.jpg) #FFFFFF no-repeat bottom;
        background: url(img/top.png) #FFFFFF no-repeat bottom;
        border: #FFCC99 0px solid;
        //height: 183px;
        height: 287px;
        margin: 0 auto;
        padding: 0;
        width: 760px;
        }
        [/css]

        找到
        [css]
        #headimg {
        background: #7d8b5a url(img/train.jpg) center repeat-y;
        height: 142px;
        margin: 2px 0 0 10px;
        width: 741px;
        }
        [/css]

        改成
        [css]
        #headimg {
        //background: #7d8b5a url(img/train.jpg) center repeat-y;
        background: #7d8b5a url(img/train.png) center repeat-y;
        //height: 142px;
        height: 250px;
        margin: 2px 0 0 10px;
        width: 741px;
        }
        [/css]

      • 上傳 top.pngtrain.png
        /wp-content/themes/connections-reloaded/img/
    • 修改網誌文章的日期格式(從「週五 18 九月 2009」改成「2009 九月 18 週五」)
      • 開啟 /wp-content/themes/connections-reloaded/post.php
        找到
        [php]
        <p class="post-date"><?php the_time(‘D j M Y’); ?></p>
        [/php]

        改成
        [php]
        <!– <p class="post-date"><?php the_time(‘D j M Y’); ?></p> –>
        <p class="post-date"><?php the_time(‘Y’); ?><br /><?php the_time(‘M j’); ?><br /><?php the_time(‘D’); ?></p>
        [/php]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *