如何在WordPress中获得文章和页面标题的所见即所得编辑器


How to get a WYSIWYG editor for post and page title in WordPress?

我正在为一个客户建立一个网站,他希望帖子的标题看起来像下面的:

: 老百姓

而且'Photographer'也会和名字用不同的字体。

基本上,我需要能够将标签放在帖子或页面标题中的单个单词周围,以便我可以在css中定位它们。

我已经尝试在functions.php中使用以下代码片段来获得富文本编辑器而不是标题文本框,但它不起作用。

function tinymce_title_js(){ ?>
<script type="text/javascript">
        jQuery(document).ready( tinymce_title );
            function tinymce_title() {
                jQuery("#title").addClass("mceEditor");
                tinyMCE.execCommand("mceAddControl", false, "title");
            }
</script>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_js');
add_action( 'admin_head-post-new.php', 'tinymce_title_js');
function tinymce_title_css(){ ?>
<style type='text/css'>
            #titlewrap{border:solid 1px #e5e5e5 !important;}
            tr.mceLast{display:none;}
            #title_ifr{height:50px !important;}
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_css');
add_action( 'admin_head-post-new.php', 'tinymce_title_css');

当我在WP中检查标题输入框时,它具有代码片段指定的mceEditor的正确类,但WSYIWYG编辑器不存在

我其实是来找这个问题的解的,所以即使它是老问题你也有我的解。1. 您可以进入文件wp-admin/edit-form-advanced.php2. 查找标题输入,并更新为

<label class="screen-reader-text" id="title-prompt-text" for="title"><?php 
echo $title_placeholder; ?></label>
<?php wp_editor( $post->post_title, 'post_title', array(
    '_content_editor_dfw' => $_content_editor_dfw,
    'drag_drop_upload' => true,
    'tabfocus_elements' => 'title-html,save-post',
    'editor_height' => 20,
    'media_buttons' => false,
    'tinymce' => array(
        'resize' => false,
        'toolbar1' => 'bold,italic,strikethrough,forecolor,',
        'toolbar2' => '',
        'toolbar3' => '',
        'toolbar4' => '',
        'wp_autoresize_on' => false,
        'add_unload_trigger' => false,
        'wp_keep_scroll_position' => ! $is_IE,
    ),
) ); ?>

我知道它不是gr8更新核心文件,但这种方式我发现它为我工作,所以也许你们中的一些人会发现它有吸引力…你也可以只对特定的post_type使用它