如何在 Wordpress 后端插入简码答案

【问题标题】：How to insert a shortcode in the Wordpress backend如何在 Wordpress 后端插入简码
【发布时间】：2019-03-20 01:40:16
【问题描述】：

我需要在 wordpress 后端页面中插入一个聊天 whatsapp 按钮，但我不知道如何使它工作。我尝试使用此代码，但我不能：

function lh_add_whatsapp_js_code() {
?>
    <!-- Start of whatsapp code -->
<script type="text/javascript">
    var yourHTML = '<div class="mydiv"><?php do_shortcode("[njwa_button id="1044"]");?></div>';
    document.getElementsByClassName('services-right')[0].innerHTML = yourHTML;
</script>
    <!-- End of Whatsapp code -->
<?php
}
add_action( 'admin_footer', 'lh_add_whatsapp_js_code' ); // For back-end

这段代码我放在了我的子主题的functions.php文件中。

【问题讨论】：

会发生什么？许多短代码在后端不起作用，例如因为插件 js 和 css 仅在前端排队。不过值得一试。我认为您必须输入“echo do_shortcode()”
我尝试使用 echo 但它也不起作用 function lh_add_whatsapp_js_code() { echo do_shortcode('[njwa_button id="1044"]'); } add_shortcode('do_shortcode', 'njwa_button id="1044'); add_action( 'admin_footer', 'lh_add_whatsapp_js_code' ); // 用于后端

标签： javascript php wordpress shortcode

【解决方案1】：

首先，我不是专家。我将发布一个适合我的示例，您可以根据需要对其进行修改。

第一步

在functions.php文件中将whatssapp API声明为常规脚本到函数中：

    Function anyname_function(){
  wp_enqueue_style( 'whatssapp','https://api.whatsapp.com/send?phone=593xxxxxxxx&text=Hi%21%20I%20Want%20information%20about%20you.' );
  wp_enqueue_style('fontawesome','https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');  //whatssap icon from bootstrap


}

add_action('wp_enqueue_scripts', 'anyname_function');

第二步

我们在header.php文件中写了这段代码

<!-- whatssapp icon -->

  <a id="whatssap"  class="float" target="_blank">
  <i class="fa fa-whatsapp my-float"></i>
  </a>

  <!-- end whatssap icon -->

第 3 步

在你的 style.css 文件中你必须定义样式，在我的例子中，它只适用于移动设备，所以让我们看看例子：

@media (max-width: 719px){

        #whatssap{
            display:block;
        }

        .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
    margin-top:16px;
}


.my-float{
    margin-top:16px;
}

}

就是这样，或者您可以从 wordpress 网站下载插件。

【讨论】：