WordPress, PHP/JavaScript/CSS kodunu yüklemek için makalenin üstbilgisini ve altbilgisini belirtir

KullanılıyorsaWordPress web sitesi, WordPress'te belirli bir makale veya sayfa belirtmeniz, üstbilgi ve altbilgiye PHP/JavaScript/CSS kodunu yüklemeniz gerekiyor, nasıl elde edilir?

Belirli bir gönderi veya sayfa yüklemesi için farklı JavaScript sayfaları uygulamak için WordPress'in güçlü özel alanlarını kullanabiliriz.

Bu makale size şunları gösterecektir: WordPress, özel JavaScript veya CSS dosyalarında özel alanlar nasıl kullanılır?

Anlarsanız özel alan değerleri JavaScript ve CSS dosyaları kadar basit değildir.

WordPress'te özel alanlar nasıl eklenir?

Genellikle, WordPress temanızdaki header.php dosyasını açın ve aşağıdaki kodun eklenmiş olduğundan emin olun: ▼

<?php wp_head(); ?>

WordPress'te Başlık Nasıl ÖzelleştirilirDaha çok tavsiye edilen bir yaklaşım: aracılığıyla functions.php veya kod eklentisi uygulaması

Temayı doğrudan değiştirin header.php 或 footer.php Tema güncellendikten sonra kod kolayca kaybolabilir.

Daha güvenli ve daha standartlaştırılmış uygulamalarMevcut temaya aşağıdaki kodu ekleyin. functions.php Dosyada veya kullanarak Kod Parçaları Bu tür eklentiler özel kodları yönetmek için kullanılır.

Temanın temel dosyalarını değiştirmekten kaçınmak için... functions.php Montaj kodu.

Adım 1: İşlevsel kod ekleyin

Lütfen aşağıdaki PHP kodunu temanıza ekleyin. functions.php Belgenin sonunda veya şu yolla: Kod Parçaları Eklentide yeni bir kod parçacığı oluşturun ve yapıştırın:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(Not: Eğer) functions.php Dosyanın sonunda zaten bir dosya bulunuyor. ?>Lütfen bunu tekrar tekrar eklemeyin; yukarıdaki kodu doğrudan ekleyin. ?> (Önceden)

Adım 2: Makale düzenleme sayfasında kullanın

1. WordPress yönetim paneline erişerek bir gönderiyi veya sayfayı düzenleyebilirsiniz.
2. Editör sayfasında bulabilirsiniz. "Özel Alanlar" (Meta kutusunu görmüyorsanız, lütfen sağ üst köşedeki "Görüntüleme Seçenekleri"ne veya Gutenberger Editöründeki "Tercihler"e tıklayın ve "Özel Alanlar"ın işaretli olduğundan emin olun).
3. 点击 Yeni bir giriş yapın:
   • İsim Yani:head (Başlık kodu için) veya foot (Aşağıdaki kodda kullanılmak üzere.)
   • Değer Giriş kutusu: Eklemek istediğiniz HTML, CSS veya JS kodunu buraya yapıştırın.
4. 点击 Özel bir alan ekleyin Ve makaleleri güncelleyin/yayınlayın.

• Makaleyi güncellemek, temayı kodlamanıza ve bu özel alanlar için değerler girmenize izin verecektir.

Yalnızca yüklenmesi gereken kodu "value" olarak çıkardığınız için "value" alanına aşağıdaki benzer kodu girmeniz gerekir ▼

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

veya ▼

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

yukarıdaki kodun çıktısını almak için.

Bu değişikliğin avantajları:

1. daha güvenliDoğrudan değiştirmeyin. header.php 和 footer.phpBu, tema güncellendiğinde kodun üzerine yazılmasını önler.
2. Daha standartlaştırılmışWordPress kullanılması önerilir. add_action Kanca tabanlı montaj kodu.
3. Açık mantıkİşlevselliği fonksiyonlar içinde birleştirmek, sonraki bakım işlemlerini kolaylaştırır.