10 Tag Template WordPress Anda Mungkin Tidak Tahu
WordPress dikirimkan dengan banyak Tag Template sejak awal. Tag Templat ini di WordPress adalah fungsi PHP yang dapat digunakan untuk keluaran sebaik mengambil sepotong data.
Jika Anda telah mengembangkan tema WordPress, Anda mungkin terbiasa dengan beberapa Tag Template ini, seperti judul
yang menunjukkan judul posting, penulis
yang menunjukkan nama penulis kiriman, dan tautan kiriman.
WordPress terus berkembang. Setiap rilis baru sering memperkenalkan beberapa Tag Template baru. Sedemikian rupa sehingga mengikuti semua Tag Templat ini - lama atau baru - bisa sangat menantang. Lihat 20 tag templat yang mungkin Anda abaikan.
Modal P
WordPress, sesuai pedoman dan standar mereka, harus ditulis dengan huruf kapital P yaitu WordPress tidak, tidak; cara yang benar adalah mengejanya WordPress.
Ibukota “P” adalah masalah yang sangat penting hingga Matt Mullenweg (pendiri WordPress) memasukkannya dalam resolusinya pada tahun 2009. capital_p_dangit ()
fungsi diperkenalkan sebagai bagian dari inisiatif.
Sejak: 3.0.0
// Menggunakannya langsung $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Setiap teks WordPress dihidupkan dengan huruf kapital P. // Atau, menggunakannya dalam Filter WordPress. add_filter ("the_excerpt", function ($ text) return captial_p_dangit ($ text););
Logo Kustom
Di 4.5, WordPress memperkenalkan kemampuan untuk mengunggah logo untuk tema melalui Customizer. Fitur baru ini membutuhkan dukungan tema: dengan menambahkan add_theme_support ('situs-logo')
, logo akan muncul di Customizer.
Fitur ini mengarah pada penggunaan beberapa Tag Template baru yang dapat menangani output gambar logo pada Tema, yaitu: has_custom_logo ()
, get_custom_logo ()
, dan the_custom_logo ()
.
Sejak: 4.5.0
// 1. Output mencakup logo gambar dan tautan kembali ke rumah. the_custom_logo (); // 2. Dapatkan logo string "string". $ logo = get_custom_logo (); // 3. Bersyarat jika (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Menggunakan 'get_custom_logo' untuk membungkus logo dengan div; add_filter ("get_custom_logo", function ($ html) return ''. $ html. '';);
URL Gambar Thumbnail
WordPress memiliki utilitas asli terintegrasi lama untuk menambahkan gambar mini atau gambar berfitur. Tag Templat, the_post_thumbnail ()
, menunjukkan tag gambar beserta atributnya.
Tetapi bagaimana jika Anda ingin menampilkan gambar mini sebagai latar belakang melalui CSS? Gunakan Tag Template, get_the_post_thumbnail_url ()
.
Sejak: 4.4.0
Contoh:
Hasilkan Nomor Acak
Tag Templat ini akan memberi Anda nomor acak berdasarkan rentang yang ditentukan. WordPress menggunakan fungsi ini secara internal untuk menghasilkan kata sandi acak. Anda mungkin dapat menggunakannya untuk menghasilkan nomor kupon acak untuk situs WooCommerce Anda.
Sejak: 2.6.2
Contoh:
// Hasilkan angka dari 1 hingga 200 $ rand_number = wp_rand (1, 200); // output tidak akan di bawah 0 atau 201 di atas.
Komentar Pagination
Sebagian besar Tema saat ini menggunakan the_comments_navigation ()
yang akan memberikan “Berikutnya” dan “Sebelumnya” jenis tautan navigasi. Jika Anda ingin menunjukkan navigasi bernomor (pagination), ganti tag dengan the_comments_pagination ()
sebagai gantinya.
Ingatlah bahwa Tag Template hanya tersedia di WordPress 4.4.0 ke atas. Pastikan untuk menjalankan pemeriksaan sebelum menerapkannya.
Sejak: 4.4.0
Contoh:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
URL pemendek
Tag Template ini akan mempersingkat panjang url. Dan URL yang sangat panjang itu tidak akan masuk ke baris baru di dalam konten isi. Ada 2 opsi yang dapat Anda ambil: tambahkan overflow-wrap: break-word;
di CSS Anda, atau potong panjang URL dengan url_shorten ()
Tag Template.
Sejak: 1.2.0
Contoh:
$ link = get_the_permalink (); $ url_text = url_shorten ($ tautan); // mis. www.hongkiat.com/blog/css… echo '' $ url_text. '';
Tambahkan Skrip sebaris
Kami selalu menggunakan wp_enqueue_script
untuk mendaftar, muat skrip dan dependensinya. Memuat skrip internal Namun tidak cukup mudah, sampai Tag Template ini, wp_add_inline_script
diperkenalkan.
Menambahkan skrip inline membutuhkan skrip enqueued yang dikenal yang akan dilampirkan. Ini pawang dilewatkan sebagai parameter pertama dari skrip yang mirip dengan wp_localize_script ()
fungsi. Parameter kedua harus lulus konten skrip. Parameter ketiga menentukan apakah inline harus berupa output 'sebelum' atau 'setelah' .
Sejak: 4.5.0
Contoh:
function enqueue_script () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/functions.js', array ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'before'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Output: // //
Bahasa Dropdown
Itu wp_dropdown_languages
Tag Template akan menampilkan opsi HTML yang menampilkan daftar bahasa di situs WordPress Anda. Anda akan menemukan tag templat ini berguna jika Anda perlu melokalisasi situs web Anda. Anda dapat menggunakannya untuk menampilkan opsi bahasa di Editor Pengguna layar atau di ujung depan situs Anda untuk memungkinkan pengguna memilih preferensi bahasa mereka.
Sejak: 4.0.0
Contoh:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translation' => array ('id_ID', 'ja'), // Indonesia , dan Jepang 'terpilih' => 'en_US', 'show_available_translations' => false,));
Dapatkan URL Gambar Avatar
Seperti namanya, Tag Templat ini, get_avatar_url ()
, akan mengambil jalur gambar dari avatar pengguna. Ini memungkinkan Anda untuk menampilkan dan mencetak avatar dengan cara apa pun yang Anda suka, alih-alih hanya menampilkannya melalui tag gambar HTML.
Sejak: 4.2.0
Contoh:
$ avatar = get_avatar_url ('[email protected]');
Mendapatkan tema
Fungsi ini mengambil objek yang berisi informasi dari Tema yang sedang aktif. Informasi ini termasuk tema Slug, Nama, Versi, Domain Teks, Penulis, dll.
Dalam cuplikan kode berikut, kami menggunakannya untuk mengambil versi dan meneruskannya sebagai versi skrip.
Sejak: 3.4.0
Contoh:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> templat); // twentysixteen define ('THEME_NAME', $ theme-> get ('Name')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 function load_scripts () wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditional', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');