Cara Membuat Kode Pintas WordPress dan Bekerja dengannya Lebih Mudah

Cara Membuat Kode Pintas WordPress dan Bekerja dengannya Lebih Mudah


Shortcode WordPress adalah tag kecil yang digunakan sebagai jalan pintas untuk mengeksekusi fitur-fitur tertentu dalam posting dan halaman. Anda dapat mengenali kode pendek dengan tanda kurung siku yang mengelilingi kata atau frasa sederhana. Mereka diperkenalkan di versi 2.5 dengan misi untuk membantu orang menjalankan fungsi dengan cara mudah.

Seperti yang mungkin sudah Anda ketahui, WordPress menggunakan bahasa pemrograman PHP untuk meningkatkan daya. Jadi, ketika Anda ingin menambahkan fitur spesifik langsung ke posting dan halaman, Anda harus menulis kode dalam editor teks. Sebagai gantinya, shortcode memungkinkan pengguna untuk mengganti seluruh blok kode dengan istilah sederhana dan menjalankannya hanya dengan menerbitkan posting. Luar biasa, bukan begitu?

Dalam panduan ini, Anda dapat belajar:

  • Cara menggunakan shortcode WordPress
  • Cara membuat kode pendek sederhana
  • Cara menggunakan shortcode di Widget Teks

Bacaan yang disarankan: Kursus WordPress oleh Udemy

Cara menggunakan shortcode WordPress

Kode pendek dalam editor teks dan visual

Untuk menggunakan kode pendek, orang tidak perlu tahu cara membuat kode atau memahami cara kerjanya di backend. WordPress itu sendiri, serta sebagian besar tema dan plugin WordPRess, menggunakan shortcode yang berbeda untuk memungkinkan penggunaan banyak fitur canggih.

Misalnya, untuk menampilkan seluruh galeri gambar, Anda hanya perlu menggunakan [galeri] shortcode yang terpasang dengan WordPress. Sebagian besar kode pendek dapat digunakan dalam bentuk dasar seperti contoh sebelumnya.

Kode pendek diganti oleh konten yang sebenarnya segera setelah Anda mempublikasikan atau mempratinjau posting atau halaman.

Parameter kode pendek

Lebih sering daripada tidak, shortcode dapat memiliki parameter tambahan. Dengan menambahkan informasi tambahan kepada mereka, Anda dapat menyesuaikan dan mengubah output. Sebagai contoh, sementara shortcode [galeri] sepele menampilkan semua gambar yang dilampirkan pada posting, dimungkinkan untuk mengubahnya. Kode singkat galeri memungkinkan Anda menentukan gambar dengan ID mereka sehingga Anda dapat menampilkan gambar tertentu atau bahkan memasukkan gambar yang bukan bagian dari pos tertentu..

Juga, dimungkinkan untuk menentukan ukuran galeri, dan banyak hal lainnya dengan memberikan parameter tambahan. Ini sebuah contoh:

[galeri id = “1,5,7” size = “sedang”]

Galeri dari contoh ini hanya akan menampilkan gambar dengan nomor ID yang ditentukan. Dalam hal ini, ukurannya akan secara otomatis diubah menjadi sedang. Dan Anda mendapatkan semua itu dengan kode pendek sederhana. Sekarang bayangkan seperti apa keseluruhannya jika Anda akan menambahkan kode PHP secara manual yang akan memiliki puluhan jika tidak ratusan baris. Terima kasih, shortcode!

Mulai dan akhiri tag

Beberapa kode pendek yang lebih kompleks mungkin memiliki tag awal dan akhir. Jadi, alih-alih satu kode pendek, Anda akan berakhir memiliki dua kode dengan konten tertentu di antaranya.

Misalnya, plugin Google Maps memungkinkan Anda untuk menampilkan lokasi di peta melalui kode pendek. Sebagian besar plugin semacam itu akan memiliki tag awal dan akhir, sementara alamatnya harus ditulis di antaranya. Ini sebuah contoh:

[[peta]] New York, AS [[/ peta]]

Seperti yang Anda lihat dari contoh, tag penutup selalu dimulai dengan tanda garis miring “/”. Dengan memiliki kedua tag, WordPress dapat mengidentifikasi bagian-bagian dari kode pendek dengan lebih mudah.

Bekerja di editor Teks

Kode singkat WordPress

Meskipun mereka hanya pintasan ke fungsi, shortcode sebenarnya adalah kriptogram khusus WordPress sendiri. Jadi, jika Anda mencoba untuk menulis kode pendek di editor visual, WordPress akan segera menunjukkan kepada Anda output (atau hanya placeholder) dari kode pendek itu. Jika Anda mengikuti contoh galeri dan menulis kode pendek di editor Visual, Anda akan melihat bahwa WordPress segera menampilkan isinya (lihat gambar pertama di posting ini untuk melihat cara kerjanya).

Jika Anda ingin mengedit kode pendek, dan bekerja dengan parameternya, beralihlah ke editor teks yang memungkinkan Anda melihat struktur kode pendek apa pun yang diberikan.

Shortcode WordPress default

Shortcode biasanya dikelola oleh tema dan plugin. Setiap pengembang dapat mendaftarkan kode pendek sendiri, sehingga masing-masing berbeda. Apa yang dilakukan oleh kode pendek, apa parameter dan fungsinya, semata-mata bergantung pada plugin dan tema spesifik yang Anda gunakan.

Misalnya, sebuah plugin yang membantu Anda menampilkan lokasi di Google Maps mungkin memiliki kode pendek [[peta]], yang menampilkan formulir berlangganan akan menggunakan [[form]] dan seterusnya..

Setiap produk berbeda, jadi pastikan untuk memeriksa deskripsi dan dokumentasi tema dan plugin untuk mempelajari lebih lanjut tentang penggunaan spesifik mereka.

Namun, WordPress hadir dengan sekumpulan shortcode default yang dapat Anda gunakan tanpa menginstal ekstensi tambahan. Secara default, ini adalah shortcode yang dapat Anda gunakan:

  • – embed file audio
  • [keterangan] – bungkus keterangan di sekitar konten
  • – bungkus item semat dan atur dimensi maksimalnya
  • [galeri] – menampilkan galeri gambar
  • [daftar putar] – tampilkan koleksi file audio dan video
  • – embed file video

Lolos kode pendek (tampilkan teks kode pendek tanpa menjalankannya)

Terkadang, Anda mungkin ingin menampilkan teks yang mewakili kode pendek alih-alih menjalankannya. Jika Anda mencoba menambahkan kode pendek ke editor teks dan visual, Anda menyadari bahwa itu dijalankan pada kedua kesempatan.

Untuk menampilkan teks kode pendek, gunakan tanda kurung ganda: [[Kode pendek]]

Jika Anda ingin menampilkan kode pendek dengan tag awal dan akhir, gunakan hanya kurung ganda pertama dan terakhir: [[peta] New York, AS [/ peta]]

Saat bekerja di editor teks, Anda juga dapat mengganti tanda kurung dengan kode mereka. Jadi, alih-alih “[” Anda dapat menggunakan “[”, dan sebaliknya “]” gunakan “]”. Sebagai contoh: [kode pendek & # 93; akan menampilkan kode pendek juga tanpa menjalankannya.

Cara membuat kode pendek sederhana

Ketika Anda menulis artikel di WordPress setiap hari, ada kalanya Anda mengulang sendiri dan ketika Anda harus mengetik sesuatu berulang kali. Tidak masalah apakah itu URL situs web, kalimat panjang atau mungkin sepotong kode HTML yang terus-menerus Anda tulis dari awal, Anda harus mempertimbangkan untuk menulis kode pendek untuk itu.

Dan dengan fungsi sederhana ini, Anda tidak perlu menjadi seorang programmer atau Anda bahkan tidak akan menyewa seorang untuk membuat segalanya menjadi sederhana bagi Anda. Ikuti beberapa langkah berikutnya dan buat sendiri kode pendek khusus:

  1. Buka file function.php di menu Appearance -> Editor
  2. Tempatkan kode berikut di akhir file:
  3. function fsg_shortURL () {
    mengembalikan 'http://www.firstsiteguide.com';
    }
    add_shortcode ('fsg', 'fsg_shortURL');
  4. Buka Editor Teks dan ketik [fsg] untuk mendapatkan URL, bukan kode pendek

Itu tidak sulit, benar?

Contoh lebih lanjut: Tambahkan kode pendek gambar

Dengan menempatkan kode berikut di functions.php, Anda dapat membuat kode pendek untuk menempatkan gambar dengan atribut lebar dan tinggi khusus:

  1. Buka file functions.php
  2. Rekatkan kode berikut:
  3. function img_shortcode ($ atts, $ content = null) {
    
    ekstrak (shortcode_atts (
    Himpunan(
    'width' => '',
    'tinggi' => '',
    ), $ atts)
    );
    kembali '';
    }
    add_shortcode ('img', 'img_shortcode');
    
    
  4. Buka Editor Teks:

Di sini Anda dapat menggunakan [img width = ’x’ height = ’y’] http: // … [/ img] shortcode di mana “x” dan “y” adalah angka yang mewakili lebar dan tinggi dalam piksel.

Anda dapat dengan mudah menambahkan atribut gambar lainnya jika Anda memerlukannya; lihat daftar semua atribut gambar di Sekolah W3.

Cara menggunakan shortcode di Widget Teks

Dengan WordPress versi 4.9 yang telah dirilis pada 15 November 2017, shortcode secara otomatis berfungsi di Widget Teks. Tetapi jika Anda masih menggunakan versi WordPress yang lebih lama, bagian tutorial ini akan membantu Anda mendapatkan hasilnya.

Shortcode dapat berisi berbagai fungsi yang dapat Anda tambahkan ke situs web WordPress Anda. Baik Anda telah membuatnya sendiri atau disertai dengan tema atau plugin yang baru saja Anda instal, Anda mungkin akan menggunakan kode pendek setiap saat. Karena Anda benar-benar dapat menghemat waktu dan memanfaatkannya, tidak ada alasan untuk tidak menggunakan kode pendek.

Jika Anda baru saja mulai membangun situs web WordPress Anda, Anda mungkin menggunakan kode pendek hanya di editor Post. Tapi, kebenarannya adalah Anda dapat menggunakan kode pendek secara praktis di mana saja.

Misalnya, jika Anda menggunakan plugin Google Maps PRO 5sec yang memungkinkan Anda membuat peta dengan mudah dengan pin yang tak terhitung jumlahnya, Anda mungkin ingin memasukkan peta melalui kode pendek langsung di Widget Teks Anda dan menunjukkan lokasi Anda di bilah sisi alih-alih satu. pos. Tetapi jika tema Anda tidak mendukung kode pendek di widget, Anda harus mengaktifkan fungsinya sendiri dan itulah yang akan kami tunjukkan di artikel ini.

Jika Anda perlu menggunakan kode pendek di file PHP Anda (misalnya, jika Anda ingin menjalankan kode di file header.php Anda dan menjalankan kode pendek di mana pun header itu ada), Anda dapat melakukannya dengan mudah dengan membungkus kode di sekitarnya . Tetapi jika Anda telah mencoba menggunakan kode pendek di Widget Teks Anda seperti pada contoh yang telah kami sebutkan di atas, Anda akhirnya kecewa karena itu tidak berfungsi dan widget menampilkan kode pendek itu sebagai isinya. Kecuali jika tema Anda sudah memiliki fitur terdaftar, Anda harus mengaktifkannya sendiri.

Jadi, jika Anda ingin dapat memasukkan kode pendek ke Widget Teks dan membuatnya berjalan, jangan khawatir; Anda dapat mewujudkannya dalam hitungan detik:

  1. Buka functions.php
  2. Salin dan tempel dua baris berikut:
  3. add_filter ('widget_text', 'shortcode_unautop');
    add_filter ('widget_text', 'do_shortcode');
  4. Simpan perubahan

Meskipun sebenarnya cukup hanya menggunakan baris kedua yang membuat shortcode berfungsi, Anda akan menginginkan baris pertama untuk menghindari penyisipan paragraf dan tag tag otomatis WordPress di mana Anda secara tidak sadar membuat jeda baris dengan memformat teks dalam widget . Untuk berjaga-jaga jika Anda meletakkan kode pendek pada baris terpisah, buka akan menghapus tag-tag paragraf itu dan kode pendeknya akan berfungsi seperti mantra.

Sekarang Anda dapat menavigasi ke Penampilan -> Widget dan seret Widget Teks ke tempat yang Anda inginkan. Setelah semua ini, ketika Anda menulis kode pendek langsung ke Widget Teks Anda (yang terdaftar di situs Anda, tentu saja) itu akan mengeksekusi seperti itu diketikkan ke Editor Posting.

Demikian pula, Anda dapat menjalankan kode PHP dari Widget Teks Anda. Cukup mudah, bukan? Nikmati kode singkat Anda.

Shortcode ada di mana-mana

Jika Anda baru memulai blog WordPress, kode pendek mungkin tampak berlebihan dan sulit dimengerti. Sebagian besar waktu akan memungkinkan untuk menghindari kode pendek dengan menggunakan antarmuka yang ramah pengguna yang disediakan oleh sebuah plugin. Tetapi ketika Anda lebih terlibat dengan blog, dan ketika Anda mulai menggunakan lebih banyak plugin, Anda akan memahami kekuatan sebenarnya dari shortcode.

Menggunakannya akan menjadi rutin, dan Anda akan dengan cepat terbiasa menulis tanda kurung di setiap posting baru yang Anda buat. Jadi, luangkan beberapa menit, dan gunakan artikel ini untuk mempelajari dasar-dasarnya.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map