WordPress部落格模板如何修改預設的標籤樣式?

我們在使用WordPress部落格程式的時候會用到標籤,但是預設的標籤樣式太單調了,雖說有很多的標籤外掛可以用,但大多數的外掛都是英文的,對於英語不是很好的使用者來說,有一定的難度,那麼在這裡介紹下如何不使用外掛,自己修改標籤樣式的方法

工具/原料

WordPress

方法/步驟

第一步:開啟根目錄下的wp-includes資料夾,,選擇資料夾下的category-template.php檔案並開啟(在這裡八卦一下,我們在使用時要養成個習慣,不管在修改那個檔案時,最好備份一下,以免修改錯誤,我們在還原不了的情況下,可以快速還原);

WordPress部落格模板如何修改預設的標籤樣式

第二步:在開啟category-template.php的檔案中,大概是694-700行左右的地方(我這裡添加了註釋),可以根據需要修改一些引數,smallest:標籤字型最小字號,預設是「8」;largest:標籤字型最大字號,預設是「22」;unit:標籤字型大小單位,預設是「pt」;number:標籤雲中顯示標籤的數量,預設是「45」;format :「Flat」怎麼個顯示法沒搞懂;separator:標籤之間的分隔符,預設是空格;orderby:標籤順序,預設是以名稱排序;order:升序還是降序。;

WordPress部落格模板如何修改預設的標籤樣式

第三步:修改完category-template.php檔案儲存後,選擇我們正在使用的模板下的functions.php檔案;

WordPress部落格模板如何修改預設的標籤樣式

第四步:在functions.php中加入一下的程式碼;function colorCloud($text) {$text = preg_replace_callback(' i', 'colorCloudCallback', $text);return $text;}function colorCloudCallback($matches) {$text = $matches[1];$colors=array('ff3300','0517c2','0fc317','e7cc17','601165','ffb900','f74e1e','00a4ef','7fba00');$color=$colors[dechex(rand(0,3))];$pattern = '/style=(\' \")(.*)(\' \")/i';$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);return "";}add_filter('wp_tag_cloud', 'colorCloud', 1);

WordPress部落格模板如何修改預設的標籤樣式

第五步:不知道將以上程式碼加在什麼地方的,可以直接加在網站底部,但是,結尾處要留下?>,否則,會出現程式錯誤;

WordPress部落格模板如何修改預設的標籤樣式

第六步:新增後,我們重新整理首頁看下效果,是不是我們每次重新整理一次頁面顏色就會變一次呢;

WordPress部落格模板如何修改預設的標籤樣式

相關問題答案