Убийственные хаки для улучшения редактора WordPress

Если вы блогер или редактор WordPress журнала, то эта статья будет вам полезна с точки зрения улучшения инструмента-редактора этой популярной CMS. Мы покажем вам несколько хаков и подсказок, чтобы улучшить его функционал. Смотрим.

Реклама: Организовать свой бизнес такси

Больше HTML тегов в редакторе

По умолчанию, в редакторе WordPress нельзя использовать теги, не удовлетворяющие стандарту XHTML 1.0. Например, все теги iframe будут удалены. И если вам нужен этот тег, то придется применить хак.

Для этого просто скопируйте код, приведенный ниже, в файл functions.php вашей темы, сохраните его.

function fb_change_mce_options($initArray) {

if ( isset( $initArray['extended_valid_elements'] ) ) {

$initArray['extended_valid_elements'] .= ',' . $ext;

} else {

$initArray['extended_valid_elements'] = $ext;

}

return $initArray;

}

add_filter('tiny_mce_before_init', 'fb_change_mce_options');

Источник: http://wpengineer.com/1963/customize-wordpress-wysiwyg-editor/

Установка HTML редактора по умолчанию

Существует достаточно много людей, кому не нравится визуальный редактор. Поэтому, по умолчанию, есть возможность поставить HTML редактор.

Просто вставьте код, расположенный ниже, в functions.php вашей темы и сохраните его.

1	add_filter('wp_default_editor', create_function('', 'return "html";'));

Источник: http://www.wprecipes.com/how-to-set-html-editor-as-the-default-in-wordpress

Установка содержимого по умолчанию в редакторе WordPress

Если вы хотите сэкономить время написания статей, то в редактор можно вставлять текст по умолчанию, например, предложение о подписке на блог.

Заносим код ниже в functions.php. Теперь содержимое If you enjoyed this post, make sure to subscribe to my rss feed. будет автоматически появляться в редакторе при создании новой статьи.

add_filter( 'default_content', 'my_editor_content' );

function my_editor_content( $content ) {

$content = "If you enjoyed this post, make sure to subscribe to my rss feed.";

return $content;

}

Источник: http://justintadlock.com/archives/2009/04/05/how-to-preset-text-in-the-wordpress-post-editor

Добавление своего языка для проверки правописания

По умолчанию, в WordPress встроена проверка орфографии английского языка, но если вам нужна проверка своего языка, то это можно указать.

Для этого вставляем код (например, добавим французский), расположенный ниже, в functions.php.

function fb_mce_external_languages($initArray){

$initArray['spellchecker_languages'] = '+French=fr, English=en';

return $initArray;

}

add_filter('tiny_mce_before_init', 'fb_mce_external_languages');

Источник: http://wpengineer.com/1963/customize-wordpress-wysiwyg-editor/

Добавление кнопок в редактор WordPress

В TinyMCE (WYSIWYG редактор, используемый в WordPress) есть набор определенных кнопок, с заданным функционалом (сделать текст жирным или наклонным или подчеркнутым и т.д.).

Но что делать, если вы хотите добавить кнопку со своим функционалом. Код ниже покажет вам, как это можно сделать. Просто вставьте его в файл functions.php, и у вас в редакторе появится кнопка “Youtube”. Чтобы посмотреть информацию о кнопках более детально, загляните в источник этого хака.

function add_youtube_button() {

if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') )

return;

if ( get_user_option('rich_editing') == 'true') {

add_filter('mce_external_plugins', 'add_youtube_tinymce_plugin');

add_filter('mce_buttons', 'register_youtube_button');

}

add_action('init', 'add_youtube_button');

function register_youtube_button($buttons) {

array_push($buttons, "|", "brettsyoutube");

return $buttons;

}

function add_youtube_tinymce_plugin($plugin_array) {

$plugin_array['brettsyoutube'] = get_bloginfo('template_url').'/custom/editor_plugin.js';

return $plugin_array;

}

Источник: http://brettterpstra.com/adding-a-tinymce-button

Установка разных стилей редактора для различных типов постов

Если вы используете разные виды постов в вашем блоге, то этот хак поможет вам настроить вид редактора в соответствие типу поста.

Как обычно, вставляем код в файл functions.php. После этого не забудем создать соответствующие файлы CSS стилей.

function my_editor_style() {

global $current_screen;

switch ($current_screen->post_type) {

case 'post':

add_editor_style('editor-style-post.css');

break;

case 'page':

add_editor_style('editor-style-page.css');

break;

case 'portfolio':

add_editor_style('editor-style-portfolio.css');

break;

}

add_action( 'admin_head', 'my_editor_style' );

Источник: http://wpstorm.net/2010/04/editor-styles-custom-post-types-wordpress-3-0/

Отображение скрытых кнопок в TinyMCE

По умолчанию, в редакторе TinyMCE есть и скрытые кнопки, и чтобы их открыть нужно применить определенные хаки.

Добавляем следующий код в functions.php (в примере у вас появятся кнопки hr, fontselect, sup ):

function enable_more_buttons($buttons) {

$buttons[] = 'hr';

$buttons[] = 'fontselect';

$buttons[] = 'sup';

// etc, etc...

return $buttons;

}

add_filter("mce_buttons", "enable_more_buttons");

Для отображения доступны следующие кнопки: bold, italic, underline, strikethrough, justifyleft, justifycenter, justifyright, justifyfull, bullist, numlist, outdent, indent, cut, copy, paste, undo, redo, link, unlink, image, cleanup, help, code, hr, removeformat, formatselect, fontselect, fontsizeselect, styleselect, sub, sup, forecolor, backcolor, charmap, visualaid, anchor, newdocument и separator.