WordPress, makale sayfalarının JavaScript/CSS kodu yüklediğini nasıl belirtir?

YapımıWordPressTema oluştururken, WordPress'te belirli bir sayfada görünen belirli bir JavaScript veya CSS kodu varsa, yalnızca bir kez kullanılacaktır.

Kod nereye yerleştirilmelidir? Style.css veya base.js?

Ama bunu yapmanın maliyeti biraz yüksek.

Örnek 1:

• WordPress sitenizde Highslide JavaScript efekti elde etmeye çalışın.
• Ancak genellikle yalnızca resim içeren parçalar veya gerekli sayfalar için ve Highslide bölümleri eklemek için kullanılmayan sayfalara sayfa yüklemek için kullanılır, bu nedenle 50 KB'den fazla JavaScript çok büyük.

Örnek 2:

• Bir makalede standart bir uyumluluk yöntemi koymaktır kullanmaktıretiketi onu ekler, ancak eklenenEtiket tarafından oluşturulan sayfa W3C doğrulamasını geçemez.
• İyi bir yol, W3C tarafından doğrulanmış kod oluşturmak için bir JavaScript olan SWFObject'i kullanmaktır.
• Ancak sorun şu ki, SWFObject'i WordPress'teki her sayfaya yüklemek israftır ve tüm sayfalar bu JavaScript dosyasını kullanmaz.

Aslında, özel gönderiler veya sayfa yüklemeleri 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 temalarına özel alanlar nasıl eklenir?

WordPress temasının header.php dosyasını açın ve ▼ kodunu bulun.

<?php wp_head(); ?>

yanına ▼ ekle

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

Koddaki başlık, özelleştirilebilen özel alanın adıdır.

WordPress gönderilerine veya sayfalarına özel alanlar ekleyin

WordPress arka ucuMakale düzenleme sayfasının düzenleyicisinde, "özel alanlar" için küçük bir pencere vardır.

1. "Ad" için şunu girin:head
2. Ardından "Değer" alanına ekrana eklemek istediğiniz kodu girin ▼

• Özel Alan Ekle'yi tıklayı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.

WordPress özel alanlarının diğer kullanımları

Yukarıdaki ilkeleri anladıktan sonra, WordPress özel alanlarının yalnızca özel sayfalar için özel JavaScript veya CSS uygulamakla kalmayıp, aynı zamanda özel alanlar aracılığıyla birçok işlevi yerine getirdiğini göreceksiniz, örneğin: makaleye küçük resimler, makale ipuçları vb. ekle .

Bunları nasıl uygulayacağınıza gelince, özel alanlar kullanmayı deneyin.

WordPress'te JavaScript/CSS kodunu yüklemek için makale etiketleri ve kategori üstbilgileri ve altbilgileri nasıl belirlenir?

WordPress'te Başlık Nasıl Özelleştirilir?Aşağıdaki makale talimatlarıyla kurabilirizWordPress eklentisiBaşlık kodunu eklemeyi gerçekleştirin▼

WordPress makalelere nasıl başlık kodu ekler? WP eklentisi başlık kodunu optimize eder

Bu makaledeki gibi WordPress'te Header Nasıl Özelleştirilir?"WordPress Altbilgi Başlık Eklentisini Yükleme" bölümünde açıklanan Header Footer Code Manager eklentisi şu anda PHP kodu ekleyemiyor... Bu nedenle, WordPress eklentisinin resmi web sitesinde arama yaptım ve başlık sayfasında bulunabileceğini gördüm.. .

WordPress'te Başlık Nasıl Özelleştirilir?WordPress Altbilgi Başlık Eklentisini Kurun

Bazı WordPress HTML / Javascript / CSS kodlarının sadece belirli bir makale veya sayfada görüntülenmesi gerekir.WordPress'te belirtilen makale / sayfaya Header Footer Code Manager eklentisi aracılığıyla üstbilgi ve altbilgi kodu ekleyebiliriz. Üstbilgi Altbilgi…

• Bu sayede, WordPress temasını değiştirdikten sonra özel kodu kaybetme veya özel kodu manuel olarak aktarma konusunda endişelenmenize gerek kalmaz.