Как WordPress определя, че страниците със статии зареждат JavaScript/CSS код?

правенеWordPressКогато създавате теми, ако има конкретен JavaScript или CSS код, който се появява на конкретна страница в WordPress, той ще бъде използван само веднъж.

Къде трябва да бъде поставен кодът? Style.css или base.js?

Но цената за това е малко висока.

Пример 1:

• Опитайте да получите Highslide JavaScript ефект на вашия WordPress сайт.
• Но обикновено се използва само за части с изображения или задължителни страници и зареждане на страници на неизползвани страници за добавяне на Highslide секции, така че над 50 KB 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?Приставката Header Footer Code Manager, описана в „Инсталиране на приставката за заглавка на долния колонтитул на WordPress“, в момента не може да добави PHP код... Затова потърсих в официалния уебсайт на приставката за WordPress и открих, че тя може да бъде намерена на заглавната страница. .

Как да персонализирате заглавката в WordPress?Инсталирайте плъгина за заглавен колонтитул на WordPress

Някои HTML/Javascript/CSS кодове на WordPress трябва да се показват само в определена статия или страница.Можем да добавим код за горен и долен колонтитул към посочената статия/страница в WordPress чрез плъгина Header Footer Code Manager. Горен колонтитул…

• По този начин няма нужда да се притеснявате за загуба на персонализиран код или ръчно прехвърляне на персонализиран код след промяна на темата на WordPress.