傅不死 FullHouse » 噴跑吧，WordPress！

WordPress滴打滴【被打版】

娜娜子 — Thu, 07 Oct 2010 12:58:18 +0000

所謂滴打滴，其實沒有任何實質意思只是我隨便叫好玩的。你可以當它是網站公告版、佈告欄、網站筆記本那類的隨便。

這個小東西的誕生起因於一開始用來作網站新聞的推爺已經默默的被我當作聊天版了。然後某天不小心點到自己的TwitterFeed就是超嗨的整個都是聊天記錄‧‧‧

完全沒有任何佈告欄的意思啊根本就！

對於那種沒有交集但是只是想知道網站重要新聞的推爺訂閱者來說，這樣的情況應該會非常苦惱吧(每天面對著一大片和自己毫無關聯的聊天紀錄誰高興得起來啊~？)

所以所以就寫了這個小小的滴打滴(WebChatter)，原本是打算讓它獨立運作的(畢竟我並不覺得自己會用一輩子的Wordpress)，但是因為懶得寫管理畫面又所以所以只好收進WP後台。

人家歪國人寫甚麼東西都喜歡加一個beta版，但是我這個實在太陽春+寫得又好亂所以就是被打版。

主要機能如下：

新增(廢話)/刪除(批次)/修改(二次編集)/簡單RssFeed 2.0支援/AJAX分頁/初始化(刪除資料表)/時區&時間格式編輯/wp short code支援。

預覽畫面如下：

也可以參考我的首頁側欄和BIO頁面的實際使用情況

使用方式如下：

1. 下載後在chatter裡打開config.php依照需求編集
2. 打開主題目錄下的functions.php(沒有這個檔案的自己開一個)新增

1	require_once(TEMPLATEPATH . '/chatter/chatter_admin.php');

3. 將整個chatter資料夾上傳至目前正使用的主題目錄下(目錄結構為：你的主題資料夾/chatter/)。
4. 進後台會就看見【佈告欄管理】的選項，新增第一篇公告後程式將自動在資料庫(config.php裡設定的那個)裡建立新的資料表和欄位。
5. 調用時支援可依照情況選擇php code或者short code

PhpCode

1	kana_chatter ?>

ShortCode

1	[kana_chatter]

6. HTML結構如下，請自行按照需求編寫CSS。

<div id="blogchatter">
    <div class="Na_show_chatter">
        <div class="Na_chatter_time">時間</div>
        <div class="Na_chatter_txt">內容</div>
    </div>
    <ul class="Na_chatternav ">
        <li class="Na_chatternav_ft"><a title="" href="#">最前頁</a></li>
        <li class="Na_chatternav_pv"><a title="" href="#">前頁</a></li>
        <li class="Na_chatternav_nav"><a title="" href="#">頁碼1</a></li>
        <li class="Na_chatternav_nav"><a title="" href="#">頁碼2</a></li>
        <li class="Na_chatternav_nt"><a title="" href="#">後頁</a></li>
        <li class="Na_chatternav_lt"><a title="" href="#">最後頁</a></li>
    </ul>
    <div style="clear: both; height: 10px;"></div>
</div>

因為太想抽菸導致完全無法專心思考，所以我決定用直接把檔案打出來來代替code解說。有興趣的人可以自己拆一下原檔，我寫得時候都有標上中文註釋，應該不難理解才是。
Note: There is a file embedded within this post, please visit this post to download the file. Note: There is a file embedded within this post, please visit this post to download the file.
再來再來，我不是吃php長大的程序員，所以如果有前輩出現也請勿用力拍打，寫好玩而已的。

最後最後，嚴禁任何情況下的商業使用。

以上，歡迎報告使用心得。

-- THE END --

WordPress拍手拍手拍拍手！

娜娜子 — Mon, 27 Sep 2010 16:14:20 +0000

首先，由於有AJAX聯繫表單的前車之鑑所以聲明下，這個不是WP專門的插件!!! 所以別再丟到plugin資料夾下相信我你是絕對找不到它的！

這裡說的拍手就是指WEB拍手，有用過FC2的捧友對這個名詞應該不會太過陌生才對。用很直接的方式理解，拍手和FB的「讚」或者論壇裡常見的一些「頂」、「推」功能感覺有些類似，都有著鼓勵、讚揚發文(圖)者的味道在。和直接的發表留言相比較起來，算是訪客與網站管理員之間的另一種較為含蓄而直覺性的互動方式。

不過，和推、頂、讚等功能最大的不同之處在於，WEB拍手更增添了一些了隱匿和趣味性值。除了管理員以外，其他人無法得知留下拍手的訪客究竟從何而來又說了些什麼，如此的隱匿性無疑減少了許多在雙方尚未熟識的交談裡可能造成的尷尬和顧忌，但相對的，對於一些「目的性」比較強烈的建站者或者留言者來說，這樣的功能顯然不能被稱作優點。至於有趣的地方，則是指管理員能夠設定多少數量的拍手會顯示不同的感謝圖片或文字，對許多手繪愛好者來說絕對是有一定的吸引力與號召力存在的。而日本勝行的繪日記風氣，在某種程度上也算是間接的造就了WEB拍手的崛起，慢慢地演變為一種流行的blog掛物，即便是到了社交網站入侵個人站台的現今，也依舊保有了一定的地位。

以上，是我對WEB拍手的了解。然後，這裡是公式サイト。

老實說，這對我來說算不上是一個說什麼也非得要擁有的功能，但是自從聽到了某人說了「這東西根本沒有用嘛！超蠢耶‧‧‧」的話之後，就發誓‧‧‧

死、也、要、裝！

沒辦法我無法接受那種搶先在了解之前的否定句，但是為了一個小小的WEB拍手跑去跟人家吵架實在也太娘我辦不到，只好躲在這裡做一些無聊的對抗，講得白一點就是在耍脾氣。

可如果只是單純的為了耍脾氣就要裝一個插件感覺又更娘了，於是就在不想變娘的心態趨使之下，找到了這支 ─ Web拍手ツール【ＧＪ！】（グッジョブ！)

這裡沒有用到web拍手公式サイト所提供的配布主要原因是

@.雖然perl充滿了愛與青春的高校回憶，但是由於人老腦不靈所以也只好過去讓它過去。
@.個人比較偏愛可以在同一頁面上將動作執行完畢。

上面兩坨@大約佔了全部理由的10%，而剩下的90%則是

─ 我被GJ後面的那個全形的驚嘆號萌到了！！！

就這樣，我選擇了GJ！demo就在每篇文章的右下角處。老實說安裝挺簡單的，這裡只是稍微將整個過程run一遍。

1. 開始

1-1 首先，在這裡找到gj.zip的下載點。由於作者在發佈頁上沒有提到接受再次公開配布，所以這裡是鏈結到程式發表的頁面。
1-2 在解開的壓縮檔裡沒有意外的話應該會是下面的情況。

2. gj.php/gj.js

2-1 用文字編輯器打開gj.php後，映入眼簾的就是清一色的日文解說，下面將主要設置(18~52行間)的日文註釋翻譯出來。

//請務必更改密碼------------------------------------
 
$PASS = "xxxx";//拍手情報查看頁密碼(情報查看url ex:http://xxx.com/gj/gj.php?mode=show&此處設置的密碼)
 
//以下設置請依照需求修改---------------------------
 
$ButtonImg ="./img/gjbutton1.gif";//拍手前顯示圖片
//拍手數量RGB色碼(拍手前)
$R_STR = 255;//Red
$G_STR = 255;//Green
$B_STR = 255;//Blue
 
$ButtonImg2 ="./img/gjbutton2.gif";//拍手後顯示(感謝)圖片
 
//拍手數量RGB色碼(拍手後)
$R_STR2 = 255;//Red
$G_STR2 = 255;//Green
$B_STR2 = 255;//Blue
 
$STRLEN = 512;//訊息字符上限，超過將此大小將自動刪減。(中文字符１字＝2byte換算）
 
$STRPOSX = 60;//拍手記數顯示位置-X（單位為PX）
$STRPOSY = 5;//拍手記數顯示位置-Y（單位為PX）
 
$INFOMAX = 10;//拍手情報頁在概略模式下最多顯示幾個情報統計
 
$GJMAX = 10;//每篇文章在同一日可接受相同IP的拍手次數
$IPMAX = 100;//整個blog在同一日可接受相同IP的拍手次數
$LOGMAX = 300;//記錄檔裡IP的最大保存數量（此處的設定數值需大於前一項的＄IPMAX）
$NEWMAX = 100;//拍手情報查看頁最新模式下顯示的文章統計數量
 
$ignorip = "000.000.000.000";//不列入統計的IP地址(兩個以上請用,區隔開來）
 
$NEWNUM = 30;//拍手情報查看頁最新模式下顯示的拍手統計數量<br>
 
$KETA = 1;//排手記數預設為幾位數字

2-2 此部分依照需求對照修改完畢後，以不含BOM的utf-8編碼方式將gj.php儲存起來。
2-3 用文字編輯器打開gj.js，搜尋***.com(共有8處)改成自己的檔案路徑。

3. 上傳+導入

3-1 把整個gj資料夾丟進空間裡，依照1-2裡的圖片對檔案和子資料夾做權限的變更。
3-2 用瀏覽器開啟gdtest.php，如果有出現下方的OK圖片便表示你的空間支援GD。

(這部驟可有可無，假設你很確定自己的主機是GDOK的也可以直接跳過，並不會影響程式運作。)
3-3 測試完畢後，刪除掉gdtest.php。用文字編輯器打開模板檔案，在想要加入拍手的地方依照順序導入>prototype.js、gj.js以及下面的code。

<input id = "" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onclick="goodjob('(); ?>','(); ?>') "><script>showbutton('(); ?>','(); ?>');</script><input type = "text" id ="_gj_message"> <span id="_gj_mark"></span>

註：這裡指的【想要加入拍手的地方】很明顯是應人而異的，但由於使用到了the_permalink();，所以前提就是必須包含在if (have_posts()) :的迴圈裡。
3-4 編輯完畢後將修改過的檔案重新上傳，如果成功的話，大概會像是這個樣子↓

註：GJ預設帶了一個讓拍手的訪客做短評的輸入欄位，如果不想要它的話直接在code中type為text的input裡加上用CSS的display:none;隱藏它就好(請不要直接將整個text的input拿掉，除非你想對GJ的程式本體做全面的修改)。

3-5 在撇開美麗與否先的測試是否能正確累積拍手次數之後，我們要將肥大的prototype.js替換成pt.ajax.js。將從這裡下載到的pt.ajax.js傳到空間裡然後替換掉原先在模板裡的prototype.js就可以了。(這步驟同樣非必需，如果你堅持為了一個小小的web拍手載進一個高達97.2kb的prototype.js我也沒有什麼意見就是了。)

4. 管理員查看頁面

呼叫方式為：

1	http://GJ資料夾位置/gj.php?mode=show&密碼

上面的密碼就是2-1在gj.php設定的，如果覺得頁面醜也可以在裡面配合CSS做修改。比較值得注意的是，作者在程式發佈頁上已經挑明了說道【管理ページにある著作権表示は削除しないこと】，也就是頁底的那行版權請無論如何也不要拿掉它，拜託，我們都不要做討厭鬼，多放那一行字死不了的我說真的。

5. 美化

5-1 GJ展示拍手次數的方式有兩種 ─ 數字和圖型。數字的展示方式在3-4的測試時已經看過，圖型的展示則是如下圖。

至於要選擇使用哪一種，則是取決於gj.js裡的設置。

1	var gj_st = "0";

在gj.js搜尋到上面的code，0是數字表示/1是圖型表示。
5-2 拍手圖片的設置可以在gj.php以及gj.js裡分別做檔名的修改。我將自己做的這個打成壓縮檔，下載後將裡面的圖檔替代掉gj/img下的原始拍手背景圖片，然後在gj.php的38和39行依照下方修改。

1 2	$STRPOSX = 8;//拍手記數顯示位置-X（單位為PX） $STRPOSY = 5;//拍手記數顯示位置-Y（單位為PX）

拍手圖檔下載↓
Note: There is a file embedded within this post, please visit this post to download the file.

後記 badge的使用

當GJ在伺服器內開始成功運作後，會在log的資料夾下產生一個gj.xml檔案，於是我們可以藉著這個XML很方便的做出一些簡易的badge。在作者的網站上有放上flash和javascript的兩種版本，不算很難入手+這篇已經超過我的預估文長了，so大家有興趣可以自己裝下。

@ Flahs版本badge http://hmlab.info/minor/2008/09/flexgj-1.html
@ Javascript版本badge http://hmlab.info/minor/2008/05/gjjavascript.html

-- THE END --

不如，就來寫個AJAX的聯繫表單吧

娜娜子 — Mon, 13 Sep 2010 01:24:36 +0000

這次重寫大作戰裡丟掉了之前很死忠的contactform7，沒錯啦它號稱是個極輕量插件，但‧‧‧

既然身為插件就要有被拋棄的覺悟啊啊啊！！

很好總之我把它丟掉了，原本打算直接放個mail地址在bio頁了事，但後來想想還是放一個以備不時之需。果然，這個決定是正確的- . . -+，才剛改完版就遇上留言欄無能事件...平時感覺很雞肋的ContactMe 在瞬間整個就是閃閃動人哪~

well~廢話結束，來說說是怎麼寫的吧！在開始之前請確定你家主機的php可以使用mail()函數，如果不可以的話可以到旁邊領便當回家了~

00. 功能預想

首先，我幻想中的contactform大概要有以下功能：

1. 姓名、電郵、內容欄位
2. 表單驗證，提示成功或者失敗的訊息。
3. 沒有了，就這樣又不是什麼超專業大站台這樣很夠用了~

OK既然目標明確那就開始吧！

01. 建立page theme

由於每個人的header跟footer是不同的，不過一開始先不要去管它~先寫好表單再考慮要怎麼把它塞進去的問題- . . -

老規矩打開你的文字編輯器，在空白的html裡載入jquery，這個之後在驗證表單時會用的上。然後，在body內建一個id為mailform的DIV，最後記得在code一開始加入WP的page宣告。


/**
Template Name: ContactForm
 */
?>


<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-TW">
<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>聯繫表單</title>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    (); ?>    
    </head>
    <body>
        <div id="mailform">    
 
        </div>
    (); ?>    
    </body>
</html>

把它存成mailform.php後丟到theme的資料夾下，到後台確認下新增page時模板裡有ContactForm的選項就是OK了

02. 表單內的事件判斷和接收的郵件內容

在剛才那個mailform的div裡替表單加一些簡單的判斷句。


//如果表單被送出
if(isset($_POST['submitted'])) {
        //captcha檢查
        if(trim($_POST['checking']) !== '') {
            $captchaError = true;
        } else {
        //確認姓名欄位是否有填寫
        if(trim($_POST['contactName']) === '') {
            $nameError = '請輸入您的名字';
            $hasError = true;
        } else {
            $name = trim($_POST['contactName']);
        }
        //確認郵件欄位是否有填寫以及格式是否正確
        if(trim($_POST['email']) === '')  {
            $emailError = '請輸入您的電郵';
            $hasError = true;
        } else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
            $emailError = '請輸入正確的電郵格式';
            $hasError = true;
        } else {
            $email = trim($_POST['email']);
        }    
        //確認內容欄位是否有填寫
        if(trim($_POST['comments']) === '') {
            $commentError = '請輸入您的內容';
            $hasError = true;
        } else {
            if(function_exists('stripslashes')) {
                $comments = stripslashes(trim($_POST['comments']));
            } else {
                $comments = trim($_POST['comments']);
            }
        }
        //如果通過上述判斷，則寄出下面的郵件
        if(!isset($hasError)) {
            $emailTo = 'mail@your.com';//收到聯繫表單的電郵
            $subject = '【'.$name.'】 在傅不死 FullHouse使用了聯繫表單';//信件標題
            $sendCopy = trim($_POST['sendCopy']);
            $body = "名字: $name \n電郵: $email \n\n$comments";//信件內容
            $headers = 'From: 傅不死 FullHouse <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;
            mail($emailTo, $subject, $body, $headers);
        //如果訪客勾選了寄送確認郵件，將會收到下面的郵件內容
            if($sendCopy == true) {
                $subject = '【'.$name.'】 感謝您在傅不死 FullHouse使用了聯繫表單';//信件標題
                $headers = 'From: 傅不死 FullHouse ';//顯示的寄送地址
                $body = "親愛的 $name.\n你的郵件已經成功送出，下面是你送出的訊息。\n\n名字：$name.\n電郵：$email.\n訊息：\n$comments.\n\nKana在閱讀信件後，會盡快的將回覆傳送至$email.，請耐心等候。\n\n(此郵件由系統自動發出, 請勿回覆)";//郵件內容
                mail($email, $subject, $body, $headers);
            }
            $emailSent = true;
        }
    }
} ?>

上面的收件地址請記得改成你自己的mail，否則發到死也不會有人理你的相信我~

03. 建立郵件送出成功以及失敗的訊息

 //如果郵件成功寄出，跳轉到感謝訊息
if(isset($emailSent) && $emailSent == true) { ?>
    
        $name;?>
        感謝您使用本聯繫表單，您的郵件已經成功被送出，我們將儘快與您聯繫。
    
 } else { //如果郵件發送失敗，原地提示錯誤 ?>
 if(isset($hasError) || isset($captchaError)) { ?>
    寄送失敗，請依照指示檢察下方的欄位是否有正確填寫。
 } ?>

04. 建立表單欄位

至此，判斷句都結束的差不多了，接下來就是開始重頭戲的表單欄位。

  <form action="" id="contactForm" method="post">
        <ul class="forms">
            <li class="mailform_name"><label for="contactName">姓名</label>
                <input type="text" name="contactName" id="contactName" value="" class="requiredField" />
                ($nameError != '') { ?>
                <span class="error">=$nameError;?></span>
                } ?>
            </li>
            <li class="mailform_mail"><label for="email">電郵</label>
                <input type="text" name="email" id="email" value="" class="requiredField email" />
                ($emailError != '') { ?>
                <span class="error">=$emailError;?></span>
                } ?>
            </li>
            <li class="textarea mailform_textarea"><label for="commentsText">您要遞送的訊息</label>
                <textarea rows="20" cols="30" name="comments" id="commentsText" class="requiredField">(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea>
                ($commentError != '') { ?>
                <span class="error">=$commentError;?></span>
                } ?>
            </li>
            <li class="inline">
                <input type="checkbox" name="sendCopy" id="sendCopy" value="true"(isset($_POST['sendCopy']) && $_POST['sendCopy'] == true) echo ' checked="checked"'; ?> /><label for="sendCopy">是否要收到由系統發送的確認表單郵件？</label>
            </li>
            <li class="screenReader">
                <label for="checking" class="screenReader">如果您想要成功送出表單，請勿填寫此欄位</label><input type="text" name="checking" id="checking" class="screenReader" value="" />
            </li>
            <li class="buttons  mailform_buttons">
                <input type="hidden" name="submitted" id="submitted" value="true" /><button type="submit">Email me »</button>
            </li>
        </ul>
    </form>
} ?>

05. 加入AJAX

把寫完的mailform.php重新存在theme資料夾下，然後刷新你的page後應該會看到這樣赤裸裸的聯繫表單，在嫌棄它醜前請先測試一下是否能正常發送。

好啦，基本上主要功能就差不多了，不過這年頭什麼都要給它來個AJAX一下，那我們也只好來不免俗的跟它趕一下流行這樣~

jQuery(document).ready(function($) {
    $('form#contactForm').submit(function() {
        $('form#contactForm .error').remove();
        var hasError = false;
        $('.requiredField').each(function() {
            if(jQuery.trim($(this).val()) == '') {
                var labelText = $(this).prev('label').text();
                $(this).parent().append('請輸入'+labelText+'');
                hasError = true;
            } else if($(this).hasClass('email')) {
                var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                if(!emailReg.test(jQuery.trim($(this).val()))) {
                    var labelText = $(this).prev('label').text();
                    $(this).parent().append('請輸入正確的'+labelText+'');
                    hasError = true;
                }
            }
        });
        if(!hasError) {
            $('form#contactForm li.buttons button').fadeOut('normal', function() {
                $(this).parent().append('');
            });
            var formInput = $(this).serialize();
            $.post($(this).attr('action'),formInput, function(data){
                $('form#contactForm').slideUp("fast", function() {                   
                    $(this).before('感謝您使用本聯繫表單，您的郵件已經成功被送出，我們將儘快與您聯繫。
');
                });
            });
        }
 
        return false;
 
    });
});// end jquery

把上面的code存成contactform.js後在contactform.php把它載進去。(loading的圖片位置記得改下)
這樣，一個獨立的聯繫表單就完成了，假設今後要改版休業什麼的直接載個CSS然後設成主頁訪問就不怕訪客亂竄無門了。

後記. 通通給我塞進去！

現在，表單寫完了也測試完了。但在一般的情況下，我們會希望它可以和主題樣式結合在一起。這個部份每個主題不大一樣，如果你是自己寫我想你會很清楚該怎麼做，如果是下載來的主題那就可以按照下方的方法試試，只要你的主題作者沒有太叛逆基本上是OK的。

打開page.php，正常來講會有have_posts的迴圈，而裡面的the_content部分就是page內容的展示區，也就是你在後台編輯page以後會出現的文字圖片什麼鬼的。在它的後一行，把mailform.php裡將

...

完整的拷貝下來貼上，再把jquery和contactform.js載在頁底就OK了。

如果主題內已經有jquery的載contactform.js就好，當然你也可以把contactform.js收到你主題原有的js裡。再來就是在css裡調一下它的臉，這部分自由發揮。

雙D兄弟送上

展示/下載(DEMO&DOWNLOAD) :

展示頁面 Note: There is a file embedded within this post, please visit this post to download the file.

註：
ContactForm裡包含了contactform.php+contactform.js，將php裡的資料改成你自己的後送上主題資料夾下就可以做原始測試了~

延伸閱讀&參考資料

The PHP mail() Function
PHP Tutorial: Writing Your First PHP Script: Feedback Form Script
AJAX contact form
WordPress & jQuery Contact Form without a Plugin

最後，其實這是偽ajax啦~~哼哼哼只是用jquery作的免刷新而已.....

-- THE END --

是的，我非常至於！- 二次創作者的悲歌 (WP的GPL不是這麼遵循的)

娜娜子 — Thu, 19 Aug 2010 01:54:16 +0000

我從不覺得華人的能力較西方世界來的差勁，而至於素質還是涵養什麼的那些是個人的東西，將它扣成一整個名族的大帽子，不合理也不公平。

而若真要說缺乏什麼，應該就是資源了，那些非實質而是觀念上的資源。和老外相比，我們接觸的的確是比較少。

所以，如果你看到(並且看完)這篇文章，希望你能將這樣的觀念傳達出去。也許是你的家人，或者朋友。

在觀念的培養上相對於能力的累積來說是比較困難的，但我相信只要有心去接觸，就一定會有改變的一天。

在發這篇文章前我想了很久，我不是個愛筆戰的人，吵架這種事情本來就吃力不討好，無論輸贏都沒有任何值得令人開心的地方。

這篇文，很長，很不好看，但卻是花了我幾乎一整個晚上的通霄查資料的結果。

在華人世界裡搞創作不是件輕鬆的工作，有多苦是做過的人才知道。

說沒有埋怨過絕對是騙人的，但總自己選的路，該完幾聲後還是乖乖的就範認栽。

而昨天wordpress.org.cn裡出現了這麼樣的一個討論串

[其它杂项] 关于破解主题,我想说几句. (點我看原文地址)

沒錯看標題就知道，這就是在討論那個傳說中老掉牙卻又始終充滿了爭議性的著作權議題。

首先我想說的是，關於盜版與反盜版，這絕對不是單單的只在華人世界才會出現的抗爭。不相信，你在google上面隨便打幾個crack、serial number還是keygen什麼的試試，搜尋到的那些國外"大型"破解盜版論壇或者是網站，明目張膽的指數不一定亞於華人。只是觀念的問題，和人品長像國情都是沒有關聯的東西。

說這些不表示我鼓勵大家去盜版去剽取，只是在創作者與消費者的權益之間究竟該如何取得一個平衡點，這樣的迷思甚至連現今的法律都不一定能夠給出一個兩全其美的解答。

原因很簡單，追根究柢著作權的出現是一種基於對利益的保障，但是當你的利益和我的利益存在於兩種截然不同的立場，而市場卻又無比的"龐大"時，爭端怎麼會不出現？

我不是念法律的人，也不是瘋狂的衛道者，而很多時候，自己在販賣或者是分享theme時也會出現"這個人這樣子改我的東西分享到底是侵犯了我的權益還是不過就是自己太過斤斤計較？"的困惑。

所以，我無法於你討論分享和剽竊的界線，當然，更不能告訴你要怎樣下載東西才不會被抓去關。

我要說的是GPL，所以，就且讓話題回到wordpress.org.cn的討論串上。

在回應者的發言裡，有一位提到了wordpress遵循的GPL協議，以下為引用文。

开源博客软件WordPress的作者Matt Mullenweg正与WordPress主题和插件开发者展开论战：

WordPress是采用GPL授权的自由软件，GPL条款规定衍生作品也必须采用GPL授权，Mullenweg认为WordPress的主题、模板和插件都是WP的衍生作品，如果它们不在GPL许可证下发行，那么就违反了GPL许可证。

引发争论的是名叫Thesis的付费主题，Matt认为它应采用GPL授权，但主题作者不愿意。WordPress考虑起诉Thesis的制作者侵犯了GPL。此事在开发者中间引发了争论和困惑。

WordPress主要开发者Mark Jaquith在一篇分析文章中解释了什么插件或主题是WP的衍生作品——Thesis代码直接抄袭WP中的大量代码，而主题本质上是PHP文件的集合，利用了WordPress功能和访问WordPress的核心数据。

並且該發言者表示，由於WP本身遵循了GPL的協議，所以以WP為衍生的創作(theme、plugin)也必須同樣的遵循這樣的協議，開源以及免費。

接下來要說的話也會比較銳利，但能保證的就是不會帶有任何人身攻擊的言詞，因為發言者其實本身也是個頗具風度的人，即便看了與自己相反的說法也沒有出現情緒化的論調。

如果要說GPL，好的，那我們就來說GPL！

都說過，我不是念法律的人，而在寫這篇文章之前，我對於GPL的認識也幾乎是趨近於零。
但由於我無法接受並且也不能夠相信它竟然會如此壓縮二次創作者的權益，所以才會費盡心思地跑去研究這些看起來跟鬼畫符差不多的專有名詞。

不為什麼，只因它和我息息相關。

那麼，GPL到底是什麼？如果這麼問，大家一般常聽到最直白的解釋就是"噢，GPL就代表這個程式(軟體)是開源的免費的不用錢的"然後就開開心心的下載使用。

上面的話被我說得好像很蠢的樣子，但它在某部分的核心定義上是沒有問題的。

GPL的全名為GNU General Public License，翻譯成中文則是GNU 通用公共授權條款，簡稱GPL。由Richard Matthew Stallman為了於1983發起的GNU計畫而撰寫而成，是一個廣泛被使用的自由軟體授權條款。

在wiki上是這麼解釋GPL授權的。

1. 以任何目的執行此程式的自由；
2. 再發行複製件的自由；
3. 改進此程式，並公開發布改進的自由（前提是能得到原始碼）。

聽起來多舒暢，就是自由、自由...還是自由！

但是，真的有這麼自由嗎？請看第一項，"以任何目的執行此程式的自由"。

請注意，是任何目的。

那麼，當我取得了一個以GPL為授權的程式碼，即便它有聲明此程式不得以非法用途散播，但我還是很手癢拿它來為非作歹時，那又該怎麼辦？

為了避免天下大亂，於是GPL出現了這樣的一個附加條件。

你可以自由地複製、修改和散佈這個軟體，不論有無修改皆可。但是如果你重新散佈（修改過的或原來的）軟體，只允許你用本授權的相同條款為之，如果你違反了本授權的條款，所有的許可皆被收回。

這也就是為什麼在討論區裡會出現"WP本來就是遵循GPL的開源協議，所以它的延伸創作理應也該免費開源才正確"的聲音。
而這樣的附加條件則是為了用來保護軟體或者程式的作者，當他的作品被用於違反法律的二次改造散佈時，他有權使這樣的授權成為無效行為以免遭受波及。
聽起來很合邏輯，不是嗎？

很好，那你要問了，這樣子搞下去誰還要寫什麼鬼程式軟體？大家手牽手通通回家種田算了。

請不要擔心，事實上，這個世界上還是有法律的存在的。即便在很多時候，它所主持的公平與正義微弱的令人感覺不到它的存在(最後一句單純只是個人想法XD)

那麼，難道大名鼎鼎的GPL說穿了根本只是一個違反國際著作權法的授權條款嗎？

當然，答案還是否定的。GPL也許有某些漏洞存在，但在本質上，它是完全合法的，只是繁複而似是而非的專有解釋名詞讓它常常遭受人們的誤解。

關於上面提到的矛盾，問題的癥結點其實出在於法律上對於"授權"以及"契約"的解釋。這兩者聽起來好像差不多，可是卻又不怎麼一樣。

大家比較常接觸的是契約，所謂契約就是在二人或者多人之間涉及到交易時的一種由當事人同意而產生的法律義務，而契約中的每個人都對他人有義務並相對的有要求他人履行承諾的權利。

簡單的說，在法律上，契約是具有"強制性"的交易行為。

也就是當我今天在餐廳裡點了一碗叉燒飯，而我與叉燒老闆之間這樣的交易行為就是一種購買契約。所以要是我吃完了撒態不給錢，叉燒老闆就可以用契約裡的"強制性"來要求我付款。

那麼授權又是什麼？

Steven H. Gifis在Law Dictionary對於授權的解釋是這樣的。

授權：給予他人做法律上原不允許的事的許可；「任其做授權人原可禁止的事」

很好整個就是饒舌到都可以唱成一首歌了。

它和契約最大的不同點在於：授權是一種"單方面地允許對他人財產的使用"。

舉例來講，今天我說我要請客，但結果大家吃得太多導致我付錢付得很不開心，所以我決定要對吃太多的人提出告訴(嚴重申明，這真的只是舉例)。本來，別人隨意的吃喝讓我付錢的這件事情在法律上是不被允許的，但因為有了我的授權(請客的決定)，於是這件事情將變得合法。所以，假如上了法庭我無法提出是出自於被迫的提出授權(EX 被威脅一定要請客)，或者證明被授權者(就是那些吃太多的人)有任何於法不容的行為，那麼我將會有很大的機率必須面臨敗訴。

而導致我們常會將兩者混淆誤解的原因是，許多契約條文裡包含了協議。例如 : 你給我多少錢，我就將這東西出售給你，但你必須遵循一些義務。

只是，GPL 法律事務的自由軟體基金會律師Eben Moglen卻也同樣說到：

就軟體而言，這些義務包括不將軟體反組譯、逆向工程、也不轉讓給他人的承諾。(註：這裡的軟體指的並非專屬程式的契約而是遵循GPL的授權程式所能夠協定的範圍。)

並且表示，GPL 是貨真價實的著作財產授權：單方面的允許，而且授權人沒有要求相應的義務。

也就是說，所謂授權上的強制行為，是出現在於違反了法律上"原先不被允許去做的事情"才得以存在。而不是像契約那樣，只要我說不可以(並且立定契約時你已經同意了)，那麼你做了就完蛋了去死吧我要告翻你全家這樣。

所以，在著作權法的保護下，GPL是無法強迫你出任何一個合法的專屬程式或者軟體同樣成為GPL，除非你運用了遵循GPL協議的程式軟體做出"違反法律"的事。

以這樣的前提做為基礎，那些"用遵循GPL的WP來做二次創作，發佈那些付費的theme以及plugin本身就是不正確"的說法，是完全不成立的。除非你做出來的東西，是違法的，傷害別人權益的。否則，從WP出現的一開始，隨之而來的就是成千上萬付費的theme和plugin，為何Matt Mullenweg沒有阻止它們，卻唯獨針對Thesis這個付費主題開刀？我對這個主題並沒有太大研究，但可以肯定的是，這絕對不會只是單純為了"因為它收錢了真該死"的原因。

既然如此，請給二次創作者一個公平的位置。

不要再任何一次，當我拒絕公開寫來販賣的主題時，對我說：你至於嗎？

若是經濟狀況或者預算不允許，大可以選擇免費的插件或者主題，donate與否則是完全看個人。我相信，沒有一個免費主題或者插件的創作者會因為你不donate它就跟你翻臉的(即便他本身也可能有在做同樣的付費項目)。當然，在功能或者是美觀上也許不會這麼完善。說我市儈貪錢都好，我就是靠這個東西吃飯的，在免費分享出去的版本上有所不足真的有這麼不應該嗎？

當然會走進這行說沒有興趣是不可能的，但是當興趣變成了真正的職業，我發誓，它真的會變得一點也不好玩，而不只是單純的"可以做自己喜歡的事情然後一面賺錢"。你在工作上會碰到那些想哭想不幹了想罵髒話的鳥事，我們一件都不會少遇到。

所以，在生氣的大聲抗議之前，能否先冷靜的想一下：請問我是有欠你什麼呢？所以要這麼理所當然的分享那些被我列為應該要收費的項目？否則，就該換來一句 : 你至於嗎？

這不是客氣禮貌與否的問題。

是的，我至於，並且是理直氣壯的至於！

只因我們不是狡詐地依附在別人身上吸錢的寄生蟲，而是同樣辛苦的在付出流汗，既不偷也不搶。

那麼，我又有什不好至於的？

延伸閱讀&資料來源：
The GNU General Public License
GNU General Public License(WIKI)
Duhaime's Legal Dictionary

WordPress Theme│Zero-PIC 之你問我答

娜娜子 — Mon, 09 Aug 2010 13:51:11 +0000

2011/02/04 Update

加入：Related Posts By Category、AJAX Comments(willin)、Unlimited Level Nested Comments、SweetTitle、Imageresize、Index Page Style Select、Archives(SideBar) Toggle
更新：Tagcloud function寫法，Recent Comments 寫法，Blogrool 加favicon
註：更新後請依照functions.php裡註解做改動即可。

FILE DOWNLOAD(檔案下載)

檔案下載(tar/zip)：

Note: There is a file embedded within this post, please visit this post to download the file.

-2011/02/04 END

在雜事爆多的星期一把這幾部影片拍完我覺得我真是太勇敢也太酷酷!!

TO 三問的MiiA小姐和Gravatar很繽紛的Bryan先生還有很害羞的傳了4封聯絡表單給我的coli同學，感謝你們喜歡zero-pic(鞠躬)。不過呢...這裡要提醒下coli桑...下次傳一封就好了...太多反而會被系統丟到垃圾信夾的- -+

以上!!

大家一起熱血的跟著WP噴跑吧!!!!!!!!!!go~

你問我答開始 :

Q : 圖片頁面(Portfolio Page)出不來？？ (@MiiA)

A : 請照著下面的方法操作一次囉~(字看不清楚請點播放器上的切換全螢幕按鈕)

Q : 首頁可以換成圖片展示頁面(Portfolio Page)嗎？ (@MiiA)

A:
1-1 請下載page_portfolio.zip這個壓縮檔
1-2 將壓縮檔內的page_portfolio.php上傳到zero-pic的theme dir裡
1-3 在後台新增一個page，模板的下拉選單裡選Portfolio Page
1-4 打上你的page title (內文部分請留空)
1-5 到設定>閱讀>首頁顯示>首頁，旁邊的下拉選單找到你剛才打得page title後儲存設定

done~!!

Q : 圖片可不可以改成自動適應文字區的寬度呢？ (@MiiA)

A:
打開style.css查找

1	.post_content img.alignleft,.post_content img.alignnone,.post_content img.alignright,.post_content img.aligncenter

往下找在margin-top:5px;的後面}的前面加入↓

max-width:300px;
width:300px;
width:expression(document.body.clientWidth>;300?";300px";:";auto";);
overflow:hidden;

@ : 注意 - 此段code不符合W3C!! 瀏覽器部分是ie6up、ff、Opera、Safari、Chrome兼容。
如果很介意W3C的捧油，請下載img-resize.zip這個壓縮檔，將裡面的JS上傳到zero-pic的theme dir後，打開single.php將下面的code加入〈?php wp_head(); ?〉的前方。

Q : Gravatar的頭像可不可以改的小一點啊??? (@Bryan)

A :
請打開functions.php這個檔案，查找下面這段code

1	echo get_avatar($comment,$size='50'); ?>

50的地方就是Gravatar的頭像大小囉...(px)

ok 先這樣... 我去寫企畫了掰掰有事請用力留言吧~逼逼逼!!

2010/08/21 update!↓

Q : 要怎樣才可以把預設的portfolio選單拿掉呢？

請打開header.php這個檔案，查找下面這段code

1	<li><a title="RSS" href="/?tag=portfolio">Portfolio</a></li>

然後拿掉它就OK囉

另外 : 感謝提出指正的字體在簡體網站中顯示問題(過小and粗體無能)的奈維摩爾以及mind，已將更新版重新上傳，有需要的人請重新下載就可以囉~

WordPress Theme│Zero-PIC

娜娜子 — Tue, 09 Mar 2010 17:20:44 +0000

!!此版本已不再更新請移步此區看最新版

趁著這幾天閒下來，localhost/29的原形摳出來寫成了一個theme。zero-pic顧名思義就是零圖片的意思，老實說，我原本連JS也不想載入((純CSS最高！))，但為了巢狀留言的回覆部分設想不得已還是載了個comment-reply.js，搞到最後索性連wordpress自帶的thickbox也一起整了進去。

所以，如果要說這個theme最大的好處，應該就是速度"無敵爆炸霹靂快"這樣，畢竟只加了兩個JS而且是只在有用到的地方才寫。另外由於個人寫作習慣，所以區塊跟區塊間都有做code的標註，有興趣的人可以拆開來看看大家研究研究這樣。

然後因為我的空間很弱沒有辦法放demo site，所以就只好來個看圖說說theme(點小圖可看原始版!!)。

首頁(INDEX PAGE)

↑最上面那張就是index page，預設兩欄。

右上方的選單主要是從page裡抓出來的，預設是只要新增頁面就會增加選項。如果有不想要列出的頁面，打開header.php搜尋

exclude=

在=的後面輸入要排除的頁面ID，如果有多個頁面不要列出在選單裡的話，請用半形標點符號的逗號將ID與ID區隔開來。例如：

1	exclude=1,2,3

上面的寫入結果就是ID1、2、3的這三個頁面都不會再選單裡列出來。

摘要的部分我是直接從全文擷取字數(中文OK)，字數更改方式如下。

index.php裡搜尋

0, 300

改300那邊。

至於縮圖就是用wordpress自帶的post-thumbnails寫的，考慮過幾個Script ，但只要一想到將外連圖片緩存到主機->縮圖->刪除原始大圖的這個過程，就不得不又擔心起爆空間的問題。當然另外一個更大的問題就是...我懶！總之最後我就是用自帶縮圖了，所以也意味著這個theme也是2.9up。

如果在寫文章時沒有設定縮圖的話，則是這樣。

單篇文章(SINGLE PAGE)

接下來的single post page...還是兩欄，沒有其他選擇，因為我是兩欄控，當然你高興改成三四五六七八欄我也沒有甚麼所謂就是了。

巢狀留言的部分我的CSS只有寫到第二層，想要加到兩百層的人可能要記得改一下CSS。

而若要使用thcikbox請記得在圖片的連結裡加上

1	class="thickbox"

然後是一些內文的樣式，這是我從官網上COPY下來的文章範本。

作品集(PORTFOLIO PAGE)

再過來就是portfolio page的部分，也可以當成相本，但我個人是覺得用WP做相本在管理上手會很痠就是了(除非你照片不多)。這裡我是抓tag寫的，也就是說當你想要將文章收進portfolio page裡時，就要加上portfolio這個tag，而portfolio這個tag在頁面上(single的tag列表、側欄的tag clound)我把它排除掉了，避免造成一些在像是tag clound裡的portfolio會變得無敵霹靂大的BUG。

portfolio page的文章列表，主要是顯示圖片跟摘要，游標滑過時才會出現標題，側欄的portfolio則是隨機抽出10篇。

如果想要修改Random Portfolio的數量，請打開404.php、search.php、sidebar.php這三個檔案搜尋

1	showposts=10

將10改成要顯示的數量。

留言版(GUESTBOOK)

zero-pic有自帶一個用page寫的留言版。可選擇一欄(Guestbook - One Column)或兩欄(Guestbook - Two Column)，經由建立page時選擇頁面模板(Template)做設定。

如果不想要留言版的話，不要建立留言page便OK。

預設頁面模版(PAGE TEMPLATE)

建立其他page時同樣則也可以選擇一欄或者兩欄，當中又各分為有無留言引用列表，同樣是經由選擇Template決定。page模版對照說明：

Page - One Column：一欄(下圖左一)
Page - One Column No Comment：一欄無留言引用列表(下圖左二)
Page -  Two Column：兩欄(下圖右二)
Page - Two Column No Comment：兩欄無留言引用列表(下圖右一)

TIP(小補充)

最後就是404page.php、search.php 這兩個檔案的側欄部分是獨立的，不受sidebar.php的控制。

瀏覽器支援：Safari、Opera、firefox、Google chrome、IE5.5up
截圖拍攝環境：1024x768、firefox。
WP版本支援：2.9up。

FILE DOWNLOAD(檔案下載)

檔案下載(tar/zip)：

Note: There is a file embedded within this post, please visit this post to download the file.

傅不死 FullHouse » 噴跑吧，WordPress！

WordPress滴打滴【被打版】

主要機能如下：

預覽畫面如下：

使用方式如下：

WordPress拍手拍手拍拍手！

1. 開始

2. gj.php/gj.js

3. 上傳+導入

4. 管理員查看頁面

5. 美化

後記 badge的使用

不如，就來寫個AJAX的聯繫表單吧

00. 功能預想

01. 建立page theme

02. 表單內的事件判斷和接收的郵件內容

03. 建立郵件送出成功以及失敗的訊息

$name;?>

04. 建立表單欄位

05. 加入AJAX

後記. 通通給我塞進去！

雙D兄弟送上

延伸閱讀&參考資料

是的，我非常至於！- 二次創作者的悲歌 (WP的GPL不是這麼遵循的)

那麼，我又有什不好至於的？

WordPress Theme│Zero-PIC 之 你問我答

2011/02/04 Update

FILE DOWNLOAD(檔案下載)

Q : 圖片頁面(Portfolio Page)出不來？？ (@MiiA)

Q : 首頁可以換成圖片展示頁面(Portfolio Page)嗎？ (@MiiA)

Q : 圖片可不可以改成自動適應文字區的寬度呢？ (@MiiA)

Q : Gravatar的頭像可不可以改的小一點啊??? (@Bryan)

Q : 要怎樣才可以把預設的portfolio選單拿掉呢？

另外 : 感謝提出指正的字體在簡體網站中顯示問題(過小and粗體無能)的奈維摩爾以及mind，已將更新版重新上傳，有需要的人請重新下載就可以囉~

WordPress Theme│Zero-PIC

!!此版本已不再更新 請移步此區看最新版

!!此版本已不再更新 請移步此區看最新版

首頁(INDEX PAGE)

單篇文章(SINGLE PAGE)

作品集(PORTFOLIO PAGE)

留言版(GUESTBOOK)

預設頁面模版(PAGE TEMPLATE)

TIP(小補充)

FILE DOWNLOAD(檔案下載)

!!此版本已不再更新 請移步此區看最新版

WordPress Theme│Zero-PIC 之你問我答

!!此版本已不再更新請移步此區看最新版

!!此版本已不再更新請移步此區看最新版

!!此版本已不再更新請移步此區看最新版