如何在主题的定制界面中启用编辑按钮?

时间:2016-10-22 作者:Ezeewei

我在WordPress上看到了。com的主题定制器有一个蓝色的编辑图标(里面有一个铅笔图标),它们超级友好!但似乎是默认的wordpress。组织安装没有!这是一种我可以安装的小部件或插件来打开这种蓝色的小编辑图标吗?

谢谢

enter image description here

1 个回复
SO网友:Alex Spataru

我也遇到了同样的问题,通过谷歌搜索,我找到了以下解决方案:

// Add the selective part
$wp_customize->selective_refresh->add_partial( \'your_theme_second_logo\', array(
    \'selector\' => \'#yourID\', // You can also select a css class
) );
添加自定义设置后,需要告诉WordPress要通过选择性刷新管理哪些设置。

例如,我想在主徽标旁边添加第二个徽标,因此我添加了以下代码:

/* Customizer fields */
function your_theme_customizer_settings($wp_customize) {

// Add a setting to upload partners logo, right next to our logo
$wp_customize->add_setting(\'your_theme_second_logo\');

// Add the field informations
$wp_customize->add_control( 
    new WP_Customize_Image_Control( 
        $wp_customize, 
        \'your_theme_second_logo\',
        array(
            \'label\' => __(\'Upload second \', \'textdomain\'),
            \'description\' => __( \'Some description\', \'textdomain\'),
            \'section\' => \'title_tagline\',
            \'settings\' => \'your_theme_second_logo\',
        ) 
    ) 
);

// Add the selective part
$wp_customize->selective_refresh->add_partial( \'your_theme_second_logo\', array(
    \'selector\' => \'#yourID\', // You can also select a css class
) );

}

// Customizer action
add_action(\'customize_register\', \'your_theme_customizer_settings\');
完成所有后端部分后,需要移动到前端。为了在字段为空的情况下有一个可见的编辑按钮(在这种情况下,没有选择图片),您需要将字段包装到一些包装器中。我使用了一个span包装器yourID 身份证件

<span id="yourID">
<?php /* Partner logo */

    $headPartner = get_theme_mod( \'your_theme_second_logo\' ); 

    if ( !empty($headPartner) ) {

        echo \'<img src="\' . $headPartner . \'" alt="Your Partner">\';

    }

?>
</span>

相关推荐

元框中的WP_EDITOR可视选项卡不显示内容

如果单击“文本”选项卡,您可以看到内容,但当切换回“视觉”选项卡时,它不会显示任何内容。它也不是白色背景上的白色文本。。。它只是没有内容。该功能在其他情况下工作。我可以通过文本选项卡输入或更改内容,这很有效。但它从不在可视选项卡中显示内容。我禁用了所有插件并切换到2020主题,在本地机器上运行Wordpress 5.6,结果相同。以下是我的测试代码:add_action(\'admin_init\', \'custom_editor_meta_box\'); function custom_edi