Если вы блогер или редактор WordPress журнала, то эта статья будет вам полезна с точки зрения улучшения инструмента-редактора этой популярной CMS. Мы покажем вам несколько хаков и подсказок, чтобы улучшить его функционал. Смотрим.
Реклама: Организовать свой бизнес такси
Больше HTML тегов в редакторе
По умолчанию, в редакторе WordPress нельзя использовать теги, не удовлетворяющие стандарту XHTML 1.0. Например, все теги iframe
будут удалены. И если вам нужен этот тег, то придется применить хак.
Для этого просто скопируйте код, приведенный ниже, в файл functions.php
вашей темы, сохраните его.
1 2 3 4 5 6 7 8 9 10 11 12 |
function fb_change_mce_options($initArray) { $ext = 'pre[id|name|class|style],iframe[align|longdesc| name|width|height|frameborder|scrolling|marginheight| marginwidth|src]'; 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.
будет автоматически появляться в редакторе при создании новой статьи.
1 2 3 4 5 6 |
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
.
1 2 3 4 5 6 |
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”. Чтобы посмотреть информацию о кнопках более детально, загляните в источник этого хака.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
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 стилей.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
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
):
1 2 3 4 5 6 7 8 9 10 |
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.
Источник: http://www.sycha.com/wordpress-add-hr-button-tinymce-visual-editor