Tambahkan kode pendek di fungsi php

Shortcode WordPress digunakan untuk 1) mengurangi jumlah kode yang perlu Anda tulis; . Mereka berperilaku seperti makro, saat Anda memasukkan kode pendek, itu diganti dengan potongan kode. Itu bisa apa saja

WordPress hadir dengan beberapa kode pendek yang sudah ditentukan sebelumnya, seperti

include('custom-shortcodes.php');
7
include('custom-shortcodes.php');
8

dan , dan juga disertakan dengan banyak plugin dan tema populer. Anda juga dapat membuat shortcode kustom sendiri untuk melakukan hal-hal seperti membuat kolom di situs WordPress Anda

Dalam postingan ini, kami akan memandu Anda langkah demi langkah melalui proses pembuatan dan penggunaan shortcode kustom Anda sendiri. Kami akan memandu Anda melalui seluruh proses pembuatan kode pendek baru dan menunjukkan cara mengubah dan mengontrol atribut dan fungsi kode pendek

Harap dicatat bahwa ini adalah posting lanjutan yang akan membahas detail tentang cara membuat shortcode. Jika bekerja dengan kode di luar keahlian teknis Anda, dan Anda hanya ingin cara termudah untuk mulai membuat dan menggunakan kode pendek, Anda mungkin ingin memulai dengan plugin kode pendek

Saat membuat kode pendek Anda sendiri, ada dua hal yang perlu Anda lakukan

  1. Buat fungsi penangan kode pendek. Fungsi kode pendek adalah fungsi yang mengambil parameter opsional (atribut) dan mengembalikan hasilnya
  2. Daftarkan fungsi penangan kode pendek. Gunakan fungsi
    include('custom-shortcodes.php');
    _9 bawaan WordPress untuk mendaftarkan kode pendek khusus

Mempersiapkan WordPress untuk Kode Pendek Kustom

Meskipun tidak wajib, sebaiknya simpan shortcode khusus Anda di file mereka sendiri. Sebagai alternatif, Anda dapat menambahkannya ke file

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
0 tema Anda

Pertama, buat file baru bernama

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_1, dan simpan di dalam folder yang sama dengan file
function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
0 tema Anda

Kemudian, di dalam file yang baru dibuat, tambahkan blok kode berikut

<?php
 
?>
_

Selanjutnya, buka file

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_0, dan tambahkan baris kode berikut

include('custom-shortcodes.php');

Anda sekarang siap untuk mulai menambahkan kode pendek khusus Anda

Kode Pendek Dasar

Dalam contoh pertama ini, kita akan membuat shortcode WordPress dasar yang menyisipkan gambar avatar Day Of The Indie di bawah ini

Tambahkan kode pendek di fungsi php

Membuat Kode Pendek

Langkah pertama adalah membuat fungsi shortcode. Di dalam file

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_1, tambahkan blok kode berikut

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}

Dalam contoh kode di atas, fungsi

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_5 mengembalikan gambar yang ditentukan sebelumnya bernama
function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
6

Langkah selanjutnya adalah mendaftarkan kode pendek dengan WordPress menggunakan fungsi bawaan

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
7. Masih di dalam
function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_1, tambahkan baris kode berikut

add_shortcode('dotiavatar', 'dotiavatar_function');

Saat Anda mendaftarkan kode pendek menggunakan fungsi

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_7, Anda meneruskan tag kode pendek (
add_shortcode('dotiavatar', 'dotiavatar_function');
0) dan fungsi yang sesuai (
add_shortcode('dotiavatar', 'dotiavatar_function');
1)/kait yang akan dijalankan setiap kali pintasan digunakan

Dalam hal ini, tag pintasannya adalah

add_shortcode('dotiavatar', 'dotiavatar_function');
2 dan pengaitnya adalah
function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
5

Catatan. Saat menamai tag, gunakan huruf kecil saja, dan jangan gunakan tanda hubung;

Menggunakan Kode Pendek

Sekarang setelah kode pendek dibuat dan didaftarkan, saatnya untuk mencobanya. Kapan pun Anda ingin avatar DOTI muncul di dalam konten posting, Anda dapat menggunakan shortcode sebagai gantinya

[dotiavatar]

Tambahkan kode pendek di fungsi php

Kode pendek dengan Parameter (Atribut)

Pada contoh sebelumnya, tidak banyak ruang untuk mengubah segalanya. Katakanlah, alih-alih mendorong satu gambar, kami ingin dapat mengatur gambar mana yang akan digunakan menggunakan parameter. Anda dapat melakukannya dengan menambahkan beberapa atribut (

add_shortcode('dotiavatar', 'dotiavatar_function');
4)

Sekali lagi, di dalam

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_1, tambahkan fungsi lain, seperti itu

function dotirating_function( $atts = array() ) {
  
    // set up default parameters
    extract(shortcode_atts(array(
     'rating' => '5'
    ), $atts));
    
    return "<img src="http://dayoftheindie.com/wp-content/uploads/$rating-star.png" 
    alt="doti-rating" width="130" height="188" class="left-align" />";
}

Fungsi di atas menerima satu parameter.

add_shortcode('dotiavatar', 'dotiavatar_function');
6. Jika nilai
add_shortcode('dotiavatar', 'dotiavatar_function');
_6 tidak diteruskan, ia menggunakan nilai string default
add_shortcode('dotiavatar', 'dotiavatar_function');
8. Ini dilakukan dengan membuka array atribut menggunakan fungsi
add_shortcode('dotiavatar', 'dotiavatar_function');
9 bawaan, dan menggabungkan nilai default dengan nilai yang mungkin telah diteruskan ke fungsi

Jangan lupa untuk mendaftarkan shortcode

add_shortcode('dotirating', 'dotirating_function');

Dengan fungsi kode pendek dibuat, dan pengait ditambahkan, kode pendek sekarang siap digunakan di dalam konten posting Anda

[dotirating rating=3]

Sebagai alternatif, Anda dapat menghilangkan

add_shortcode('dotiavatar', 'dotiavatar_function');
_6, dan hanya menggunakan nilai default

[dotirating]

Tambahkan kode pendek di fungsi php

Dan itu saja. Anda sekarang tahu cara membuat kode pendek WordPress yang menutup sendiri. Tapi ada jenis lain yang bisa Anda buat

Melampirkan Shortcode

Hingga saat ini, kami telah bekerja dengan shortcode yang dapat menutup sendiri. Tetapi ada jenis kode pendek lainnya. melampirkan shortcode

Melampirkan shortcode memungkinkan Anda untuk menggunakan format gaya BBCode. Artinya, gaya yang terlihat seperti ini

[shortcode]content[/shortcode]

Melampirkan kode pendek berguna saat Anda perlu memanipulasi konten terlampir. Misalnya, katakanlah Anda memiliki gaya tombol tertentu yang Anda gunakan di situs web Anda;

Dengan menggunakan kode pendek terlampir, Anda dapat tetap fokus pada konten, bukan pada kode

Membuat Kode Pendek

Sekali lagi, di dalam file

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_1, tambahkan blok kode berikut

include('custom-shortcodes.php');
0

Pada blok kode di atas,

[dotiavatar]
_2 digunakan untuk mengidentifikasi fungsi ini sebagai kode pendek terlampir. Dan, di dalam fungsi itu, Anda membungkus konten Anda (
[dotiavatar]
3) di dalam kode HTML

Oke, sekarang saatnya mendaftarkan shortcode

include('custom-shortcodes.php');
_1

Dan itu dia. Kode pendek Anda siap digunakan

Menggunakan Kode Pendek

Menggunakan shortcode terlampir tidak jauh berbeda dengan menggunakan shortcode self-closing. Seperti HTML, Anda hanya perlu memastikan bahwa Anda memiliki pernyataan pembuka dan penutup

include('custom-shortcodes.php');
_2

Tentu saja, ini hanyalah contoh dasar. Anda juga dapat menambahkan parameter ke shortcode terlampir, seperti yang Anda lakukan dengan shortcode self-closing

Di dalam

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
_1, tambahkan satu fungsi lagi

include('custom-shortcodes.php');
_3

Dan kemudian daftarkan kode pendek

include('custom-shortcodes.php');
_4

Fungsi baru ini memungkinkan Anda mengatur tautan untuk tombol menggunakan sintaks berikut

include('custom-shortcodes.php');
5

Dengan menyertakan kode pendek, Anda dapat melakukan banyak hal dengan kode yang sangat sedikit

Tambahkan kode pendek di fungsi php

Sepatah Kata Tentang Widget

Secara default, shortcode hanya didukung di posting, halaman, atau jenis posting kustom; . Untuk menambahkan dukungan widget, Anda perlu menambahkan kode berikut ke file

function dotiavatar_function() {
     return '<img src="http://dayoftheindie.com/wp-content/uploads/avatar-simple.png" 
    alt="doti-avatar" width="96" height="96" class="left-align" />';
}
0

include('custom-shortcodes.php');
_6

Setelah Anda melakukannya, Anda dapat menggunakan kode pendek di widget- seperti yang Anda lakukan di posting/halaman

Membungkus Barang

Menambahkan shortcode Anda sendiri tidak memerlukan banyak usaha- terutama setelah Anda memahami cara penerapannya. Jika Anda ingin mempelajari lebih lanjut, lihat codex WordPress

Bagaimana cara menggunakan kode pendek dalam fungsi php?

Untuk melakukannya, Anda perlu menemukan single tema Anda. templat php. Untuk menambahkan shortcode di bawah konten, Anda ingin menambahkan fungsi do_shortcode di bawah fungsi the_content di file template . Anda dapat melakukan pengeditan melalui editor tema bawaan WordPress dengan membuka Penampilan → Editor Tema.

Bagaimana Anda menambahkan kode pendek ke suatu fungsi?

Menambahkan Shortcode di Posting dan Halaman WordPress . edit the post and page where you want to add the shortcode. Setelah itu, Anda perlu mengklik tombol tambahkan blok untuk memasukkan blok kode pendek. Setelah menambahkan blok kode pendek, Anda cukup memasukkan kode pendek Anda di pengaturan blok.

Bagaimana cara membuat kode pendek di fungsi php WordPress?

Cara Membuat Shortcode di WordPress (Dalam 7 Langkah) .
Langkah 1 – Buat File Tema Baru
Langkah 2 – Buat Fungsi Kode Pendek
Langkah 3 – Tambahkan Shortcode Self-Closing ke Website
Langkah 4 – Tambahkan Parameter ke Kode Pendek
Langkah 5 – Uji Parameter
Langkah 6 – Buat Kode Pendek Terlampir

Bagaimana cara membuat kode pendek di php?

Untuk menambahkan dukungan widget, Anda perlu menambahkan kode berikut ke fungsi. file php. add_filter( 'widget_text', 'shortcode_unautotop' ); . Once you do that, you can use shortcodes in widgets- just like you do in posts/pages.