Rumah  >  Artikel  >  pembangunan bahagian belakang  >  Memahami Kod Pendek dalam WordPress: Panduan Pemula

Memahami Kod Pendek dalam WordPress: Panduan Pemula

Linda Hamilton
Linda Hamiltonasal
2024-11-13 10:07:02539semak imbas

Understanding Shortcodes in WordPress: A Beginner’s Guide

Dalam dunia WordPress, kod pendek ialah ciri yang sangat berkuasa. Ia membenarkan anda memasukkan fungsi kompleks ke dalam siaran dan halaman anda dengan coretan kod ringkas. Jika anda baru bermula dengan pembangunan WordPress, panduan ini akan membantu anda memahami apa itu kod pendek, cara ia berfungsi dan cara mencipta kod pendek anda sendiri!

Apakah sebenarnya kod pendek?

Kod pendek ialah cebisan kecil kod yang anda tambahkan pada siaran, halaman atau widget untuk memasukkan kandungan dinamik. Mereka bertindak sebagai pemegang tempat yang WordPress memproses dan menggantikan dengan fungsi yang lebih kompleks apabila halaman dimuatkan.

Sebagai contoh, [tahun] boleh menjadi kod pendek yang digunakan untuk memaparkan tahun semasa secara dinamik.

Mengapa anda perlu menggunakan kod pendek?

Mereka menyediakan cara yang mudah untuk menambahkan ciri lanjutan pada kandungan anda. Daripada menulis kod yang sama berulang kali, anda boleh membuat kod pendek yang boleh digunakan semula untuk menjimatkan masa dan mengekalkan konsistensi. Kod pendek sesuai untuk menambahkan ciri tersuai seperti borang kenalan, butang atau galeri pada berbilang halaman, dengan keupayaan untuk mengawalnya dari satu tempat.

Sekarang, mari kita ke bahagian yang baik: cara membuat kod pendek tersuai.

Cara membuat kod pendek tersuai

Mencipta kod pendek asas anda sendiri dalam WordPress memerlukan hanya sedikit PHP.

1. Buka fail functions.php anda.

2. Buat fungsi untuk perkara yang anda mahu kod pendek lakukan.

Contohnya:

function cta_button_shortcode() {
    return '<a href="#">



<h3>
  
  
  3. Register the shortcode.
</h3>

<p>The add_shortcodefunction takes two parameters: the first is the name of the shortcode, for example, [cta_button]. The second is the callback function that will handle all the logic and render the result—in this case, our cta_button_shortcode function.<br>
</p>

<pre class="brush:php;toolbar:false">add_shortcode('cta_button', 'cta_button_shortcode');

4. Gunakan Kod Pendek Anda!

Kini, anda boleh menggunakan [cta_button] dalam mana-mana siaran atau halaman, dan ia akan memaparkan elemen pautan dengan teks "Klik Di Sini!".

Menambah parameter pada kod pendek

Anda juga boleh menambah parameter pada kod pendek, yang bertindak sebagai atribut yang menghantar maklumat kepada fungsi kod pendek. Ini membolehkan anda menukar teks atau pautan butang kami tanpa perlu mengedit kod atau membuat kod pendek tambahan. Dengan parameter, anda juga boleh menentukan nilai lalai sekiranya ia tidak diberikan dalam kod pendek.

Saya sangat mengesyorkan menyemak dokumentasi WordPress rasmi tentang atts kod pendek.

Lihat contoh di bawah:

fungsi cta_button_shortcode($atts) {
    $atts = shortcode_atts(
        tatasusunan(
            'teks' => 'Klik Di Sini!', // Nilai lalai
            'url' => '/', // Nilai lalai
        ),
        $atts,
        'cta_button'
    );
    kembalikan '<a href="' . esc_url($atts['url']) . '">



<p>Kini kami boleh menggunakannya sebagai [cta_button text="Learn More" url="https://example.com"], dan jika kami perlu menukar teks dan pautan, kami boleh berbuat demikian tanpa mengubah suai kod kod pendek kami .</p><hr>

<p>Kini anda tahu asas kod pendek WordPress! Dengan hanya beberapa baris kod, anda boleh mencipta elemen kandungan yang berkuasa dan fleksibel yang menjadikan tapak anda lebih dinamik dan lebih mudah untuk diurus. Sama ada anda membina butang, borang atau elemen reka bentuk yang unik, kod pendek tersedia untuk menjadikan hidup anda sebagai pembangun lebih mudah dan lebih menyeronokkan.</p>

<p>Jadi, teruskan percubaan dan lihat ciri hebat yang boleh anda cipta! ? Kod pendek adalah seperti helah silap mata kecil yang anda boleh keluarkan pada bila-bila masa untuk menjadikan WordPress lebih hebat. Selamat mengekod! ?</p>


          

            
        

Atas ialah kandungan terperinci Memahami Kod Pendek dalam WordPress: Panduan Pemula. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn