如何給WordPress可視化編輯器添加更多按鈕

在上圖中，我們可以看到，我們給wordpress文章編輯器添加了2個(gè)百度廣告按鈕，我們只需要發(fā)表文章時(shí)，在需要顯示廣告的地方點(diǎn)擊一下這個(gè)百度按鈕，就會(huì)在那里添加短代碼?，而不需要再像以前一樣要一個(gè)一個(gè)地輸入字符了。這種效果只需2部就可以實(shí)現(xiàn)。

發(fā)展壯大離不開(kāi)廣大客戶(hù)長(zhǎng)期以來(lái)的信賴(lài)與支持，我們將始終秉承“誠(chéng)信為本、服務(wù)至上”的服務(wù)理念，堅(jiān)持“二合一”的優(yōu)良服務(wù)模式，真誠(chéng)服務(wù)每家企業(yè)，認(rèn)真做好每個(gè)細(xì)節(jié)，不斷完善自我，成就企業(yè)，實(shí)現(xiàn)共贏。行業(yè)涉及花箱等，在成都網(wǎng)站建設(shè)公司、成都全網(wǎng)營(yíng)銷(xiāo)推廣、WAP手機(jī)網(wǎng)站、VI設(shè)計(jì)、軟件開(kāi)發(fā)等項(xiàng)目上具有豐富的設(shè)計(jì)經(jīng)驗(yàn)。

1、將下面的代碼放到主題的functions.php文件中：

function?baidu_button()?{//判斷用戶(hù)是否有編輯文章和頁(yè)面的權(quán)限if?(?!?current_user_can(‘edit_posts’)??!?current_user_can(‘edit_pages’)?)?{return;}??//判斷用戶(hù)是否使用可視化編輯器if?(?get_user_option(‘rich_editing’)?==?‘true’?)?{

add_filter(?‘mce_external_plugins’,?‘a(chǎn)dd_plugin’?);add_filter(?‘mce_buttons’,?‘register_button’?);}}add_action(‘init’,?‘baidu_button’);

function?register_button(?$buttons?)?{array_push(?$buttons,?“|”,?“baidu1″?);?//添加?一個(gè)baidu1?按鈕array_push(?$buttons,?“|”,?“baidu2″?);?//添加?一個(gè)baidu2?按鈕

return?$buttons;}function?add_plugin(?$plugin_array?)?{

//baidu2按鈕的js路徑$plugin_array[‘baidu1′]?=?get_bloginfo(?‘template_url’?)?.?‘/js/baidu1.js';

//baidu2按鈕的js路徑$plugin_array[‘baidu2′]?=?get_bloginfo(?‘template_url’?)?.?‘/js/baidu2.js';

return?$plugin_array;}

上面的代碼，我們添加了2個(gè)百度按鈕。效果如上圖。

2、在主題文件夾的js文件夾里添加baidu1.js和baidu2.js2個(gè)JS文件，在這2個(gè)js文件中分別添加如下代碼：

baidu1.js文件

/*給wordpress編輯器添加自定義按鈕*/

(function()?{tinymce.create(‘tinymce.plugins.baidu1′,?{?//注意這里有個(gè)baidu1init?:?function(ed,?url)?{ed.addButton(‘baidu1′,?{?//注意這一行有一個(gè)baidu1title?:?‘百度廣告-1′,image?:?url+’/baidu.jpg’,?//注意圖片的路徑?url是當(dāng)前js的路徑onclick?:?function()?{ed.selection.setContent(‘【baidu1】’);

}});},createControl?:?function(n,?cm)?{return?null;},});tinymce.PluginManager.add(‘baidu1′,?tinymce.plugins.baidu1);})();

baidu2.js文件

/*給wordpress編輯器添加自定義按鈕*/

(function()?{tinymce.create(‘tinymce.plugins.baidu2′,?{?//注意這里有個(gè)baidu1init?:?function(ed,?url)?{ed.addButton(‘baidu2′,?{?//注意這一行有一個(gè)baidu1title?:?‘百度廣告-2′,image?:?url+’/baidu.jpg’,?//注意圖片的路徑?url是當(dāng)前js的路徑onclick?:?function()?{ed.selection.setContent(‘【baidu2】’);

}});},createControl?:?function(n,?cm)?{return?null;},});tinymce.PluginManager.add(‘baidu2′,?tinymce.plugins.baidu2);})();

然后在這個(gè)js文件夾里添加一個(gè)百度圖標(biāo)，圖片名稱(chēng)為baidu.jpg?，這樣就可以了。

注：需要把js代碼中的【baidu】各【baidu2】這2個(gè)中文中括號(hào)修改成英文的中括號(hào)。否則會(huì)出錯(cuò)哦。

這里沒(méi)有添加百度廣告代碼，這個(gè)在前面的章節(jié)中已經(jīng)介紹過(guò)如何添加，所以這里就不多說(shuō)了。

怎么才可以可視化編輯WordPress網(wǎng)站？

直接在后臺(tái)可視化編輯，就可以編輯頁(yè)面了，如果你說(shuō)生成模板頁(yè)面這種，只能在Dreamweaver里面可視化編輯，然后放到WordPress里面的。

wordpress無(wú)法使用可視化編輯

1. 檢查是否開(kāi)啟了可視化編輯器：

在網(wǎng)站后臺(tái)，找到【?用戶(hù) – 我的個(gè)人資料?】，查看是否勾選了“撰寫(xiě)文章時(shí)不使用可視化編輯器”，如果勾選了，則表示不使用可視化編輯器，所以，這里我們要取消勾選，如下圖所示：

如果還是無(wú)法解決，則進(jìn)行下面的操作再來(lái)測(cè)試看看。

2. 更換為WP自帶默認(rèn)主題，禁用所有插件；

3.?清理你的當(dāng)前瀏覽器緩存，或者使用其他瀏覽器；

4. 下載相同版本的WordPress安裝包，解壓后通過(guò)FTP上傳覆蓋老的WordPress程序；

5. 打開(kāi)網(wǎng)站根目錄，找到 wp-config.php ，在底部添加以下代碼：

define(‘CONCATENATE_SCRIPTS’, false);

如何可視化編輯Wordpress主題，可以推薦好用的軟件或插件，要詳細(xì)！

沒(méi)有什么軟件可以直接可視化修改wordpress的主題吧，不過(guò)你可以用瀏覽器來(lái)輔助修改，以谷歌瀏覽器為例，右擊網(wǎng)頁(yè)要修改的位置，選項(xiàng)中有個(gè)“審查元素”，就可以看到要修改的模塊的源代碼和CSS參數(shù)，關(guān)鍵是可以在瀏覽器中直接修改CSS的參數(shù)，效果立馬可見(jiàn)的。然后你再根據(jù)你剛才的修改效果到CSS中修改對(duì)應(yīng)的參數(shù)就行了

網(wǎng)站題目：wordpress可視化編輯 web可視化編輯
文章來(lái)源：http://jinyejixie.com/article44/dophsee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈、微信公眾號(hào)、軟件開(kāi)發(fā)、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)