Membuat shortcode di CMS WordPress. Kode pendek Tambahkan tombol untuk memasukkan kode pendek ke dalam editor posting visual TinyMCE
Kode pendek- ini adalah hal yang sangat berguna bagi webmaster; kode pendek benar-benar menyederhanakan pekerjaan rutin memasukkan jenis informasi yang sama ke ratusan halaman situs. Pada saat yang sama, akan lebih mudah untuk mengganti informasi secara BESAR dalam kode pendek yang diinginkan.
Jika Anda belum mengetahui apa itu shortcode, saya akan menjelaskannya secara singkat. Bayangkan Anda perlu memasukkan beberapa kode ke dalam sebuah artikel, biarlah itu menjadi tautan:
10 Shortcode Berguna untuk WordPress
Bayangkan Anda ingin memasukkannya ke dalam 10 artikel di tempat acak. Prinsipnya tidak sulit, kami menginstalnya. Sekarang bayangkan link tersebut ternyata rusak dan Anda perlu menggantinya di 10 tempat? Bagaimana jika itu 100 halaman? Mungkin akan sulit untuk melakukan ini secara manual, tetapi bagi banyak orang ini adalah tugas yang sulit.
Sekarang bayangkan Anda memiliki sebuah plugin yang dapat digunakan untuk membuat tautan pendek untuk setiap kode, seperti , yang dapat disisipkan langsung ke dalam teks dalam mode editor, yang seringkali jauh lebih nyaman daripada dalam mode html.
Sekarang, jika Anda perlu mengubah tautan, buka panel admin plugin dan ubah tautannya, dan kode akan otomatis berubah di semua halaman situs tempat kode pendek kita berada. Anda dapat membuat kode pendek Anda sendiri untuk setiap tautan, spanduk, skrip, atau gambar dan mengelola susunan ini dari satu pusat kendali.
Dan jika Anda memiliki toko online, maka ini menjadi hal yang lebih berguna bagi Anda, sejak menggunakannya kode pendek woocommerce Anda dapat mengubah harga, nilai tukar, nama produk, dan apa pun yang Anda inginkan secara besar-besaran. Bagaimana semua ini dapat dicapai?
Ada banyak plugin di WordPress untuk membuat shortcode, tapi saya tidak suka satupun dari mereka: semuanya dalam bahasa Inggris, terkadang terlalu canggih, terkadang terlalu sedikit fungsinya... Tapi beberapa hari yang lalu saya membaca bahwa seorang blogger SEO terkenal Vitaly Burgomistrov mengumumkan plugin gratis untuk tujuan ini - sKode oleh mojWP.
Berikut adalah video singkat tentang cara kerja plugin ini:
Jika Anda memasukkan kode pendek ke dalam kode html templat, Anda akan melihat apa yang Anda masukkan - kode pendek. Untuk membuatnya berfungsi, Anda perlu menyertakan kode pendek Anda dalam suatu fungsi:
Sekarang Anda akan melihat di situs apa yang Anda sembunyikan di balik kode pendek Anda. Tidak ada yang rumit, bukan? Di panel admin ada instruksi kecil untuk plugin dan video yang saya masukkan ke dalam artikel.
Saya lebih suka menunjukkan kepada Anda bagaimana hal ini dapat dipraktikkan. Saya sudah lama ingin melakukan ini dan sekarang sepertinya waktu yang tepat. Untuk memahami inti ide saya, saya hanya akan mencatat satu hal.
Penghasilan dari AdSense bergantung pada apa?
1. Biaya per klik.
2. Jumlah klik.
Kami tidak akan dapat lagi mempengaruhi yang pertama jika artikel tersebut ditulis dan sudah ada traffic yang bagus. Namun kami dapat meningkatkan rasio klik-tayang secara signifikan. Seperti yang Anda pahami, saya hanya akan berbicara tentang blok iklan yang ada di artikel. Blok di sidebar, di footer, dan terutama di header adalah yang paling bodoh dan saya sudah menghapus semuanya sejak lama.
Namun dalam artikel tersebut, masalahnya sangat berbeda. Seseorang mulai membaca artikel dan menemukan iklan - apakah dia akan mengklik atau tidak? Di sini semuanya tergantung pada satu faktor: topik iklan SEPENUHNYA bertepatan dengan masalah yang sedang dibahas pada tahap artikel INI. Contoh:
Berikut adalah orang yang membaca tentang hosting mana yang harus dipilih. Membaca, membaca, dan mendekati pertanyaan yang Anda tulis di artikel dan menyorotnya dengan huruf tebal - hosting mana yang terbaik untuk dipilih??
Ngomong-ngomong, saya sudah menggunakan plugin ini dan memasukkan kode pendek dengan iklan AdSense setelah pertanyaan saya - apa yang ditampilkannya? Jika Anda menempatkan blok iklan di tempat lain, maka efek ini tidak akan ada lagi. Apakah Anda mengerti maksud saya?
Ya, Anda perlu memasukkan kode pendek dengan iklan SECARA MANUAL DI TEMPAT YANG TEPAT! Jika tempat ini tidak ada, maka perlu DIBUAT! Anda dapat melakukan ini: buka google.com dan masukkan nama artikel kami ke dalam pencarian. Kami mencari artikel kami di hasil pencarian dan membukanya. Mari kita lihat iklan apa saja yang ditampilkan adsense. Kami mencari tempat di artikel yang akan menjadi miliknya, kami menyelesaikan artikel menggunakan kata-kata dari iklan ini dan memasukkan kode pendek di sana.
Sekarang iklan dalam artikel tersebut akan MAKSIMUM sesuai dengan isinya, setidaknya dengan bagian teks di mana iklan tersebut akan muncul. Ya, ini panjang dan membosankan, tapi kita tidak mencari cara yang mudah, bukan? Cara mudahnya adalah agama pecundang...
Tidak menemukan jawabannya? Gunakan pencarian situs
Kode pendek adalah fungsi PHP yang dapat digunakan dalam konten postingan menggunakan simbol.
Misalnya, kode pendek WordPress standar memungkinkan Anda menampilkan galeri di dalam postingan.
Jelas bahwa fungsi ini memberikan peluang luar biasa bagi pengembang WordPress - saat ini, memasukkan formulir, tombol, dan bilah geser ke dalam postingan sangatlah populer.
Sama seperti suatu fungsi yang dapat memiliki argumen, kode pendek juga dapat memiliki parameternya sendiri. Contoh lain dengan kode pendek:
Anda dapat menempelkan kode tersebut ke file function.php (maksud saya yang terletak di direktori tema Anda saat ini).
Nama kode pendek harus dalam huruf kecil dan hanya berisi huruf latin, angka, dan garis bawah.
Kode pendek dengan parameter
Oke, saya sudah menulis bahwa shortcode dapat memiliki parameternya sendiri, sekarang mari kita lihat bagaimana hal ini dilakukan.
Sebagai contoh, saya menulis kode pendek yang hanya memasukkan tautan ke dalam postingan yang terbuka di tab browser baru target="_blank" . Menurut saya ini tidak benar-benar berguna, tetapi hal utama bagi kita sekarang adalah memahami prinsip cara kerja kode pendek.
Akan ada dua parameter: jangkar dan url - masing-masing jangkar (teks tautan) dan URL. Jika parameter tidak ditentukan dalam kode pendek itu sendiri, nilai default yang ditentukan dalam fungsi akan digunakan.
Menutup kode pendek dan kode pendek di dalam kode pendek
Mari kita ambil kode pendek dari contoh sebelumnya dan mengubahnya sedikit. Izinkan saya mengingatkan Anda bahwa kode pendeknya terlihat seperti ini:
.
Bagaimana jika kita mendesain ulang seperti ini: Link URL.
Selain itu, Anda dapat memasukkan kode pendek lain ke dalam kode pendek penutup (berkat fungsinya).
Oleh karena itu, mari kita ulang kode kita dari contoh sebelumnya:
| fungsi true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "anchor" => "Misha Rudrastykh" ) , $atts ) ; mengembalikan """ target="_blank">($params[ "jangkar "])"; ) add_shortcode( "trueurl" , "true_url_external" ) ; |
Sekarang shortcode berikut akan menampilkan link ke halaman utama situs Anda (saya menulis tentang shortcode di atas).
Menambahkan tombol sisipkan kode pendek ke editor posting visual TinyMCE
Jelas bahwa akan jauh lebih mudah untuk memasukkan kode pendek melalui editor TinyMCE bawaan, dan jika pada saat yang sama sebuah antarmuka diimplementasikan yang memungkinkan Anda mengatur parameter kode pendek, maka itu umumnya keren.
1.PHP
Terlepas dari apakah tombol Anda berbentuk teks atau dengan ikon, apakah berisi kolom input tambahan (parameter kode pendek) atau tidak, dalam semua kasus, kode PHP untuk mendaftarkan tombol akan sama.
| // Fungsi kait true_add_mce_button() ( // periksa hak pengguna - apakah dia dapat mengedit postingan dan halaman if ( !current_user_can( "edit_posts" ) && !current_user_can( "edit_pages" ) ) ( kembali ; // jika tidak bisa, maka tidak memerlukan tombol, dalam hal ini kita keluar dari fungsinya } // periksa apakah editor visual diaktifkan di pengaturan pengguna (jika tidak, maka tidak perlu menghubungkan tombol) if ( "benar" == get_user_option( "rich_editing" ) ) ( add_filter ( "mce_external_plugins" , "true_add_tinymce_script" ) ; add_filter ( "mce_buttons" , "true_register_mce_button" ) ; ) ) add_action ( "admin_head" , "true_add_mce_button" ) ; // Dalam fungsi ini kita menentukan link ke file JavaScript dari tombol tersebut fungsi true_add_tinymce_script( $plugin_array ) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; kembalikan $plugin_array ; ) // Daftarkan tombol di editor fungsi true_register_mce_button( $buttons ) ( array_push ( $buttons , "true_mce_button" ) ; // true_mce_button - pengidentifikasi tombol kembalikan $tombol; ) |
Dalam contoh ini, saya menggunakan file . true_button.js - tombol itu sendiri, buat file ini di direktori dengan tema (atau di mana pun Anda mau, tetapi jangan lupa untuk mengubah jalur ke sana dalam kasus ini).
2.1. JavaScript. Contoh tombol sederhana
Mari kita lihat isi file true_button.js. Jadi, pertama-tama mari kita buat tombol sederhana yang akan memasukkan kode pendek.
| (fungsi () ( tinymce.PluginManager .add ("true_mce_button" , fungsi ( editor, url ) ( // true_mce_button - ID Tombol editor.addButton("true_mce_button" , ( // true_mce_button - ID tombol, harus sama di semua tempat teks: "", // teks tombol, jika Anda ingin tombol Anda hanya berisi ikon, hapus baris ini judul: "Masukkan kode pendek", // keterangan alat ikon: salah // di sini Anda dapat menentukan salah satu ikon vektor yang ada di TinyMCE atau kelas CSS Anda sendiri onclick: function() ( editor.insertContent( "" ) ; // masukkan kode pendek ke dalam editor, Anda juga dapat mengatur tindakan jQuery apa pun } } ) ; } ) ; } ) () ; |
Sebagai akibat:
Versi teks tombol sisipkan kode pendek di editor visual TinyMCE.
2.2. Tombol dengan ikon, daftar drop-down dan kemampuan untuk mengatur parameter kode pendek
Saya akan mulai dengan memasukkan (atau lebih tepatnya mengganti) kode ke dalam file true_button.js:
| (fungsi () ( tinymce.PluginManager.add("true_mce_button" , fungsi ( editor, url ) ( // id tombol true_mce_button harus sama di semua tempat editor.addButton( "true_mce_button" , ( // id tombol true_mce_button ikon: "perec", // kelas CSS saya sendiri, berkat itu saya akan mengatur ikon tombol ketik: "tombol menu", judul: "Masukkan elemen", // keterangan alat saat mengarahkan kursor menu: [ // daftar drop-down pertama dimulai di sini( teks: "Elemen formulir" , menu: [ // di sini memulai daftar drop-down kedua di dalam daftar drop-down pertama( teks: "Bidang teks" , onclick: function () ( editor.windowManager.open( ( judul: "Tetapkan parameter bidang", isi: [ ( ketik: "kotak teks" , nama: "nama kotak teks" , // ID, akan digunakan di bawah label: "ID dan nama bidang teks", // nilai label: "komentar" // nilai bawaan), ( ketik: "kotak teks" , // ketik kotak teks = kolom teks nama: "multilineName", label: "Nilai default bidang teks", nilai: "Halo", multiline: benar , // bidang teks besar - area teks lebar minimum: 300, // lebar minimum dalam piksel minTinggi: 100 // tinggi minimum dalam piksel), (ketik: "kotak daftar", // tipe kotak daftar = pilih daftar dropdown nama: "listboxName" , label: "Padding" , "nilai" : [ // nilai daftar tarik-turun( teks: "Wajib" , nilai: "1" ) , // label, nilai(teks: "Opsional", nilai: "2" ) ] ) ] , pengiriman: fungsi ( e ) ( // ini akan terjadi setelah mengisi kolom dan menekan tombol kirim editor.insertContent( "" ) ; ) ) ); ) ), ( // elemen kedua dari daftar dropdown bersarang, cukup masukkan kode pendek teks: "Tombol Kirim", onclick: fungsi () ( editor.insertContent("" ) ; ) ) ] ), ( // elemen kedua dari daftar drop-down pertama, cukup sisipkan teks: "Kode Pendek", onclick: function () ( editor.insertContent("" ) ; ) ) ] ) ); ) ) ; ) ) () ; |
Setelah memasukkan kode, tombol saya sudah muncul dan berfungsi. Satu-satunya hal adalah tidak ada ikon apa pun (yah, kecuali panah bawah).
WordPress adalah sistem penerbitan yang kuat, nyaman bagi blogger pemula dan untuk membuat segala jenis forum, jejaring sosial, toko, dll.
Biasanya, template yang sesuai dipilih untuk setiap aplikasi, namun terkadang kemampuannya tidak cukup.
Di sinilah kode pendek membantu, yang dengannya Anda dapat menambahkan “semangat” Anda sendiri ke WordPress.
Kode pendek adalah kode pendek yang dimasukkan langsung ke dalam teks halaman, header, widget - yaitu, ke dalam konten dan memperluas kemampuan WordPress.
Dengan bantuannya, Anda dapat memformat teks dengan indah, membaginya menjadi kolom, menyisipkan konten, tombol, pemutar audio, formulir pemesanan, dan banyak fitur lainnya ke dalam halaman yang membedakan WordPress Anda dari yang lain.
Jika tidak ada pengendali untuk kode pendek tertentu, pemanggilannya di halaman akan terlihat seperti teks biasa.
Artikel ini sengaja menggunakan nama-nama shortcode yang tidak ada sehingga Anda dapat melihat seperti apa pemanggilan shortcode itu, dan bukan hasil pengoperasiannya.
Jenis kode pendek berdasarkan struktur
Mereka datang tanpa parameter, dengan parameter dan dengan konten.
Kode pendek tanpa parameter
Terkadang Anda hanya perlu memanggil kode pendek untuk menjalankan fungsi yang ditentukan secara ketat. Tidak perlu memberikan parameter apa pun padanya.
Misalnya kode ini menampilkan garis horizontal. Penampilannya ditentukan dalam style sheet.
Panggilan ini menampilkan tahun berjalan. Nyaman karena tidak perlu mengedit teks setiap tahun.
Kode pendek dengan parameter
Terkadang Anda perlu meneruskan parameter untuk mendapatkan hasil yang berbeda.
Misalnya, ini adalah bagaimana tombol cantik disisipkan, gaya yang harus ditentukan dalam style sheet.
Ini berisi dua parameter: judul- ini tulisan pada tombol, misalnya Pesan, Berlangganan, dll.
url— ini adalah alamat klik-tayang.
Ini adalah bagaimana Anda dapat memasukkan harga dalam rubel, yang secara otomatis dikonversi dari harga dalam dolar dengan nilai tukar Bank Sentral saat ini.
Berikut parameternya S adalah harga dalam dolar.
Kode pendek dengan konten
Mereka terdiri dari dua bagian, di antaranya dapat terdapat konten postingan, widget, dll.
Ini adalah bagaimana Anda dapat menyorot bagian teks atau bagian dari postingan dengan “menempatkan” latar belakang berwarna di bawahnya:
Ada beberapa teks yang akan ditampilkan pada latar belakang berwarna.
Parameter warna mengatur warna latar belakang dalam kode heksadesimal biasa.
Dan inilah cara Anda menampilkan teks dalam dua kolom dengan lebar yang sama:
Kode pendek dalam kode PHP terdiri dari fungsi yang memprosesnya, dan perintah yang menetapkan fungsi terkait ke kode tersebut.
Berikut kode pendek khas untuk sebuah tombol:
fungsi ha_tapi($atts,$isi=NULL) (
ekstrak(kode pendek_atts(array(
'judul' => 'Mulai',
'url' => salah
), $atts));
$keluaran=" '.$judul."’;
kembalikan $keluaran;
}
add_shortcode('tapi','ha_tapi');
Dalam contoh ini fungsinya diberi nama ha_tapi. Itu melewati dua parameter - judul Dan url. Dan untuk judul nilai default yang ditetapkan Pergi. Jika, saat memanggil kode, parameternya judul lewati, maka tombol default akan memiliki tulisan Pergi.
Di dalam suatu fungsi, fungsi lain dapat dipanggil, file dapat dihubungkan, dll. Fungsionalitas kode pendek hanya dibatasi oleh imajinasi dan keterampilan pemrograman Anda.
Fungsi tersebut kemudian mengembalikan hasil kerjanya menggunakan kembali.
Fungsi tambahkan_kode pendek menetapkan kode pendek berdasarkan nama Tetapi fungsi penangan berdasarkan nama ha_tapi.
Dan berikut adalah gaya untuk tombol kuning yang membentang di seluruh lebar halaman:
Tapi(
tampilan: blok sebaris;
warna: #000000;
font: 300 16px “Roboto”, sans-serif;
transformasi teks: huruf besar;
latar belakang: #fde42b;
latar belakang: -webkit-gradient(linear, kiri atas, kiri bawah, dari(#fcea38), ke(#ffcf00));
latar belakang: -webkit-linear-gradient(atas, #fcea38 0%, #ffcf00 100%);
latar belakang: gradien linier(ke bawah, #fcea38 0%, #ffcf00 100%);
perbatasan-bawah: 3px solid #b27d00;
bantalan: 14px 15px 11px;
lebar: 90%;
radius batas: 2px;
perataan teks: tengah;
dekorasi teks: tidak ada;
bayangan-teks: 1px 1px 0 #ffec89;
}
.btn: arahkan kursor (
opacity: 1;
latar belakang: -webkit-gradient(linear, kiri bawah, kiri atas, dari(#ffdd02), ke(#fffe6d));
latar belakang: -webkit-linear-gradient(bawah, #ffdd02 0%, #fffe6d 100%);
latar belakang: gradien linier(ke atas, #ffdd02 0%, #fffe6d 100%);
warna batas: #bd8500;
Cara memasukkan kode pendek ke dalam template WordPress
Anda dapat memasukkan fungsi - penangan kode pendek langsung ke dalam file yang bertanggung jawab untuk mengeluarkan postingan tunggal - biasanya ini tunggal.php. Maka kode pendek ini hanya akan berfungsi di postingan.
Lebih baik masukkan ke dalam file fungsi.php, yang tersedia di tema WordPress apa pun. Kemudian kode pendek akan berfungsi di semua halaman, widget, dll.
Namun, jika Anda memperbarui atau mengubah template, kode pendek tidak akan diproses lagi. Jika Anda berencana untuk mengubah desain blog di kemudian hari, maka lebih baik kode semua shortcode ditempatkan dalam satu file, misalnya, kode pendek.php, dan letakkan dalam satu folder -ku di akar situs.
Dalam hal ini, Anda perlu mengatur panggilan dengan memasukkannya ke dalam file fungsi.php memerintah require_once('my/shortcodes.php');
Setelah mengubah atau memperbarui tema WordPress Anda, jangan lupa memasukkan kembali perintah ini.
Cara memasukkan kode pendek ke halaman WordPress
Agar kode pendek berfungsi, Anda perlu memasukkan panggilannya ke tempat yang diinginkan dalam konten, yang terdiri dari tanda kurung siku, nama kode pendek, dan parameter. Pada saat yang sama, Anda dapat menghiasnya dengan gaya apa pun, seperti teks postingan biasa.
Saya harap ada cukup contoh sehingga Anda dapat membuat kode pendek WordPress Anda sendiri yang memecahkan masalah yang Anda perlukan.
Tonton video tutorial cara membuat shortcode yang lebih kompleks di sini:
Seringkali, dalam proses memposting konten di sebuah situs, Anda perlu menghubungkan satu atau beberapa elemen dalam postingan Anda. Agak merepotkan untuk menulis sesuatu secara manual setiap saat, terutama jika sisipan seperti itu banyak. Khusus untuk ini di CMS WordPress, mulai dari versinya 2.5 , fungsi khusus yang disebut kode pendek diperkenalkan.
Dalam praktiknya, kode pendek adalah konstruksi khusus yang diapit tanda kurung siku. Sistem, menemuinya di suatu tempat, menggantikan nilai yang diberikan. Kode pendek cukup populer dalam tema dan plugin.
Mari kita lihat tindakan kode pendek menggunakan plugin galeri gambar sebagai contoh. Jadi, setelah menginstal dan mengaktifkannya, bagian khusus muncul di bagian admin situs WordPress Anda, yang berisi alat yang diperlukan untuk membuat galeri. Setelah gambar ditambahkan dan pengaturan yang diperlukan diterapkan, galeri Anda akan disimpan. Sekarang tinggal menampilkannya di website. Untuk melakukan ini, plugin memberi tahu Anda kode pendek unik, tempat Anda memasukkannya, galeri yang Anda buat akan ditampilkan.
Kode pendeknya terlihat seperti ini:
Bagaimana cara membuat kode pendek di WordPress?
Alat mesin memungkinkan Anda tidak hanya menggunakan kode pendek yang ada, tetapi juga membuatnya sendiri. Untuk melakukan ini, Anda perlu memiliki keterampilan pemrograman. Kami akan menempatkan semua pekerjaan kami di file konfigurasi utama tema WordPress aktif - fungsi.php.
Jika Anda tidak tahu cara mengedit fungsi.php, maka dalam hal ini plugin ProFunctions akan membantu Anda.
Misalnya, mari kita membuat kode pendek yang akan menampilkan teks sederhana “Halo, Sekolah WPS!”
Untuk melakukan ini, tambahkan baris berikut ke file di atas:
Fungsi wpschool_text_shortcode() ( kembalikan "Halo, WPSchool!"; ) add_shortcode("textshortcode", "wpschool_text_shortcode");
Kode kami terdiri dari 2 struktur utama. Memblokir fungsi wpschool_text_shortcode() adalah fungsi di mana nilai kode pendek yang diperlukan sebenarnya dikeluarkan. Dalam kasus kami, ini adalah output dari string teks “Halo, Sekolah WPS!”
Pengarahan tambahkan_kode pendek() adalah perintah utilitas yang membuat kode pendek itu sendiri. Ini memiliki dua parameter. 'kode pendek teks'– ini adalah nama kode pendeknya, yang pada akhirnya akan diapit tanda kurung siku. Pada parameter kedua kita menentukan nama fungsi kita dengan keluaran teks.
Hasilnya, kita akan mendapatkan shortcode berikut, siap untuk ditempel:
Mari tambahkan ke bagian konten postingan atau halaman.
Hasilnya, di situs tersebut akan terlihat seperti ini:
Pada contoh berikut, kita akan membuat shortcode untuk menyisipkan gambar dengan ukuran tertentu.
Fungsi wpschool_picture_shortcode($atts) ( ekstrak(shortcode_atts(array("width" => 100, "height" => 100,), $atts)); return " 
"; ) add_shortcode("gambar", "wpschool_picture_shortcode");
Kode pendek kami sekarang berisi parameter fungsi, dan ada juga argumen $atts. Untuk menggunakan parameter kode pendek, kita memerlukan dua fungsi: kode pendek_atts() Dan ekstrak(). Yang pertama adalah fungsi yang dibangun ke dalam inti WordPress yang mencocokkan atribut kode pendek dengan atribut yang diteruskan dan menetapkan nilai default (jika perlu). ekstrak() adalah fungsi bahasa PHP, yang membuat variabel dari nilai array. Fungsi kita mengembalikan nilai yang kita perlukan ( HTML- markup gambar kita dengan nilai tinggi dan lebar yang ditentukan).
Sekarang kapan shortcode akan digunakan , gambar yang dipilih dengan dimensi akan dihasilkan 100 pada 100 . Jika Anda perlu mengubah ukurannya, kode pendeknya akan terlihat seperti:
Saya baru-baru ini menemukan bahwa banyak orang tidak tahu cara memasukkan kode pendek ke WordPress atau menampilkan skrip di situs dengan mesin yang berbeda. Dan bagi yang mengetahui cara membuat tema website dalam kode template website Keluaran kode pendek PHP, sering melakukan kesalahan serius. Dan pada akhirnya, mereka menyalahkan fakta bahwa mereka memiliki plugin atau kode pendek tidak berfungsi, atau secara umum ada yang salah dengan templat situs. Namun kenyataannya, semuanya sangat sederhana dan kesalahan terjadi terutama karena kurangnya perhatian atau ketidaktahuan tentang sintaksis dan tanda baca.
Bagaimana mengajukan? Respon cepat
Khusus bagi yang sudah mengetahui semuanya, namun hanya mencari jawaban cepat, atau untuk engine lain, maka silahkan gunakan kode ini:
php echo melakukan kode pendek wordpress
|
Namun, jangan lupakan tanda baca! Kutipan di Anda Kode pendek Dan Vphp kodenya harus berbeda.
Artinya, jika di templat situs WordPress Anda, Anda menggunakan kode pendek yang sama, tetapi dengan dua tanda kutip di dalamnya ([“…”]), dan di kode php Anda juga menggunakan tanda kutip ganda (“[…]”) , maka Anda perlu untuk mengubah beberapa di antaranya menjadi yang tunggal. Justru karena alasan kecil itulah yang sering terjadi Kode pendek tidak berfungsi di wordpress. Lebih lanjut tentang ini di bawah.
Apa itu kode pendek(kode pendek), dan untuk apa?
Kode pendek adalah dari bahasa Inggris "Kode pendek" Ini digunakan terutama saat membuat plugin atau modul yang dirancang untuk bekerja dengan sistem manajemen konten (CMS), misalnya WordPress, Joomla, dll. Sederhananya, kode pendek ini adalah semacam pintasan yang, ketika ditambahkan ke situs, akan ditarik ke atas semua kode besar dari plugin.
Kode pendeknya biasanya terlihat seperti ini: ini atau bahkan hanya satu kata
Bagaimanapun, ini tidak begitu penting, karena yang utama adalah mengetahui prinsip menambahkan kode pendek ke situs.
Bagaimana itu bekerja?
Semuanya sangat sederhana. Katakanlah Anda memiliki situs web di mesin WordPress, Anda memiliki beberapa templat (desain) situs web sederhana, tetapi untuk menghiasnya, Anda memutuskan untuk meletakkan penggeser di atasnya, di mana foto Anda akan bergulir sendiri. Ini sangat mudah dilakukan. Untuk melakukan ini, Anda perlu mengunduh plugin slider dari perpustakaan plugin WordPress umum, mengunggah foto yang diperlukan di sana, dan plugin akan memberi Anda kode slider kecil seperti:
tapi hanya kode pendek ini (Shortcode) dalam satu baris:
Dengan memasukkan sesuatu seperti ini
kode pendek ke halaman situs di Wordpress atau di widget, plugin Anda akan mulai bekerja dan akan menghasilkan kode penggeser besar teratas, sebagai hasilnya Anda akan mendapatkan penggeser Anda di halaman situs.
A cara memasukkan kode pendek penggeser lurus ke templat wordpress dalam kode php?
Jika Anda membutuhkannya langsung ke dalam kode, untuk tujuan ini pengembang plugin ini menulis di sebelah (Gbr. di atas) fungsi kode pendek di PHP:
"Fungsi" kode pendek ini dapat dimasukkan ke dalam file php di lokasi yang Anda perlukan di situs. Misalnya, di header.php, di suatu tempat setelah badan atau mungkin di sidebar.php, atau yang terbaik di file templat halaman (bisa disebut seperti content-page.php), sebagai hasilnya, Anda akan mendapatkan itu penggeser yang sama, tetapi sudah terpasang dalam desain situs itu sendiri.
Namun, Anda harus sangat berhati-hati saat melakukannya keluaran kode pendek dalam templat wordpress dalam file php. Ini membutuhkan setidaknya pengetahuan dasar tentang PHP. Karena jika Anda memasukkannya “di tempat yang salah” ke dalam file PHP, maka akan muncul error di situs.
Biasanya kode php apa pun dimulai dengan. Setelah menyelesaikan satu kode PHP dan sebelum memulai yang lain, Anda dapat memasukkan fungsi PHP Anda. Sayangnya, pengembang plugin tidak selalu membuat fungsi PHP siap pakai (seperti dalam contoh ini) untuk menampilkan kode pendek. Dalam hal ini, Anda dapat membuatnya sendiri dengan mudah dan sederhana, selengkapnya di bawah ini.
Bagaimana menampilkan kode pendek di php V wordpress, jika tidak ada fungsi PHP siap pakai di plugin?
Ada plugin di mana pengembangnya memutuskan untuk tidak menentukan fungsi PHP yang sudah jadi untuk memasukkan kode pendek ke dalam file templat situs (seperti yang terjadi pada contoh sebelumnya), tetapi hanya menunjukkan kode pendek. Seperti ini misalnya pada plugin slider ini:
Apa yang harus kita lakukan dalam kasus ini, karena kita perlu memasukkan kode pendek ke dalam template WordPress dan langsung ke file php di situs? Dalam hal ini, Anda hanya perlu menggabungkan kode pendek itu sendiri dengan fungsi keluaran PHP, yang ditunjukkan di awal artikel. Hasilnya, dengan mempertimbangkan kode pendek kami, kami akan mendapatkan fungsi PHP jenis ini:
shortcode wordpress cara menyisipkan
|
Sekarang dapat diintegrasikan dengan aman ke dalam templat situs web apa pun. Namun, jangan terburu-buru dan baca di bawah ini tentang kesalahan umum yang bahkan dilakukan oleh webmaster berpengalaman saat menambahkan kode pendek.
Kesalahan besar! Atau mengapa shortcode wordpress tidak berfungsi?
Di awal artikel saya sudah menjelaskan caranya dengan benar tambahkan kode pendek V wordpress, Dan bagaimana rekatkan kode pendek ke dalamnyaPHP. Mari kita rangkum semuanya sekarang.
Sebenarnya ada dua cara untuk menambahkannya, yaitu:
kode pendek wordpress ke dalam templat
|
Seperti yang Anda lihat, mereka berbeda satu sama lain hanya dalam tanda kutip - tunggal dan ganda. Sintaks bahasa PHP sangat berhati-hati terhadap kutipan tersebut. Dan jika di dalam fungsi kedua, yaitu dengan dua tanda kutip, Anda memasukkan kode pendek juga dengan dua tanda kutip, misalnya seperti yang kami punya: maka Anda akan menerima kesalahan di situs.
Agar tidak ada kesalahan dan kode pendek Anda berfungsi normal, Anda perlu memiliki kutipan yang berbeda. Misalnya seperti ini:
Anda dapat menambahkan salah satu dari dua kode pendek pertama ke template WordPress Anda langsung di editor. Untuk melakukan ini, temukan file php yang sesuai di editor situs yang mengontrol "tempat" di situs tempat Anda ingin menampilkan penggeser. Anda dapat menemukan tempat ini di alat pengembang langsung di browser Anda dengan menekan kombinasi tombol Ctrl+Shift+I.
