Address

Perm. Handayani, Jl. Handayani, Pekanbaru, Riau

Contact

Shortcode di Oxygen Builder – Shortcode adalah sebuah kode pendek yang berfungsi untuk menjalankan sebuah fungsi tertentu dengan cepat. Shortcode ini tidak jauh berbeda dengan HTML dan Embed yang memiliki fungsi sama. Sebuah shortcode memiliki ciri-ciri kode ditandai dengan tag. Sebagai contoh penulisannya adalah diawali dengan tanda kurung buka “[” dan akhirnya ditutup dengan tanda kurung tutup “]”.

Biasanya shortcode di wordpress sudah ada, Anda dapat menggunakannya sesuai kebutuhan. WordPress memiliki enam shortcode bawaan seperti audio, playlist, gallery, video, caption, dan embed. Selain itu, shortcode juga tersedia pada plugin-plugin wordpress yang bertujuan untuk mempermudah penggunaan sebuah fitur.

Sebagai contoh shortcode yang tersedia di plugin wordpress seperti contact form 7, gravity form, breadcrumbs navxt dan masih banyak lagi.

Baca juga: Rekomendasi Plugin Page Builder WordPress

Shortcode di Oxygen Builder

Selanjutnya, pada pembahasan ini saya akan memberikan penjelasan bagaimana cara menggunakan shortcode di Oxygen builder. Pada dasarnya, untuk memanggil fungsi shortcode di php menggunakan do_shortcode. Lalu, bagaimana shortcode dapat berjalan dan di gunakan pada oxygen builder? Berikut ada beberapa cara untuk menambahkan shortcode di oxygen builder.

Element Shortcode/Shortcode Wrapper

Untuk dapat memanggil atau menggunakan shortcode di oxygen, Anda dapat menggunakan elemen shortcode wrapper. Secara default elemen ini sudah ada tanpa Anda membuat kustom elemen lagi.

  • Klik atau pilih menu tambah elemen
Shortcode di Oxygen Builder
  • Lalu cari pad akolom pencarian dengan kata kunci “Shortcode”
Shortcode di Oxygen Builder
  • Maka akan muncul dua pilihan elemen, Anda dapat memilihnya sesuai kebutuhan.
  • Sebagai contoh implementasi shortcode, saya menggunakan shortcode dari gravity form. Copy shortcode, lalu paste atau tempel pada kolom input shortcode
Shortcode di Oxygen Builder
  • Simpan, dan preview. Pastikan tag kurung buka dan penutup ada.

Element Code block

  • Pilih atau klik menu tambah elemen, lalu cari menggunakan kata pencarian “Code block”
Shortcode di Oxygen Builder
  • Pada elemen ini menjadi alternatif jika ingin menampilkan shortcode yang menyatu dengan kustom function Anda buat.
  • Pilih pada bagian PHP & HTML untuk memanggil kode.
Shortcode di Oxygen Builder
  • Panggil shortcode menggunakan do_shortcode, lihat penulisan kode dibawah ini:
<?php echo do_shortcode( '[gravityform id="1" title="true"]' ) ?>
  • Klik Apply Code bawa bagian bawah code editor untuk melihat hasilnya di preview mode oxygen.

Rich Text

Rich text selain untuk memanggil konten sepeti paragraf dan gambar, nyatanya di oxygen dapat digunakan untuk memanggil shortcode. Bagaimana caranya? simak penjelasan setiap langkah berikut ini.

Baca juga: Cara Buat Template di Oxygen Builder

  • Add elemen, gunakan kata pencarian Rich Text
  • Dobel klik pada bagian text rich text, maka akan muncul popup editor konten rich text. Pilih tab Text
  • Copy dan paste shortcode pada bagian editor text
Shortcode di Oxygen Builder
  • Simpan, dan refresh atau reload halaman yang menampilkan elemen yang Anda buat tadi.

Itu tadi cara sederhana dan penjelasan bagaimana menampilkan kode pendek menggunakan beberapa elemen yang ada di oxygen builder. Semoga bermanfaat ya, terimakasih.


administrator

Eko Pramono lebih akrab disapa Pram, seorang web developer, suka nulis, suka ngegame, dan suka turing. Bekerja di salah satu perusahaan Digital Marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.