Arras: 修正側邊欄熱門文章顯示不正常問題

主題版本:1.4.2
當你有安裝Popularity Contest時,主題的側邊欄的標籤切換欄位會多一個可以顯示熱門的文章,但是啟用的話會在 Internet Explorer 上顯示不正常,會導致下面的側邊欄全都掛掉。話一樣說到此趕快來修正吧!

開啟位於arras-theme/library/widgets.php 的檔案,並且在第 120 行找到以下程式碼:

';
				if ( function_exists('akpc_most_popular') ) akpc_most_popular();
				echo '
'; ?>

取代成為以下這段程式碼:


    '; if ( function_exists('akpc_most_popular') ) akpc_most_popular(); echo '
'; ?>

簡單來說就是少了ul標籤,加回去後就可以正常顯示了。

WP Maintenance Mode|網站維修離線模式

外掛名稱:WP Maintenance Mode(部落格維護模式)
外掛版本:1.5.8
下載網址:http://wordpress.org/extend/plugins/wp-maintenance-mode/

如果你怕修改網站時被訪客看到你修改網站時的樣子,那可以考慮安裝這個遮蔽外掛,啟用並開啟模式後一般訪客連到網站就會看到如上的畫面,此外你可以在後台外掛設定中可以輸入要顯示的內容以及選擇它內建的頁面主題、可以正常瀏覽網站的角色等級以及維護時數。

PS: 這套的後台設定是在外掛清單頁面中喔…不是在一般常見的設定選單中….

Custom Avatars For Comments|自訂迴響大頭貼

外掛名稱:Custom Avatars For Comments(自訂迴響的大頭貼)
外掛版本:0.1.2.4
下載網址:http://wordpress.org/extend/plugins/custom-avatars-for-comments/

這是一套可在前台留言區塊讓使用者選擇喜歡的大頭貼,可以讓沒使用Gravatar的訪客不再是預設的謎之人物囉 XD…

安裝步驟:
1. 於後台下載並安裝啟用後在wp-content目錄下新增一個commentavatars資料夾,並且將要用的大頭貼圖檔都放進該資料夾內。
2. 在佈景主題的comments.php中模糊尋找以下關鍵字區塊:

3. 然後在該區塊上面加入以下程式碼:

select(); ?>

4. 再來就可以使用了,如要再詳細設定的話後台有相關設定可以調整大頭貼的長寬大小(我是建議乾脆圖就用一樣大就好了)、設定預設大頭貼以及隨機大頭貼。

User Role Editor|角色權限編輯器

外掛名稱:User Role Editor(編輯使用者角色權限)
外掛版本:2.0
下載網址:http://wordpress.org/extend/plugins/user-role-editor/screenshots/

顧名思義就是會員角色編輯系統,可以對原本的管理員、編輯、作者、撰寫人員、訂閱者的權限再詳細設定,比如說可以讓特定角色只有可以管理主題的權限,另外也可以建立新的角色權限以及設定註冊會員預設的角色。

算是可以補強WordPress會員角色權限不夠完善的一套外掛模組。

撰寫自己第一個外掛!

因為最近有需求要開發一些客製化的外掛,所以也開始在研究如何撰寫 WordPress 的外掛模組。當我第一次接觸WordPress這個部落格程式時就被它那個簡單安裝外掛的功能給迷到,畢竟在之前我有玩過一些網站套件,他們安裝外掛的過程其實就是一連串的程式碼修改指示文件,所以不論是安裝或是移除都是挺麻煩的事。

直到開始玩起WordPress後就驚訝到想不到安裝外掛也可以那麼方便上手,就跟在作業系統上安裝軟體是一樣的感覺,所以也滿好奇WordPress的外掛是如何加載至系統上的,花了點時間了解到原來是有一套Plugin API機制系統已經在很多地方留下了 [ 通道 ],比如說你可以在header.php發現有這麼一段程式碼:

 

先以之前 [ 移除連結虛線框 ] 這篇文章來說明如何使用這個通道。
首先建立一個php檔案,然後名稱取為Remove-Outline.php好了,然後你要依照以下格式來說明你的外掛功能:

/*
Plugin Name: Remove Outline
Plugin URI: https://wordpress-researcher.com/
Description: 移除按下連結時產生的虛線框。
Author: Vergil
Author URI: https://wordpress-researcher.com/
Version: 0.0.1
*/

 

再來是建立一個function,名稱也直接叫做remove_outline好了,然後用echo來打上移除連結虛線的語法:


			window.onload=function(){
			for(var ii=0; ii';
}
?>

 

再來是開始連結通道並且說明你要載入的function名稱:

 

這樣一個小外掛就完工了!整個檔案內容如下:


			window.onload=function(){
			for(var ii=0; ii';
}
add_action('wp_head', 'remove_outline');
?>

 

然後直接把這個檔案上傳至wp-content/plugins/目錄下再至後台啟用就完工啦~~

Pathless Category Links|網址除去Category字樣

外掛名稱:Pathless Category Links
外掛版本:1.1
下載網址:http://wordpress.org/extend/plugins/pathless-category-links/

這是一個滿特殊的轉址外掛,可自動將
https://wordpress-researcher.com/category/Codex(http://網域/分類/分類名稱)
轉換為
https://wordpress-researcher.com/Codex(http://網域/分類名稱)

簡單來說就是把category去掉,對於不想看到Category的人到是個不錯的外掛。

於新增外掛中輸入Pathless Category Links尋找此外掛
找到後再進行安裝,然後再於設定中兩個選項打完勾後再按下 Update Settings 就可以完成設定囉~

PS: 如果你有在固定鏈結設定中修改掉分類的預設名稱的話,記得也要外掛設定中的Category folder name設定值改為一樣喔。

把SimpleTags漸色標籤雲變成彩色!

開啟simple-tags/inc/client.php(2010-04-05:從simple-tags.client.php更正為client.php)

尋找

$scale_color = $scale_color / 100;
$minr = hexdec(substr($min_color, 1, 2));
$ming = hexdec(substr($min_color, 3, 2));
$minb = hexdec(substr($min_color, 5, 2));

$maxr = hexdec(substr($max_color, 1, 2));
$maxg = hexdec(substr($max_color, 3, 2));
$maxb = hexdec(substr($max_color, 5, 2));

$r = dechex(intval((($maxr - $minr) * $scale_color) + $minr));
$g = dechex(intval((($maxg - $ming) * $scale_color) + $ming));
$b = dechex(intval((($maxb - $minb) * $scale_color) + $minb));

取代為

$r = dechex(rand(0,255));
$g = dechex(rand(0,196));
$b = dechex(rand(0,255));

本教學來自:[WP] 用Simple Tags產生彩色標籤雲 | Eric's Blog

Widget Logic|側邊欄條件判斷顯示

外掛名稱:Widget Logic
外掛版本:0.47
下載網址:http://wordpress.org/extend/plugins/widget-logic/

這是一套強化目前側邊欄模組的外掛,可以透過特定的條件判斷來只在特定頁面、分類顯示出指定的內容,另外他可以不論內建或是外掛的側邊欄都可以加以設定顯示。

範例:只有在單篇文章頁面且是在cheese分類的文章

is_single() && in_category('cheese')

可以用的參數請先參照 [ 佈景主題常用的函數小抄 ] 內的 [ WordPress Conditional Tags(條件判斷用標籤)] 說明。

PS:current_user_can 也適用於這套外掛。

依照不同權限顯示不同內容

如果有需要不同內容顯示給不同權限(管理員、編輯、作者、撰寫人員、訂閱者)的使用者觀看的話,是可以運用current_user_can這個判斷條件來加以識別,各權限的代表程式碼如下:

範例 1:僅有管理員才能看到的區塊

範例 2:僅有作者以上的權限才能看到的區塊

PS:當設定為 0 代表只有訪客是看不到的,但根據我把玩current_user_can的心得來說,似乎是沒辦法做到只有作者才看得到、無法讓上位權限也看不到的寫法。

PixoPoint Menu Plugin|自定義導航選單

外掛名稱:PixoPoint Menu Plugin
外掛版本:0.6.20
下載網址:http://wordpress.org/extend/plugins/pixopoint-menu/

這個外掛是因為我所裝的Arras佈景主題推薦安裝此外掛,所以我才裝來玩看看,想不到挺方便的,這是一個頂部導航選單外掛,可以在後台來設定要顯示那些選單,當然也可以分類+分頁同時顯示,就像本站這樣,而且也可以插入自定欄位區塊來自定義選單連結,不過可惜的是自訂區塊不支援php程式碼,不然可以玩的花樣就更多囉~

用query_posts列出特定範圍文章 (2)

Time Parameters(時間參數)

範例 1:顯示12月20日發表的文章清單

 

範例 2:顯示本週發表文章清單。

 

範例 3:顯示最近30天內發表的文章清單。

 '" . date('Y-m-d', strtotime('-30 days')) . "'";
    return $where;
  }
add_filter('posts_where', 'filter_where');
query_posts($query_string);
?>

 

Pagination Parameters(分頁參數)

 

Orderby Parameters(排列順序參數)

 

Custom Field Parameters(自訂欄位參數)

', '>=', '<', 或 '<='
meta_compare=
?>

 

範例 1:顯示自訂欄位名稱為color且它的值為blue的文章。

 

範例 2:只要自訂欄位數值為blue的文章皆顯示。

範例 3:只要自訂欄位名稱為color的文章皆顯示。

範例 4:顯示自訂欄位名稱為color且它的值不為blue的文章。

 

組合運用範例

範例 1:顯示分類編號為3且是在2004年發表的文章。

 

範例 2:顯示分類編號為1及3且每頁顯示兩篇、依照標題逆向排列的文章。

array(1,3),'posts_per_page'=>2,'orderby'=>title,'order'=>DESC));
?>

 

範例 3:僅在首頁顯示,並且是在分類編號為13的當月發表文章。

 

範例 4:顯示分類編號為1且標籤為apples的文章。

FancyBox for WordPress|文章原圖顯示特效

外掛名稱:FancyBox for WordPress
外掛版本:2.7.2
下載網址:http://wordpress.org/extend/plugins/fancybox-for-wordpress/

這是我裝過秀圖外掛裡,效果最讓我感覺滿優的一款,它的秀圖特效是從原本圖案的位置直接縮放出來,然後關閉會縮回去原本圖案的位置,實際效果點上面那張圖就知囉~

此外在後台的設定也是相當豐富(反面講就是複雜…),但是一裝上就馬上有效果了,所以要是你裝下圖案沒反應可能就是跟你目前所用的主題or外掛衝到囉….
可以試著在後台的Troubleshooting設定中把Do not call jQuery勾選、或是jQuery "noConflict" Mode取消看看能不能正常,還不行就沒辦法囉 XD

此外建議可以勾選Animation裡的Easing選項,這樣在開啟關閉時的動態效果更棒~