Как вставить короткий код в серверную часть Wordpress

#javascript #php #wordpress #shortcode

#javascript #php #wordpress #короткий код

Вопрос:

Мне нужно вставить кнопку чата WhatsApp на серверные страницы WordPress, но я не знаю, как я могу заставить это работать. Я пытался использовать этот код, но не смог:

 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 файл моей дочерней темы.

1. что происходит? многие короткие коды не работают в серверной части, например, потому, что плагины js и css находятся в очереди только во внешнем интерфейсе. хотя попробовать стоит. я думаю, вам нужно поместить «echo do_shortcode()»

2. Я пробовал с echo, но это также не сработало функция 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’); // Для возврата- конец

Ответ №1:

Во-первых, я вообще не эксперт. Я опубликую пример, который работает для меня, вы можете изменить его по своему усмотрению.

Шаг 1

Объявите whatssapp API как обычный скрипт в, чтобы functions.php файл в функцию:

     Function anyname_function(){
  wp_enqueue_style( 'whatssapp','https://api.whatsapp.com/send?phone=593xxxxxxxxamp;text=Hi! I Want information about you.' );
  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');

Шаг 2

В 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.