Fail header.php: Apa yang perlu masuk dan apa yang tidak

Tutorial ini meneroka fail penting

dalam pembangunan tema WordPress. Kami akan mengkaji fail header.php sampel, memperincikan kandungan penting dan tidak penting. header.php

Pengenalan

Memahami kandungan yang betul

adalah penting untuk penciptaan tema WordPress. Ia lebih daripada sekadar logo dan menu; Ia termasuk elemen penting untuk fungsi dan SEO. Ini termasuk: pautan, data meta, dan pelbagai tag. header.php

khususnya,

harus mengandungi: header.php

meta tags
tag kepala
Favicon, pautan RSS, dan pingback
Tajuk
gaya dan skrip enqueued menggunakan
5. fungsi wp_enqueue_style

fail : menyelam yang lebih mendalam functions.php

mari kita periksa fail

, di mana kami akan menambah coretan kod berikut untuk menguruskan gaya dan skrip: functions.php

remove_action('wp_head', 'wp_generator');

function enqueue_styles() {
    wp_register_style( 'screen-style', get_template_directory_uri() . '/css_path/screen.css', array(), '1', 'all' );
    wp_enqueue_style( 'screen-style' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_styles' );

function enqueue_scripts() {
    wp_register_script( 'html5-shim', 'https://html5shim.googlecode.com/svn/trunk/html5.js', array( 'jquery' ), '1', false );
    wp_enqueue_script( 'html5-shim' );

    wp_register_script( 'custom-script', get_template_directory_uri() . '/js_path/customscript.js', array( 'jquery' ), '1', false );
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_scripts' );

Mengeluarkan tag penjana meta

Baris

membuang tag penjana meta, yang mendedahkan versi WordPress. Ini adalah amalan terbaik keselamatan untuk mengelakkan kelemahan yang berpotensi. remove_action('wp_head', 'wp_generator');

Menambah CSS dan skrip

fungsi

dan enqueue_styles(), disambungkan ke dalam tindakan enqueue_scripts(), gunakan wp_enqueue_scripts dan wp_register_style (untuk CSS) dan wp_enqueue_style dan wp_register_script (untuk JavaScript) untuk menguruskan stylesheets dan skrip dengan cekap. Ini adalah pendekatan yang disyorkan untuk menambah CSS dan JS ke tema WordPress anda. Fungsi mengendalikan aset mendaftar dan enqueuing, memastikan perintah pemuatan yang betul dan mencegah konflik. wp_enqueue_script

Memahami fail header.php

fail

hendaklah minimum termasuk: header.php

• pengisytiharan Doctype: Menentukan versi HTML.
• Struktur dokumen html: tag dan anak -anaknya.
• Pengisytiharan set aksara: <meta charset="UTF-8"> meta tags:
data meta penting seperti penerangan, pengarang, dan tetapan viewport untuk responsif. Contoh:
• dan . <meta content="Keywords" name="keywords"> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"> tag tajuk:
• tag menggunakan dan untuk penjanaan tajuk dinamik. <title></title> wp_title() bloginfo('name') pembukaan
atau unsur -unsur struktur lain:
• untuk mengandungi kandungan header. <div> Kesimpulan <p> <strong> Panduan ini menyediakan asas untuk membina fail yang berstruktur dan selamat </strong> untuk tema WordPress anda. Ingatlah untuk memanfaatkan </p> untuk pengurusan aset yang cekap. <p> <code>header.php wp_enqueue_scripts Siaran ini telah dikemas kini dengan sumbangan dari Sajal Soni, pemaju laman web dari India yang mengkhusus dalam kerangka sumber terbuka.