wordpress可視化 wordpress可視化小程序插件

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

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

輝南網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,輝南網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為輝南上千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的輝南做網(wǎng)站的公司定做！

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

function?baidu_button()?{//判斷用戶是否有編輯文章和頁面的權(quán)限if?(?!?current_user_can(‘edit_posts’)??!?current_user_can(‘edit_pages’)?)?{return;}??//判斷用戶是否使用可視化編輯器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″?);?//添加?一個baidu1?按鈕array_push(?$buttons,?“|”,?“baidu2″?);?//添加?一個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個百度按鈕。效果如上圖。

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

baidu1.js文件

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

(function()?{tinymce.create(‘tinymce.plugins.baidu1′,?{?//注意這里有個baidu1init?:?function(ed,?url)?{ed.addButton(‘baidu1′,?{?//注意這一行有一個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′,?{?//注意這里有個baidu1init?:?function(ed,?url)?{ed.addButton(‘baidu2′,?{?//注意這一行有一個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);})();

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

注：需要把js代碼中的【baidu】各【baidu2】這2個中文中括號修改成英文的中括號。否則會出錯哦。

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

wordpress可視化編輯器怎么用

1. 檢查是否開啟了可視化編輯器：

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

如果還是無法解決，則進行下面的操作再來測試看看。

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

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

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

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

define(‘CONCATENATE_SCRIPTS’, false);

wordpress無法使用可視化編輯

1. 檢查是否開啟了可視化編輯器：

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

如果還是無法解決，則進行下面的操作再來測試看看。

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

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