Як 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. Потім у полі «Значення» введіть код, який потрібно додати до дисплея ▼

• Натисніть Додати спеціальне поле.
• Оновлення статті дозволить вам закодувати тему та ввести значення для цих спеціальних полів.

Оскільки ви виводите лише код, який потрібно завантажити в "value", вам потрібно ввести наступний подібний код у "value" ▼

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

або ▼

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

щоб вивести наведений вище код.

Інші способи використання спеціальних полів WordPress

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

Що стосується того, як їх реалізувати, спробуйте використовувати власні поля.

Як указати теги статей і колонтитули категорій для завантаження коду JavaScript/CSS у WordPress?

Як налаштувати заголовок у WordPress?Ми можемо встановити його за допомогою наведених нижче інструкцій у статтіПлагін WordPressРеалізуйте додавання головного коду▼

🔗Як додати головний код до статті в WordPress? Плагін WP оптимізує головний код

🔗Як налаштувати заголовок у WordPress? Встановіть плагін заголовка нижнього колонтитула WordPress

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