Panduan Menggunakan Kait Dalam Fungsi Kustom

Anda mungkin berpikir kait itu rumit dan itu bisa dimengerti karena itulah yang saya pikirkan saat pertama kali melihatnya!

Sebenarnya, hook sangat mudah dimengerti.

Ini adalah fungsi khusus yang Anda gunakan dengannya yang sedikit lebih rumit.

Dalam panduan pemula untuk hook ini, kita akan melihat dasar-dasar apa itu hook dan apa yang mereka lakukan serta bagaimana menggunakannya untuk menampilkan konten di lokasi yang berbeda dalam tema Anda.

Apa Itu Hook?

Kait hanyalah sebuah titik atau lokasi dalam file template tema Anda.

Mereka diberi nama deskriptif tergantung pada tema yang digunakan seperti:

• woo_post_after – Kait khusus tema Woo yang dieksekusi setelah semua posting tunggal
• genesis_after_header - Kait tema khusus Genesis yang dijalankan setelah satu posting
• wp_footer – WordPress hook yang dijalankan setelah footer di semua tema.

Cara termudah untuk memahami di mana berbagai kait berada di Genesis, adalah dengan melihat panduan kait visual yang berisi semua lokasi kait.

genesis_after_header adalah pengait yang digunakan dalam tema anak Genesis (StudioPress) yang dijalankan setelah header di semua halaman.

Daripada menambahkan konten Anda ke file header.php tema induk yang digunakan untuk menampilkan header Anda, Anda cukup menambahkan konten dalam fungsi kustom di file tema anak Anda.

woo_before_header adalah pengait yang berfungsi di tema Woo dan terletak di header tema induk.php

Daripada mengedit file template tema induk, Anda cukup menggunakan pengait untuk menampilkan konten di lokasi tersebut dengan menambahkan kode ke functions.php tema anak Anda

Kait WordPress

wp_footer adalah pengait WordPress yang berfungsi di tema apa pun sebagai lawan dari pengait khusus tema seperti genesis_after_post dan woo_header.

Daripada mengedit file footer.php di file inti WordPress, Anda cukup menggunakan kait wp_footer dalam fungsi khusus untuk menghubungkan (menampilkan) konten di lokasi kait wp_footer ada di file template footer.php.

Peta Kait Visual

Setiap pengembang tema biasanya menyediakan peta persis di mana setiap kait dieksekusi bersama dengan daftar kait dan deskripsi di mana mereka mengeksekusi di tema Anda.

• Peta Kait Visual Tema Woo
• Panduan Kait Visual Kejadian
• Referensi Kait Visual Tesis

File template tema induk dan file template WordPress berisi kait yang telah ditambahkan oleh pengembang tema yang berbeda di lokasi yang berbeda dari setiap file template.

Mereka kemudian memberikan daftar kait ini yang dapat Anda tambahkan ke fungsi khusus untuk menampilkan konten di lokasi kait tertentu dalam tema Anda.

Kait di File Template

Biasanya, jika Anda ingin menampilkan konten di lokasi tertentu di situs web Anda, Anda perlu menambahkan konten menggunakan HTML, Teks, atau PHP langsung ke file template tema induk Anda. (Dan beberapa orang masih melakukannya!)

Dengan kait, Anda tidak perlu menambahkan konten Anda di file template mana pun.

Alasannya adalah, setiap file template berisi beberapa kait yang dapat Anda rujuk dengan mudah dalam file fungsi tema anak daripada meretas file tema induk.

Fungsi ini menampilkan konten Anda dengan mengaitkan ke lokasi di mana kait berada di file template inti.

Kait Dalam File Genesis

Catatan: Anda tidak boleh mengedit file Genesis inti dan Anda juga tidak perlu melakukannya.

Mari kita lihat di mana kait tindakan berada di file template tema induk.

Di bawah ini adalah gambar file template header.php Genesis yang terletak di file tema induk inti.

Ini berisi kait tajuk yang juga dapat Anda lihat di gambar kait visual yang berlapis di sebelah kanan kait.

Anda juga akan melihat ada beberapa kait genesis lain di sana dan juga kait WordPress yang diperlukan untuk menghubungkan plugin tertentu.

Anda dapat menggunakan hook WordPress dalam suatu fungsi jika Anda suka dan fungsi tersebut akan bekerja pada semua tema karena semuanya berisi hook WordPress.

Fungsi Dengan Kait Tindakan #

Mari kita lihat fungsi kustom yang sangat mendasar yang menampilkan teks di lokasi kait mana pun dalam tema anak Genesis.

Kait yang kita gunakan untuk menampilkan teks sebelum konten diberi nama kait genesis_after_header .

Kami menyertakannya dengan fungsi dasar yang telah kami buat yang menjelaskan apa fungsi yang dalam hal ini bernama content_after_header

Kami juga menambahkan kelas div yang unik sehingga kami dapat menata teks di lokasi kait jika diperlukan. Dalam hal ini kami menamakannya after-header .

Dan dalam file style.css tema anak kita dapat menggunakan kelas baru ini untuk menata konten di lokasi kait ini seperti ini:

 .after-header { background: grey; border: solid 3px #222; padding: 10px; }

Plugin Genesis Simple Hooks

Berikut cara lain untuk melihat kait header melalui bidang kait yang terletak di plugin Genesis Simple Hooks.

Batu loncatan yang sangat baik untuk mempelajari cara menggunakan kait di Genesis adalah mulai menggunakan plugin Genesis Simple Hooks.

Plugin ini memungkinkan Anda untuk dengan mudah menempel di HTML, teks, kode pendek atau kode PHP yang akan dieksekusi di lokasi kait tertentu.

Ini adalah cara terbaik untuk mempelajari lebih lanjut tentang di mana setiap kait berada di Genesis dan bagaimana menampilkan berbagai jenis konten di lokasi tersebut.

Anda juga dapat mengeksekusi kode PHP di salah satu lokasi kait menggunakan kait sederhana selama Anda membungkus kode PHP dalam tag PHP:

Kode di atas, setelah ditempelkan ke bidang genesis_hook menggunakan plugin Simple Hooks, akan menampilkan penggeser gambar hanya di halaman beranda.

Menggunakan Kait Dengan Fungsi Kustom & Tag Bersyarat

Setelah Anda terbiasa dengan semua nama hook dan lokasi yang mereka jalankan, Anda dapat beralih menggunakan hook dalam fungsi kustom dan menggabungkannya dengan tag kondisional untuk mengeksekusi konten Anda di lokasi hook berdasarkan kondisi tertentu seperti halaman beranda saja atau posting tunggal saja.

Kode ini akan menampilkan teks Anda sebelum semua judul posting pada posting tunggal saja.

Itu tidak akan menampilkan teks pada halaman arsip seperti blog, rumah atau arsip kategori dan tidak akan menampilkan teks pada halaman statis.

Lebih Banyak Fungsi Kustom Dengan Kait

• Kait Tindakan Untuk Pengembangan Tema Induk
• Panduan Kait dan Filter untuk Pemula