Wordpress

Cara Menambahkan Shortcode WordPress ke Situs Anda .

Kode pendek adalah
alat yang ampuh bagi siapa saja yang tertarik untuk memodifikasi cara kerja situs WordPress mereka, karena kode pendek menawarkan penyesuaian terbaik tanpa memaksa Anda untuk mengetahui banyak tentang pengkodean secara umum.

Kode pendek pada dasarnya adalah kata atau frasa pendek yang ditempatkan dalam tanda kurung [like-this].  Anda dapat menempatkan kode pendek WordPress ke dalam editor, yang kemudian merujuk informasi tambahan di . Anda function.php file untuk mengungkapkan sesuatu di frontend situs web Anda.

Misalnya, jika Anda ingin menyematkan file video untuk posting blog, cukup letakkan tanda kurung [ ] sekitar kata video untuk merujuk video yang sebelumnya diunggah di situs Anda.  Kode pendek sangat bagus untuk membuat hal-hal seperti tombol, penggeser gaya akordeon, widget Twitter, pembagi, dan segala macam barang pemformatan yang biasanya memaksa Anda untuk memahami pengkodean PHP.

Kode pendek dimaksudkan untuk membuat hidup Anda lebih mudah, tetapi untuk menambahkan kode pendek baru ke situs WordPress Anda, Anda harus benar-benar memberi tahu sistem apa yang Anda inginkan untuk mengganti kode pendek.  Mari kita lihat beberapa metode untuk menambahkan opsi kode pendek WordPress baru untuk mengambil kendali penuh atas situs Anda.

Mulai Dengan Kode Pendek WordPress Default

WordPress sebenarnya dikemas dengan beberapa kode pendek default untuk Anda gunakan tanpa menempatkan apa pun di Anda function.php mengajukan.  Klik tautan di bawah ini untuk mempelajari lebih lanjut tentang kode pendek WordPress default:

API WordPress memungkinkan Anda menghasilkan sejumlah eksponensial kode pendek lainnya, tetapi sayangnya, orang cenderung melupakan fitur canggih ini dan hanya menggunakan kode pendek default.  Baca terus untuk melihat bagaimana Anda dapat berhenti menerima apa yang disediakan dan membuat kode pendek khusus untuk membuat situs Anda terlihat seperti yang Anda inginkan.

Cara Membuat Kode Pendek WordPress

Untuk memulai, kami ingin membuat kode pendek yang mengirimkan modul Adsense hanya dengan mengetik [adsense] ke dalam editor.

Langkah 1: Tempatkan Fungsi ke dalam function.php

Temukan function.php file untuk situs WordPress Anda, dan rekatkan fungsi berikut di file.  Kami menggunakan fungsi Adsense sebagai contoh mudah.  Fungsi pada dasarnya adalah bagian yang memberi tahu kode pendek apa yang harus ditampilkan di frontend situs Anda.  Dalam hal ini, ketika kita menempatkan [adsense] kode pendek di situs, ia menggunakan fungsi berikut untuk menampilkan iklan.


    function google_adsense() {
    return '<script  type="text/javascript"><!--
    google_ad_client = "<em>your client  id</em>";
    google_ad_slot = "<em>your ad slot  id</em>";
    google_ad_width =  <em>width</em>;
    google_ad_height =  <em>height</em>;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    ';
    }
    

Kode ini yang baru saja Anda masukkan ke dalam function.php File inilah yang menggantikan shortcode di frontend–dalam hal ini modul Adsense sederhana.  Bergantung pada fungsi dan kode pendek Anda, Anda dapat menambahkan kolom, tombol khusus, widget media sosial, dan banyak lagi.

Langkah 2: Menautkan Kode Pendek Anda ke Fungsi

Hanya karena Anda membuat kode pendek dan fungsi tidak berarti keduanya terhubung bersama.  Sekarang kita perlu tambahkan panggilan terakhir untuk memasangkan keduanya.  Gunakan panggilan di bawah ini:


    add_shortcode('adsense', 'google_adsense');
    

Kata pertama adalah apa yang ingin Anda panggil kode pendek Anda.  Jadi, karena kami mencantumkannya sebagai “adsense,” WordPress secara otomatis menghasilkan [adsense] Kode pendek.  Kami memanggil fungsi google_adsense sehingga parameter kedua dalam panggilan kami memberi tahu WordPress bahwa ia perlu menggunakan fungsi tertentu setiap kali Anda menempatkan kode pendek yang tepat di situs web Anda.

Ingatlah bahwa ini hanyalah salah satu dari banyak kode pendek yang dapat Anda buat di WordPress.  Jika Anda tertarik untuk menghasilkan lebih banyak, buka API kode pendek WordPress.

Langkah 3: Membuat Kode Pendek Berfungsi di Situs WordPress Anda

Untuk melihat apa yang dihasilkan kode pendek Anda di frontend sebenarnya dari situs Anda, Anda perlu membuka halaman atau posting di WordPress dan menempatkan [adsense] kode pendek dalam teks.  Klik untuk melihat pratinjau apa yang muncul di situs Anda atau publikasikan halaman atau postingan untuk menjadikannya permanen.  Itu dia!  Anda sekarang sedang dalam perjalanan untuk mengurangi banyak waktu dengan menggunakan kode pendek.

Pertimbangkan Menggunakan Plugin Kode Pendek untuk Menyederhanakan Proses

Jika Anda tidak ingin mengacaukan fungsi, cukup aktifkan plugin untuk menyelesaikan pekerjaan kotor untuk Anda.

#1 Shortcode Ultimate

Shortcode Ultimate

Shortcodes Ultimate adalah salah satu opsi yang lebih populer jika Anda tidak ingin membuat shortcode sendiri.  Temukan kode pendek untuk tab, kotak, tombol, penggeser baru, dan lainnya.  Ini bagus karena Anda dapat meningkatkan ke versi premium untuk menerima kode pendek tambahan jika Anda mulai menggunakannya lebih sering.

Ingatlah bahwa ketika Anda memilih plugin kode pendek, Anda perlu memastikan bahwa desainnya responsif sehingga Anda dapat memanipulasi kode pendek Anda saat berada di perangkat lain dan kode pendek benar-benar merespons berbagai perangkat saat ditampilkan di frontend.

#2 Kode Pendek Bootstrap Mudah

Kode Pendek Bootstrap Mudah

Easy Bootstrap Shortcode memiliki antarmuka yang sederhana, yang bagus untuk webmaster pemula di luar sana.  Ini memiliki fitur menarik yang memungkinkan Anda membuat kode pendek di plugin dan lupa mengetik kode pendek ke editor.  Menurut pendapat saya, tidak sulit untuk memasukkan kode pendek, tetapi saya kira itu menghemat langkah tambahan Anda.

Plugin mewah ini juga menawarkan Anda kemampuan untuk menonaktifkan CSS plugin.  Ini memberi Anda kesempatan untuk memanfaatkan CSS khusus yang Anda buat sendiri.  Saya telah menggunakan plugin ini beberapa kali di masa lalu, dan pengembang benar-benar memperbaruinya dengan kode pendek baru setiap saat.  Ini bagus karena Anda menerima banyak mainan baru gratis untuk dimainkan setiap kali pembaruan dirilis.

#3 Kode Pendek CPO

Kode Pendek CPO

CPO Shortcodes tidak ada bedanya dengan plugin lain, jadi silakan mencobanya dan lihat apakah antarmuka bekerja lebih baik untuk Anda.  Ada lebih dari 30 kode pendek yang disertakan dengan plugin seperti kode pendek untuk bilah kemajuan, peta sebaris, anggota tim, pemberitahuan, dan banyak lagi.

Ini memiliki pembuat kode pendek visual yang bagus sehingga Anda dapat melihat apa hasilnya bahkan sebelum Anda mempublikasikan ke situs web Anda.  Plugin ini juga menyertakan tab di bagian atas editor Anda untuk memudahkan akses.

#4 Kode Pendek Olevmedia

Kode Pendek Olevmedia

Olevmedia Shortcodes juga menambahkan modul desain visual dan tombol di atas editor agar Anda mendapatkan ide tentang shortcode yang ingin Anda gunakan sebelum menerapkannya di situs Anda.  Cobalah beberapa kode pendek yang lebih keren seperti spidol, tabel, kotak info, tabel harga, logo, dan lainnya.

Nilai tambah yang besar adalah bahwa tata letak kode pendek benar-benar responsif, jadi ketika Anda mempublikasikan posting atau halaman dengan kode pendek, orang dapat melihatnya dengan baik jika mereka menggunakan tablet atau perangkat seluler.  Anda juga akan melihat bahwa banyak dari plugin ini menyertakan tangkapan layar dan tutorial bermanfaat untuk melihat dengan tepat seperti apa tampilan shortcode sebelum Anda bahkan harus menginstal plugin.

Saya suka memindai kode pendek yang ditawarkan di setiap plugin sebelumnya, agar tidak membuang waktu menginstal selusin plugin dan bermain-main dengan masing-masing plugin untuk mengetahuinya.

#5 pembuat kode pendek

pembuat kode pendek

Shortcoder adalah cara unik dari plugin shortcode tradisional.  Alih-alih hanya menyediakan banyak kode pendek yang sudah dikemas sebelumnya, ini membantu dalam mengembangkan kode pendek kustom Anda sendiri.  Anda menyimpan HTML atau cuplikan lain di plugin itu sendiri dan menautkannya ke kode pendek apa pun yang Anda inginkan.

Editor visual sangat bagus untuk melihat apa yang Anda buat, dan tampaknya bekerja dengan baik untuk pemula dan ahli, karena Anda dapat menyesuaikan dari awal atau menarik dari template.

Kami harap posting ini telah membantu Anda menambahkan pintasan ke situs WordPress Anda.  Anda mungkin ingin melihat panduan kami tentang cara menambahkan Logo Kustom ke Situs WordPress Anda.

Bagikan pemikiran Anda di bagian komentar jika Anda memiliki pertanyaan tentang opsi kode pendek WordPress dan cara menggunakannya di situs Anda.  Apakah ada shortcode WordPress tertentu yang Anda tidak bisa hidup tanpanya?  Beritahu kami!

Demikanlah tulisan tentang Cara Menambahkan Shortcode WordPress ke Situs Anda . Semoga dapat menjadi manfaat bagi kita semua.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Back to top button