Я хотел, чтобы на моем веб-сайте Wordpress был заголовок с изменяющимся словом, например «Создать что-то, что [меняющее слово]».
Мне удалось заставить его работать, но после того, как я открыл его в браузер без интерфейса Wordpress, я заметил, что слово не меняется. Почему это может быть? Я пробовал Firefox и Chrome, в обоих случаях он работал только с интерфейсом Wordpress - если я не подключился через / wp-admin /, текст не изменился.
Как я добавил собственные сценарии в Wordpress
Я использовал этот код для добавления настраиваемого сценария в Wordpress:
add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
wp_enqueue_script(
'custom-script',
get_template_directory_uri() . '/js/custom-script.js',
array('jquery')
);
}
Что я добавил в качестве настраиваемого сценария и HTML
var second = ['bold','emotional','simple', 'impactful', 'unforgettable', 'fulfilling'];
var i = 0;
var j = 0;
var maxsecond = second.length - 1;
function delay() {
setInterval(secondwordchange, 3000);
}
function secondwordchange() {
if (j < maxsecond) j++; else j = 0;
$('#secondword').velocity("transition.slideUpOut", 200);
setTimeout(function () {
$('#secondword').text(second[j]);
}, 200);
$('#secondword').velocity("transition.slideUpIn", 200);
}
setTimeout(delay, 3000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.ui.min.js"></script>
<div id="intro"><h3>
<span style="font-size: 40px; font-weight: 600; line-height: 1.3em; ">
Create something that is
<br><span id="secondword" class="introchange" style="color:#ff0083;font-size: 40px; ">Unique</span>
</div>
Как я уже сказал, это работает только тогда, когда я вошел в Wordpress. Когда я пробую его на другом компьютере, оно не меняет слово на розовый.