WordPress especifica la capçalera i el peu de l'article per carregar codi PHP/JavaScript/CSS

Si s'utilitzaLloc web de WordPress, heu d'especificar un determinat article o pàgina a WordPress per carregar codi PHP/JavaScript/CSS a la capçalera i al peu de pàgina. Com aconseguir-ho?

Podem utilitzar els potents camps personalitzats de WordPress per implementar diferents pàgines de JavaScript per a una publicació o càrrega de pàgina determinada.

Aquest article us mostrarà: Com utilitzar camps personalitzats en fitxers de WordPress, JavaScript personalitzats o CSS?

Si ho enteneu, els valors dels camps personalitzats no són tan senzills com els fitxers JavaScript i CSS.

Com afegir camps personalitzats a WordPress?

Normalment, obriu el fitxer de capçalera header.php del tema de WordPress i cerqueu el codi▼

<?php wp_head(); ?>

afegiu ▼ després

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

• El cap del codi és el nom del camp personalitzat, que es pot personalitzar.

Chen WeiliangRecomanat a travésConnector de WordPressAfegiu el codi PHP següent per especificar la pàgina de l'article per carregar el camp personalitzat del peu▼

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

Afegiu camps personalitzats a publicacions o pàgines especificades a WordPress

Backend de WordPressA l'editor de la pàgina d'edició de l'article, hi ha una petita finestra per als "camps personalitzats".

1. Per a "Nom", introduïu:head
2. A continuació, a "Valor", introduïu el codi que voleu afegir a la pantalla ▼

• Feu clic a Afegeix un camp personalitzat.
• L'actualització de l'article us permetrà codificar el tema i introduir valors per a aquests camps personalitzats.

Com que només emeteu el codi que s'ha de carregar a "valor", heu d'introduir el següent codi similar a "valor" ▼

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

o ▼

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

per generar el codi anterior.

Com especifica WordPress que les capçaleres i peus d'article carreguen codi PHP/JavaScript/CSS?

Si afegiu el codi PHP del camp personalitzat al fitxer header.php del tema de WordPress, el codi PHP del camp personalitzat es perdrà després de canviar el tema de WordPress i haureu d'afegir el codi PHP del camp personalitzat a el nou tema.

Una millor solució seria,Utilitzant el connector Head, Footer and Post Injections, que implementa codi PHP per afegir camps personalitzats a la pàgina i al peu d'un article o pàgina.

Com personalitzar la capçalera a WordPress?Podeu afegir codi al cap o al peu instal·lant el connector de WordPress a través de l'article següent ▼

Com afegeix WordPress codi cap als articles? El connector WP optimitza el codi cap

Com en aquest article, Com personalitzar la capçalera a WordPress?El connector Header Footer Code Manager introduït a "Instal·lació del complement WordPress Footer Header" no pot afegir codi PHP actualment... Per tant, vaig cercar al lloc web oficial del connector de WordPress i vaig trobar que es pot trobar a la pàgina de capçalera. .

• D'aquesta manera, no cal que us preocupeu per perdre el codi personalitzat o per transferir manualment el codi personalitzat després de canviar el tema de WordPress.