Как добавить кнопку предпросмотра поста в полноэкранный режим редактирования
Полноэкранный режим редактирования — образец минимализма. Мне этот режим нравится, когда я пишу большие тексты: он дает возможность сосредоточиться только не тексте, не отвлекаясь на информационный шум. Однако даже этот почти идеальный инструмент для творчества копирайтера не является абсолютным совершенством. Многим в нем не хватает кнопки предпросмотра, для просмотра промежуточного результата работы приходится переключаться в обычный режим редактирования. Впрочем, это можно исправить, добавив такую кнопку в полноэкранный режим редактирования.
Для того, чтобы добавить кнопку предпросмотра, откройте файл functions.php используемой темы, и вставьте в него следующий код:
function preview_button_fullscreen() { echo " jQuery(function($) { $('#post-preview') .clone() .removeClass('preview') .removeAttr('id') .css('margin', '0 0 0 4px') .text('Просмотр') .addClass('right') .click(function(event) { $('#title').val( $('#wp-fullscreen-title').val() ); if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-tmce-mode' ) ) { tinyMCE.get('content').setContent(tinyMCE.get('wp_mce_fullscreen').getContent()); } else if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-html-mode' ) ){ $('#content').val( $('#wp_mce_fullscreen').val() ); } $('#post-preview').click(); event.preventDefault(); }).insertBefore('#wp-fullscreen-save input.button-primary'); $('#wp-fullscreen-modes a').click(function(){ if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-html-mode' ) ) { $('#content-html').click(); } else if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-tmce-mode' ) ){ $('#content-tmce').click(); } }); });"; } add_action('admin_footer-post.php', 'preview_button_fullscreen'); add_action('admin_footer-post-new.php', 'preview_button_fullscreen');
До вставки панель инструментов редактора в полноэкранном режиме выглядела так:
После вставки на ней появится кнопка просмотра предварительного результата.
