Как WordPress указывает, что страницы статей загружают код JavaScript/CSS?

При создании темы WordPress , если определенный код JavaScript или CSS присутствует на определенной странице WordPress, он будет использован только один раз.

Где должен быть размещен код? Style.css или base.js?

Но стоимость этого немного высока.

Пример 1:

• Попробуйте получить эффект Highslide JavaScript на своем сайте WordPress.
• Но обычно он используется только для частей с изображениями или обязательными страницами, а также для загрузки страниц на неиспользуемых страницах для добавления разделов Highslide, поэтому более 50 КБ JavaScript — это слишком много.

Пример 2:

• В статье приведен стандартный метод совместимости, который заключается в использованиитег вставляет его, но вставленныйСтраница, сгенерированная тегом, не может пройти проверку W3C.
• Хороший способ — использовать SWFObject, JavaScript для создания кода, проверенного W3C.
• Но проблема в том, что загружать SWFObject на каждую страницу в WordPress расточительно, и не все страницы используют этот файл JavaScript.

Фактически, мы можем использовать мощные настраиваемые поля WordPress для реализации различных страниц JavaScript для пользовательских сообщений или загрузки страниц.

Эта статья покажет вам: Как использовать настраиваемые поля в WordPress, настраиваемые файлы JavaScript или CSS?

Если вы понимаете, значения пользовательских полей не так просты, как файлы JavaScript и CSS.

Как добавить настраиваемые поля в темы WordPress?

Откройте файл header.php темы WordPress и найдите код ▼

<?php wp_head(); ?>

добавьте ▼ после него

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

Заголовок в коде — это имя пользовательского поля, которое можно настроить.

Добавляйте настраиваемые поля в сообщения или страницы WordPress.

В редакторе страницы редактирования записей в административной панели WordPress есть небольшое окно под названием «Пользовательское поле».

1. В поле «Имя» введите:head
2. Затем в поле «Значение» введите код, который хотите добавить на дисплей. ▼

• Щелкните Добавить настраиваемое поле.
• Обновление статьи позволит вам закодировать тему и ввести значения для этих настраиваемых полей.

Поскольку вы выводите только код, который необходимо загрузить в «значение», вам необходимо ввести следующий аналогичный код в «значение» ▼

<script type="text/javascript">...</script>

или ▼

<style type="text/css">...</style>

для вывода приведенного выше кода.

Другое использование настраиваемых полей WordPress

Поняв вышеизложенные принципы, вы обнаружите, что настраиваемые поля WordPress могут не только реализовывать настраиваемый JavaScript или CSS для настраиваемых страниц, но также реализовывать множество функций через настраиваемые поля, например: добавлять миниатюры к статьям, подсказки к статьям и т. д.

Что касается того, как их реализовать, попробуйте использовать настраиваемые поля.

Как указать теги статей и верхние и нижние колонтитулы категорий для загрузки кода JavaScript/CSS в WordPress?

Как настроить заголовок WordPress ? Следуйте инструкциям в следующей статье, чтобы установить плагин WordPress и добавить код заголовка ▼

🔗Как добавить код заголовка в статьи WordPress? Плагин WP оптимизирует код заголовка

🔗Как настроить заголовок в WordPress? Установка плагина WordPress Footer and Header

• Таким образом, вам не нужно беспокоиться о потере пользовательского кода или переносе пользовательского кода вручную после изменения темы WordPress.