Bagaimana WordPress menentukan bahwa halaman artikel memuat kode JavaScript/CSS?

membuatWordPressSaat bertema, jika ada kode JavaScript atau CSS tertentu yang muncul di halaman tertentu di WordPress, itu hanya akan digunakan sekali.

Di mana kode harus ditempatkan? Style.css atau base.js?

Tetapi biaya untuk melakukannya agak tinggi.

Contoh 1:

• Cobalah untuk mendapatkan efek JavaScript Highslide di situs WordPress Anda.
• Tapi biasanya itu hanya digunakan untuk bagian dengan gambar atau halaman yang diinginkan, dan memuat halaman pada halaman yang tidak digunakan untuk menambahkan bagian Highslide, jadi lebih dari 50 KB JavaScript terlalu besar.

Contoh 2:

• Dalam sebuah artikel, gunakan metode kompatibilitas standartag menyisipkannya, tetapi disisipkanHalaman yang dihasilkan oleh tag tidak dapat lulus verifikasi W3C.
• Cara yang baik untuk melakukannya adalah dengan menggunakan SWFObject, JavaScript yang menghasilkan kode yang divalidasi W3C.
• Tapi masalahnya adalah boros memuat SWFObject di setiap halaman di WordPress, dan tidak semua halaman menggunakan file JavaScript ini.

Faktanya, kita dapat menggunakan bidang kustom WordPress yang kuat untuk menerapkan halaman JavaScript yang berbeda untuk posting kustom atau pemuatan halaman.

Artikel ini akan menunjukkan kepada Anda: Bagaimana cara menggunakan bidang khusus di WordPress, file JavaScript atau CSS khusus?

Jika Anda dapat memahami, nilai bidang khusus tidak sesederhana file JavaScript dan CSS.

Bagaimana cara menambahkan bidang khusus di tema WordPress?

Buka file header.php dari tema WordPress dan temukan kode

<?php wp_head(); ?>

tambahkan setelahnya

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

Kepala dalam kode adalah nama bidang khusus, yang dapat disesuaikan.

Tambahkan bidang khusus ke posting atau halaman WordPress

Backend WordPressDi editor halaman edit artikel, ada jendela kecil untuk "bidang khusus".

1. Untuk "Nama" masukkan:head
2. Kemudian di "Nilai" masukkan kode yang ingin Anda tambahkan ke tampilan ▼

• Klik Tambahkan Bidang Kustom.
• Memperbarui artikel akan memungkinkan Anda untuk mengkodekan tema dan memasukkan nilai untuk bidang khusus ini.

Karena Anda hanya menampilkan kode yang perlu dimuat di "nilai", Anda harus memasukkan kode serupa berikut di "nilai"

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

atau

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

untuk menampilkan kode di atas.

Kegunaan lain untuk bidang kustom WordPress

Setelah memahami prinsip-prinsip di atas, Anda akan menemukan bahwa bidang kustom WordPress tidak hanya dapat menerapkan JavaScript atau CSS khusus untuk halaman khusus, tetapi juga menerapkan banyak fungsi melalui bidang khusus, seperti: tambahkan ke thumbnail artikel, tips artikel, dll.

Adapun cara menerapkannya, coba gunakan bidang khusus.

Bagaimana cara menentukan tag artikel dan header dan footer kategori untuk memuat kode JavaScript/CSS di WordPress?

Cara Menyesuaikan Header di WordPress?Kita dapat menginstalnya melalui petunjuk artikel berikutplugin WordPressSadarilah menambahkan kode kepala▼

🔗Bagaimana cara menambahkan kode kepala ke artikel WordPress? Plugin WP mengoptimalkan kode kepala

Bagaimana cara menyesuaikan header di WordPress? Memasang Plugin Footer dan Header WordPress

• Dengan cara ini, tidak perlu khawatir kehilangan kode kustom atau mentransfer kode kustom secara manual setelah mengubah tema WordPress.