Wordpress

[懷舊] Wordpress2.3~2.7

花水木 — Mon, 16 Feb 2009 06:38:10 +0000

好吧！其實沒有很舊，不過，因為去年幫客戶架的Wordpress2.3，目前仍舊健康的生存著，上次去幫忙加東西的時候看到嚇到，好有趣啊！2.3的Wordpress。

所以來懷舊一下吧！如果你也是去年開始玩Wordpress，然後努力跟隨著又可愛又可恨的Wordpress不斷升級的話，那你應該也會有些感覺。

Login

Wordpress 2.3

Wordpress 2.6

Wordpress 2.7

Dashboard

Wordpress 2.3

Wordpress 2.6

Wordpress 2.7

New Post

Wordpress 2.3

Wordpress 2.6

Wordpress 2.7

WP書:站長親授的十堂課

花水木 — Mon, 16 Feb 2009 06:33:29 +0000

WordPress部落格架設與經營：站長親授的十堂課

Wordpress這玩意兒終於越來越熱了，中文書、中文官網也有了，做的很漂亮。很開心看到有人為Wordpress中文社群作努力，我想持續經營的話，應該會有不錯的結果。

希望這群人給wordpress的定位，不要是說什麼「五秒架站」之類的，而是要著重於他的功能彈性和客製化的多重可能，這樣我用Wordpress接案子會更有說服力。(哈哈哈)

說起Wordpress，以前Wordpress的中文資源真的少之又少，只有Wordpress歡樂正體交流所而已，但這網站似乎沒有推的很好，SEO也不夠，標題也不夠殺人，所以以前我想找中文資源的時候，常常錯過這邊XD。真是的，為何網址不用和wordpress有關的呢？害得我以前一直覺得很怪。

在google搜尋wordpress，連vinta的文章都在正體所前面。XD

不過VB真的是很好用的討論區，每次用都覺得很舒服(VB似乎要錢，我覺得比phpbb好用)。

不過，這次Wordpress新書似乎都沒提到這個論壇，好像還頗怪的。平常這種書中都會有相關資源列表，如果連目前最大的中文社群都沒講，感覺好像是介紹台灣入口網站卻不提到Yahoo!奇摩一樣。(雖然我自己也很久沒上正體所了)(話說，我也很久沒上Yahoo!奇摩了)

不過因為這本書根本還沒出，沒有人看過，所以搞不好更裡面有提到也說不定。

註：本篇為沒有拿任何好處的廣告文，純粹是幫朋友推薦。不過點最上面的連結買書，每買一本我都可以抽一點零頭。(如果說我的興奇大聯盟還有效用的話XD...因為太久沒用了)

註2：關於主機的優惠，在裕藍官網有公告，對Wordpress有興趣的、想自己架部落格的，都可以來玩噢！

update：據說正體所最近有點荒廢？因為站長太忙。如果真的是這樣，那會滿可惜的。希望能有好的交接，新舊交替啊！

update：小藍做了漂亮的宣傳網頁

簡易投票機：Democracy+中文化

花水木 — Mon, 16 Feb 2009 06:13:08 +0000

這是Vinta在Twitter告訴我的好物！用起來是這樣的：

雖然他說在可以Wordpress 2.6.1底下正常，可是我不管怎麼插入，都會多個n在前面，很怪，所以我修改了一個地方，並加上中文化的檔案。有興趣可以下載。

看完這些字再下載

我只把一個地方的n刪掉，然後加上語系支援以及某個小bug，不太算修改、也沒加上我的名字，下面下載的連結主要是提供中文語系檔。我的翻譯算是滿口語化的，歡迎自行把po檔拿去改成較正式的翻譯版本。

裝起來可以長怎樣

基本上不美，但是可以透過修改CSS來美化，若有人有興趣我再寫教學文。

如：[PK] 日本料理吃到飽：宮川vs小春

Wordpress自訂欄位的使用

花水木 — Mon, 16 Feb 2009 06:04:25 +0000

在Wordpress發表文章的地方有個叫自訂欄位的東東，
一直讓我很好奇那是啥…
這次因為想要把花水木的流水帳弄成像日記一樣，
想要有個［天氣］的欄位，
所以就去稍微研究了一下。知道有個使用自訂欄位的方式。

不過這方式還滿爛的，所以希望有會寫程式的朋友多多指教啊！

1.首先，寫外掛檔, 然後上傳-啟用外掛
<?php /* Plugin Name: Post-Custom Plugin URI: Description: Version: 0.0 Author: Author URI: */

function the_whether($text_whether='the_whether', $display=true) {
$the_whether = post_custom('the_whether');
if( $display ) {
echo $text_whether . $the_whether;
} else {
return $the_whether;
}
}

2.在模板中想要出現這個欄位內容的地方貼上
<? if(post_custom('the_whether')) { ?>

<?php the_whether('天氣 ', true);　?>

<?php } ?>

3.發表文章時在自訂欄位加一個the_whether, 欄位內容打天氣,像這樣

大發現！在widgets使用php語法

花水木 — Mon, 16 Feb 2009 05:58:09 +0000

　　這次換了新佈景，也正式開始使用widgets這個功能，可是因為有些想放在側邊欄的東西是另外加的外掛，必須使用php語法，可是wordpress內建的text widgets只支援html和javascript語法，所以我一直在找有沒有可以在widgets使用php的外掛。

　　後來，耶乎！大發現耶！(欸…應該不會其實大家都知道這個外掛吧！)原來真的有php widgets這東西，這個外掛叫做Executable PHP widget，可以點這邊下載 (下載: 298) 。裝完之後到widgets的頁面就會看到這個了，最多可以加9個php widgets！真是開心！

目前我的widgets還滿多的，下圖是目前沒在使用的widgets。

但還是有個滿令我困擾的，那就是那些Widgets顯示的名稱，都是PHP Code 1、PHP Code 2，Text 1、Text 2等等，沒辦法自己設定名稱，這樣要移動時都還要打開看內容是什麼，有點麻煩。希望下一版的Wordpress會改進這個功能。

中文 WordPress 工具箱的熱門文章

花水木 — Mon, 16 Feb 2009 05:52:22 +0000

　　我用的Wordpress外掛「中文 WordPress 工具箱」裡面有顯示「評論最多的帖子」這個功能，也就是我的網站右手邊的「熱門文章」區塊。但是他會包含頁面，如我的花履歷以及留言版，都是用獨立的頁面做成的，這樣一來留言版也會出現在熱門文章裡頭，非常的不合邏輯。另外最新文章這一區塊也有這個問題，再怎麼說「留言板」都不應該當成是文章啊！所以我動手修改了這個外掛。
第103行

$mostcommenteds = $wpdb->get_results("SELECT $tableposts.ID as ID, post_title, post_name, COUNT($tablecomments.comment_post_ID) AS 'comment_total' FROM $tableposts LEFT JOIN $tablecomments ON $tableposts.ID = $tablecomments.comment_post_ID WHERE comment_approved = '1' AND post_date < '".date("Y-m-d H:i:s", (time() + ($time_difference * 3600)))."' AND post_status = 'publish' AND post_password = '' GROUP BY $tablecomments.comment_post_ID ORDER BY comment_total DESC LIMIT $limit");

改成這樣：
$mostcommenteds = $wpdb->get_results("SELECT $tableposts.ID as ID, post_title, post_name, COUNT($tablecomments.comment_post_ID) AS 'comment_total' FROM $tableposts LEFT JOIN $tablecomments ON $tableposts.ID = $tablecomments.comment_post_ID WHERE comment_approved = '1' AND post_date < '".date("Y-m-d H:i:s", (time() + ($time_difference * 3600)))."' AND post_status = 'publish' AND post_type = 'post' AND post_password = '' GROUP BY $tablecomments.comment_post_ID ORDER BY comment_total DESC LIMIT $limit");

第174行
$request = "SELECT ID, post_title, post_date, post_content FROM $tableposts WHERE post_status = 'publish' ";

改成這樣：
$request = "SELECT ID, post_title, post_date, post_content FROM $tableposts WHERE post_status = 'publish' AND post_type = 'post' ";

　　若你沒有修改其他任何地方，可以直接下載我的修改版，mulberrykit.php.txt，下載完後把檔名最後面的.txt刪掉，也就是說把 mulberrykit.php.txt改成mulberrykit.php，然後覆蓋到你的Plugins資料夾，就可以了。

在WordPress裡使用多個Widget

花水木 — Mon, 16 Feb 2009 05:48:48 +0000

問題點：不想首頁、文章頁面的Widget是同一個。

解決：修改theme裡面的檔案

1.functions.php

register_sidebar(array(

改成

register_sidebars(2, array(

2.到sitebar.php
dynamic_sidebar()成dynamic_sidebar(1)

用WP-Sticky做文章置頂及高亮

花水木 — Thu, 22 Jan 2009 04:31:29 +0000

http://lesterchan.net/wordpress/readme/wp-sticky.html

本篇介紹WP-Sticky的用法。他有兩種功能，分別叫做Announcement Posts和Sticky Posts，所謂的Announcement Posts就是會永遠在最上方，而Sticky Posts則是在「當日」最上方。

以下範例來自官方，可以很清楚表達兩者差異。

Announcement
- Post 5 (Announcement Post)

29th March 2007
- Post 6
- Post 7
- Post 8

28th March 2007
- Post 4 (Sticky Post)
- Post 1
- Post 2
- Post 3

用法

打開佈景原始檔，輸入想要的東西，如下。

The Post Sticky Status

<?php post_sticky_status($before,$after); ?>
$before 文字之前要出線的字
$after 文字之後要出線的字

Announcement Banner

如果你的佈景使用the_date();，這東西會自動出現，如果沒出現的話，可以手動加上：
<?php announcement_banner(); ?>

判斷是否為置頂文章

<?php
   if(is_announcement()):
      // If post is an Announcement
   else:
      // If post is NOT an Announcement
   endif;
?>

以此類推

<?php
   if(is_stickied()):
      // If post is Sticky
   else:
      // If post is NOT Sticky
   endif;
?>

用CSS美化

CSS的class分別是sticky_post和announcement_post。

K2佈景修改秘笈：新增CSS、改寬度

花水木 — Mon, 08 Dec 2008 15:37:34 +0000

從安裝Wordpress和K2講起

下載Kirin Lin的中文包、K2本身和ajneok的k2中文語系檔
上傳到FTP
安裝
啟用K2

調整K2

在k2資料夾裡有個style資料夾，到裡面新增一個資料夾，取名為你網站的名稱或你自己做的佈景的名稱。像我的是hanamizuki。

在這資料夾新增hanamizuki.css，先打入以下資訊

/*
Style Name : Hanamizuki
Style URI : <a href="http://hanamitsuki.com/<br />
Comments" title="http://hanamitsuki.com/<br />
Comments">http://hanamitsuki.com/<br />
Comments</a> : only for hanamizuki.tw
*/

到後台＞設計＞K2設定裡面，選擇你要雙欄還是三欄，這邊以雙欄為例。然後到下面「風格」的地方，選擇剛剛輸入的Style Name(如Hanamizuki)。

想想看你想設計成怎樣

假設，我要設計成：

雙欄
總寬度想要950px
側邊欄寬度想要220px

找要改的CSS

打開剛才新增在style資料夾的css，以及k2根目錄底下的style.css
在style.css找尋你要改的css，複製到新的css檔案。
因為我要雙欄，所以找有columns-two字眼又是設寬度(width)的selector。有這些。

.columns-two #page {
width: 780px;
}

因為我要改整個寬度，因此主內容寬度也會改變，找到這個。

#primary {
position: relative;
float: left;
width: 500px;
padding: 10px;
}

因為我要改側邊欄寬度，要找這個。

body.columns-two #primary-wrapper {
float: left;
margin-right: -220px;
width: 100%;
}
body.columns-two #primary {
margin-right: 220px;
}
.secondary {
width: 200px;
float: left;
font-size: 1em;
line-height: 1.5em;
color: #666;
position: relative;
padding: 0 10px;
overflow: hidden;
}

好了，把上面的都複製到新開的css檔裡面吧！

K2很聰明，你的style設定會自動蓋掉style.css的設定，所以不用修改到k2本身的style，只要加個新的css就好。

開始修改CSS

1.總寬度想要變950px

.columns-two #page {
width: 950px;
}

2.主內容寬度也要一起變寬。本來總寬度是780px，主內容是500px。現在總寬度變950px，多了170px，因此主內容也要多170px。

#primary {
position: relative;
float: left;
width: 670px;
padding: 10px;
}

3.側邊欄想要220px。本來是200px，多了20px，以下是要改的地方。

body.columns-two #primary-wrapper {
float: left;
margin-right: -240px;
width: 100%;
}
body.columns-two #primary {
margin-right: 240px;
}
.secondary {
width: 220px;
float: left;
font-size: 1em;
line-height: 1.5em;
color: #666;
position: relative;
padding: 0 10px;
overflow: hidden;
}

然後把沒修改的刪掉，總之變這樣。下面這個貼到新加的hanamizuki.css，就會生效囉！

.columns-two #page {
width: 950px;
}
#primary {
width: 670px;
}
body.columns-two #primary-wrapper {
float: left;
margin-right: -240px;
width: 100%;
}
body.columns-two #primary {
margin-right: 240px;
}
.secondary {
width: 220px;
}

本篇沒有進階教學

這是K2很好修改的原因，因為有許多風格可以選。其他的CSS設定，也只要到原本的style.css裡面找、複製、貼上、修改就好，完全就是Script Kiddie的作風啊！

有其他更進階的作法，等到有空再打囉。這次是剛好要幫公司弄個wordpress部落格，所以順便做筆記。