Как добавить ссылку в div с помощью функции PHP?

Question

Моя тема Wordpress имеет встроенный слайдер, который позволяет использовать заголовок слайдера и описание через Wordpress Menu> Appearance> Customize.Однако поля ввода для заголовка и описания не подтверждают код.Поэтому я не могу просто добавить ссылку или кнопку в поле ввода описания, используя что-то вроде <a href="#IngredientsAnchor">Click Me!</a> или <button type="button" onClick="#IngredientsAnchor">Click Me!</button> и т. Д.

Вот код для ползунка

<div id="main" role="main">
    <section class="slider">
        <div id="slider">
            <ul class="slide-img slides">
                                        <img alt="slide1" src="http://mastermix.asia/wp-content/uploads/2018/10/cow.jpg">   
                                        <div class="container caption-overlay text-right">
                                                <h1 class="slider_txt">
                        Master Mix                      </h1>
                                                <div class="txt">
                        <p>The very best of animal feed!                            
                        </p></div>

                    </div>
            </ul>
        </div>
    </section>
</div>

И я хотел бы использовать функцию для добавления в строку, чтобы она отображала что-то вроде этого:

<div id="main" role="main">
    <section class="slider">
        <div id="slider">
            <ul class="slide-img slides">
                                        <img alt="slide1" src="http://mastermix.asia/wp-content/uploads/2018/10/cow.jpg">   
                                        <div class="container caption-overlay text-right">
                                                <h1 class="slider_txt">
                        Master Mix                      </h1>
                                                <div class="txt">
                        <p>The very best of animal feed!                            
                        </p></br><a href="#IngredientsAnchor" class="button">Click Me!</a></div>

                    </div>
            </ul>
        </div>
    </section>
</div>

Может кто-нибудь посоветовать, какая функция мне потребуетсядобавить в строке требуется?

Большое спасибо.

РЕДАКТИРОВАТЬ: Возможно, мне может потребоваться «рабочая» функция, аналогичная той, которую япридумали.Может кто-нибудь посоветовать?Или изменить так, чтобы это работало?

function replace_slider_txt()
{
    $(".txt").replaceWith('<div class="txt"><p>The very best of animal feed!</p><br /><a href="#IngredientsAnchor" class="IngredientsBtn"></a></div>');
}
add_action('slider','replace_slider_txt');

ВТОРОЕ РЕДАКТИРОВАНИЕ: Я также попытался разорвать php в моем файле functions.php и использовать скрипт, чтобы сделатьредактирование, которое также отображает без изменений. GRRR!

?>
<script type="text/javascript">
    $('.txt').replaceWith("<div class='txt'><p>The very best of animal feed!</p></br><a href='#IngredientsAnchor' class='IngredientsBtn'>&#x2B07;</a></div>");
</script>
<?php

ТРЕТЬЕ РЕДАКТИРОВАНИЕ: Я также попробовал простой код CSS, чтобы изменить его таким образом, как последнее средство,По-прежнему нет изменений в реальной титульной странице

.txt,
.txt p { content: 'HAVE I CHANGED??' !important; }

С помощью Chromes Inspector и щелчком по .txt я не вижу новый контент element , но он существует в стилях только столбец.Так что не годится для того, что мне нужно.

Answer 1

Вы можете добавить следующий фрагмент кода в свой пользовательский js-файл темы.

jQuery(document).ready(function($) {
    jQuery( "#slider .txt" ).append( '</br><a href="#IngredientsAnchor" class="button">Click Me!</a>');
}); 

Пожалуйста, дайте мне знать, если он работает.