讓WP-Magazine 1.0佈置主題支援階層式迴響 Threaded Comment

七月 11th, 2009 • Related • Filed Under

若你的Wordpress也正使用WP-Magazine 1.0這個Theme，這篇文章將提及如何手動修改.php來使WP-Magazine 1.0支援WP2.7之後的Threaded Comment功能.....

所謂的《Threaded Comment》就是Wordpress 2.7之後所開始內建的階層式迴響功能，後台可自訂單篇Comment的延伸回應篇數，這是個很棒的東西，但可惜的是這個功能必須Theme有支援才行，可以想見的是，既然Threaded Comment是wp2.7之後才開始內建，那就代表wp2.6.x以前的Theme將都會無法順利啟用這個東西，其中包括了我正在使用的《WP-Magazine 1.0》。

WP-Magazine 1.0這個Theme花了我許多時間修改細節，我愛死了這個佈置主題，但階層式迴響功能也傷腦筋，於是我安裝了Wordpress Thread Comment 1.4.9.4這個外掛來暫時解決問題，但這個外掛有個瑕疵，就是回應者的留言雖然支援AJAX而不用reload page，但它一開始顯示出來的回應內容卻是亂碼，還是必須reload page後才會看到正常的留言編碼，有點傻眼，但也就這樣繼續撐下去。

最近我終於找到了關於階層式迴響這部份的解決方案，就是從根本著手修改WP-Magazine 1.0 Theme的原始檔，如此一來可以直接使用wp的Threaded Comment功能，同時對後台外掛管理的簡化也有幫助。

兩種修改方法如下：

===========================================
方案A
1. 在這裡下載更新包，解壓縮後會有5之檔案。
comments.php
functions.php
header.php
legacy_comments.php
style.css

2. 若你原本的WP-Magazine 1.0沒有自行修改過上述幾個檔案，那直接ftp把這幾隻檔案覆蓋到/wp-content/themes/WP-MagTheme10-Basic路徑下。

3. 進入後台→設定→討論→啟用階層式迴響，設定幾層。

4. 完成。
===========================================
方案B
1. 若你曾手動修改過上述的幾支檔案，那可以用手動的方式來修改你原本的檔案內容，除了comments.php例外(因為這支檔案的新版本修改幅度太大不適合用原本的原始檔來改)。

2. 以下是手動修改的內容

《 functions.php》在檔案的最下面增加以下語法

add_filter('comments_template', 'legacy_comments');
function legacy_comments($file) {
if ( !function_exists('wp_list_comments') )
$file = TEMPLATEPATH . '/legacy_comments.php';
return $file;
}
?>

《header.php 》在<?php wp_head(); ?>之前增加一行

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

《style.css》將原本以下的內容

/* -------------------[ Comments ]------------------- */

.commentlist {
list-style-type:none;
padding:0;
margin: 0;
padding: 0;
}

.commentlist li {
clear:both;
margin: 0;
padding: 10px 10px 1px;
background:#fff;
}

.commentlist li.alt {
margin: 0;
padding: 10px 10px 1px;
background:#eee;
}

.commentmetadata {
display: block;
margin-bottom:5px;
}

.commentlist cite {
font: 9pt arial;
font-weight:bold;
}

#commentform {
background:#eee;
padding:10px;
margin:0;
}

#commentform textarea {
width:90%;
padding:5px;
}

修改成如下

/* -------------------[ Comments ]------------------- */
.children {margin:0; padding:0;}
ol ul, ol li{list-style:none;}

.commentlist {list-style-type:none;padding:0;margin: 0;}

.commentlist li {clear:both;margin: 5px;padding:5px;background:#fff;}

.commentlist li.alt {margin: 5px;padding:5px;background:#eee;}

.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.alt {margin: 0;padding: 10px;}

.commentmetadata {
display: block;
margin-bottom:5px;
}

.commentlist cite {
font: 9pt arial;
font-weight:bold;
}

#commentform {
background:#eee;
padding:10px;
margin:0;
}

#commentform textarea {
width:90%;
padding:5px;
}

《legacy_comments.php》與《comments.php》直接ftp上傳即可

3. 進入後台→設定→討論→啟用階層式迴響，設定幾層。

4. 完成
=========================================

Popularity: 5% [?]

你可以延伸閱讀以下文章

One Response to “讓WP-Magazine 1.0佈置主題支援階層式迴響 Threaded Comment”

  1. Rufor 說道：
    2009 年 07 月 14 日 at 13:28:32

    Hi there,
    Ugh, I liked! So clear and positively.
    Thanks

    回覆

Leave a Reply