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

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

Где должен быть размещен код? 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. Затем в поле «Значение» введите код, который хотите добавить на дисплей. 

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

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

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

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

или ▼

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

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

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

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

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

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

Как настроить заголовок в WordPress?Мы можем установить его с помощью следующих инструкций статьиПлагин WordPressРеализовать добавление головного кода▼

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

Блог Хоуп Чен Вейлян ( https://www.chenweiliang.com/ ) поделился «Как WordPress указывает, что страница статьи загружает код JavaScript/CSS? , чтобы помочь вам.

Добро пожаловать, чтобы поделиться ссылкой на эту статью:https://www.chenweiliang.com/cwl-1740.html

Добро пожаловать на Telegram-канал блога Chen Weiliang, чтобы быть в курсе последних обновлений!

🔔 Будьте первым, кто получит ценное «Руководство по использованию инструмента искусственного интеллекта для контент-маркетинга ChatGPT» в верхнем каталоге канала! 🌟
📚 Это руководство содержит огромную ценность. 🌟Это редкая возможность, не упустите ее! ⏰⌛💨
Делитесь и ставьте лайк, если хотите!
Ваш обмен и лайки - наша постоянная мотивация!

 

发表 评论

Ваш электронный адрес не будет опубликован. 必填 项 已 用 * 标注

滚动 到 顶部