之前很懶惰,一直都用預設的佈景已久。今天,終於換了新的佈景,總算讓網誌看起來稍微不太一樣了。特別寫這篇文章,是為了紀念以及紀錄這次更換佈景主題的事情。
之前網誌看起來像這樣: | 現在網誌看起來像這樣: |
![]() |
![]() |
新的佈景看起來似乎比較多彩,也比較好看。順道一提,頁首那隻貓是我們家的貓,叫做布丁。如果您有興趣的話,這裡有原照片可讓您看看(點小圖看大圖):
以下是比較技術性的內容,提供給那些可能也想要試試這個佈景主題的人們參考:
- 佈景主題名稱:Connections Reloaded(可直接從管理後台內建的「新增佈景主題」找到)
- 由我所作的修改有這些:
- 更改頁首圖片大小(從 741×142 改成 741×250)
- 開啟 /wp-content/themes/connections-reloaded/functions.php
找到define('HEADER_IMAGE_HEIGHT', 142);
改成
//define('HEADER_IMAGE_HEIGHT', 142); define('HEADER_IMAGE_HEIGHT', 250);
- 開啟 /wp-content/themes/connections-reloaded/style.css
找到#header { background: url(img/top.jpg) #FFFFFF no-repeat bottom; border: #FFCC99 0px solid; height: 183px; margin: 0 auto; padding: 0; width: 760px; }
改成
#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; }
找到
#headimg { background: #7d8b5a url(img/train.jpg) center repeat-y; height: 142px; margin: 2px 0 0 10px; width: 741px; }
改成
#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; }
- 上傳 top.png 與 train.png
到 /wp-content/themes/connections-reloaded/img/
- 開啟 /wp-content/themes/connections-reloaded/functions.php
- 修改網誌文章的日期格式(從「週五 18 九月 2009」改成「2009 九月 18 週五」)
- 開啟 /wp-content/themes/connections-reloaded/post.php
找到<p class="post-date"><?php the_time('D j M Y'); ?></p>
改成
<!-- <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>
- 開啟 /wp-content/themes/connections-reloaded/post.php
- 更改頁首圖片大小(從 741×142 改成 741×250)