W jaki sposób WordPress określa, że ​​strony artykułów ładują kod JavaScript/CSS?

zrobienieWordPressPodczas tworzenia motywów, jeśli na określonej stronie w WordPressie pojawi się określony kod JavaScript lub CSS, zostanie on użyty tylko raz.

Gdzie należy umieścić kod? Style.css czy base.js?

Ale koszt takiego postępowania jest trochę wysoki.

Przykład 1:

• Spróbuj uzyskać efekt Highslide JavaScript na swojej witrynie WordPress.
• Ale zwykle jest używany tylko do części z obrazami lub wymaganymi stronami i ładuje strony na nieużywanych stronach, aby dodać sekcje Highslide, więc ponad 50 KB JavaScript jest za duże.

Przykład 2:

• W artykule umieść standardową metodę kompatybilności, aby użyćtag wstawia go, ale wstawionyStrona wygenerowana przez tag nie może przejść weryfikacji W3C.
• Dobrym sposobem jest użycie SWFObject, JavaScript do wygenerowania kodu zatwierdzonego przez W3C.
• Problem polega jednak na tym, że ładowanie SWFObject na każdej stronie w WordPressie jest marnotrawstwem, a nie wszystkie strony używają tego pliku JavaScript.

W rzeczywistości możemy użyć potężnych pól niestandardowych WordPress, aby zaimplementować różne strony JavaScript dla niestandardowych postów lub ładowania stron.

W tym artykule dowiesz się: Jak korzystać z niestandardowych pól w WordPressie, niestandardowych plikach JavaScript lub CSS?

Jeśli rozumiesz, wartości pól niestandardowych nie są tak proste, jak pliki JavaScript i CSS.

Jak dodać niestandardowe pola w motywach WordPress?

Otwórz plik header.php motywu WordPress i znajdź kod ▼

<?php wp_head(); ?>

dodaj ▼ po nim

<!-- 指定文章页面加载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代码 结束 -->

Nagłówek w kodzie to nazwa pola niestandardowego, które można dostosować.

Dodaj niestandardowe pola do postów lub stron WordPress

Zaplecze WordPressW edytorze strony edycji artykułu znajduje się małe okno na "niestandardowe pola".

1. W polu „Nazwa” wpisz:head
2. Następnie w polu „Wartość” wpisz kod, który chcesz dodać do wyświetlacza ▼

• Kliknij Dodaj pole niestandardowe.
• Aktualizacja artykułu pozwoli Ci zakodować motyw i wprowadzić wartości dla tych niestandardowych pól.

Ponieważ wyprowadzasz tylko kod, który należy załadować w „wartość”, musisz wprowadzić następujący podobny kod w „wartość” ▼

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

lub ▼

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

aby wyprowadzić powyższy kod.

Inne zastosowania pól niestandardowych WordPress

Po zrozumieniu powyższych zasad przekonasz się, że niestandardowe pola WordPress mogą nie tylko implementować niestandardowy JavaScript lub CSS dla niestandardowych stron, ale także implementować wiele funkcji za pomocą niestandardowych pól, takich jak: dodaj do miniatur artykułów, porady dotyczące artykułów itp. .

Jeśli chodzi o ich implementację, spróbuj użyć pól niestandardowych.

Jak określić tagi artykułów oraz nagłówki i stopki kategorii, aby załadować kod JavaScript/CSS w WordPressie?

Jak dostosować nagłówek w WordPressie?Możemy go zainstalować zgodnie z poniższymi instrukcjami artykułuWtyczka WordPressZrealizuj dodanie kodu głowicy▼

Jak WordPress dodaje kod nagłówka do artykułów?Wtyczka WP optymalizuje kod nagłówka

Jak w tym artykule Jak dostosować nagłówek w WordPressie?Wtyczka Header Footer Code Manager opisana w "Instalowanie wtyczki WordPress Footer Header" nie może obecnie dodawać kodu PHP... Dlatego przeszukałem oficjalną stronę wtyczki WordPress i stwierdziłem, że można ją znaleźć na stronie nagłówkowej.. .

Jak dostosować nagłówek w WordPressie?Zainstaluj wtyczkę nagłówka stopki WordPress

Niektóre kody WordPress HTML / Javascript / CSS muszą być wyświetlane tylko w określonym artykule lub stronie.Możemy dodać kod nagłówka i stopki do określonego artykułu / strony w WordPressie za pomocą wtyczki Header Footer Code Manager. Nagłówek stopka…

• W ten sposób nie musisz się martwić o utratę niestandardowego kodu lub ręczne przenoszenie niestandardowego kodu po zmianie motywu WordPress.