JS и WordPress помогают ... куда это идет? - PullRequest
Новая
       11

JS и WordPress помогают ... куда это идет?

0 голосов
/ 26 февраля 2019

Так что я какое-то время откладывал использование js, потому что каждый раз, когда я пытаюсь понять это, я все больше путаюсь, но теперь мне действительно нужно это для сайта, над которым я работаю ...

Я хочускрывайте страницу до тех пор, пока все не загрузится (поэтому вы не увидите, как элементы перемещаются / прыгают на свои места.

Я обнаружил различные фрагменты здесь и в Интернете, но каждый раз, когда я иду, чтобы разместить код в любом месте, где ячувствую, что это должно пройти, я получаю ошибки.

возьмем это, например: 

window.onload=function() {
    document.getElementById('loading-mask').style.display='none';
}

Я пытался зайти в файл functions.php и добавить код js, который я нашел в Интернете, но всегда получаю ошибку.Так, где я могу скопировать код для этого, чтобы он влиял на добавленный CSS?

Ответы [ 2 ]

0 голосов
/ 26 февраля 2019

Когда вы добавляете JavaScript на сайт WordPress, вы хотите сделать это одним из двух способов.Вы можете сделать это, используя хук, который по сути является «точкой» в коде, который вы хотите добавить.

Это можно сделать, поместив следующее в functions.php 

add_action('wp_head', 'wp_54885300_add_js_to_header');

function wp_54885300_add_js_to_header(){ ?>
    <script>

    window.onload=function() {
        document.getElementById('loading-mask').style.display='none';
    }

    </script>
<?php
}

В качестве альтернативы, если вам нужно разместить большое количество javascript на своем веб-сайте, вы можете указать ссылку на внешний файл javascript.Это можно сделать с помощью wp_enqueue_script () .

. Добавьте в файл functions.php следующее, чтобы добавить внешнюю таблицу стилей на ваш сайт. 

add_action( 'wp_enqueue_scripts', 'wp_54885300_enqueue_script' );
function wp_54885300_enqueue_script(){
    wp_enqueue_script('anyname', 'path-to-file.js', array(''), 'version', false ); 
}

Как уже отмечали другие, то, что вы пытаетесь сделать, скрывая все до тех пор, пока окно полностью не загрузится, может не быть хорошей идеей по ряду причин или по другим причинам.

Но, по крайней мере, из лучшихНасколько мне известно, this ^^ - это правильный способ включить JS в установку WordPress без использования плагина для начала работы.

0 голосов
/ 26 февраля 2019

В WordPress вам нужно использовать плагин, который поможет вам вставить ваш javascript / jquery

  1. Войти в WordPress
  2. Перейти к плагинам >> добавить новый
  3. Поиск Вставка верхних и нижних колонтитулов Плагин
  4. Установите и активируйте
  5. Затем запустите плагин и вставьте свой JavaScript.
  6. Вам нужно будет выбрать местоположение вашего javascript, либо в теге, либо непосредственно перед закрытием
...