Categories
Wordpress Series

Blok Desain dan Shortcode Pada WordPress

Daftar Isi

Shortcode

Shortcode adalah perintah untuk menampilkan sesuatu berdasarkan rumus yang didapatkan dari plugin atau bawaan WordPress. Shortcode ditandai dengan tanda kurung kotak [], misalnya [currentpost].

Shortcode dapat dituliskan di manapun, baik di paragraf, tabel, caption dan tempat yang lain yang dapat diketik.

Shortcode cocok digunakan untuk mendapatkan data dinamis, misalnya tanggal saat ini, alamat dari pos dan sebagainya.

Apabila shortcode ada, maka akan ditampilkan sesuai dengan rumus. Apabila shortcode tidak ada, maka akan ditampilan teks shortcode apa adanya.

Tampil
Tertulis pada desain[currentpost type="permalink"]
Tampilan di web
jika shortcode ada
https://example.org/sample-page
Tampilan di web
jika shorcode tidak ada
[currentpost type="permalink"]
contoh desain dan tampilan shortcode

Blok Kolom

  1. Buat kolom, pilih bentuk kolom sesuai dengan gambar atau tentukan desain kolom nanti
    membuat kolom
  2. Klik bagian terluar kolom untuk merubah jumlah kolom atau warna
    setting kolom
  3. Klik tombol tambah untuk menambahkan blok ke dalam sel, atau drag and drop blok ke dalam sel yang diinginkan
    tambah blok di dalam kolom
  4. Klik pada bagian terluar dari sel untuk merubah lebar sel
    setting sel
  5. Klik pada isi sel untuk merubah isi atau pengaturan dari blok isi sel
    setting isi sel

Contoh Pemanfaatan Blok Kolom Untuk Membuat Konten Yang Shareable

  1. Bayangkan desain atau tuangkan di dalam bentuk visual, baik menggunakan kertas atau menggunakan komputer/smartphone, misalnya:
    contoh tampilan desain dan hasil blok desain
    • terdapat kutipan dengan foto di sampingnya
    • di bawah terdapat informasi di manakah kutipan ini dapat ditemukan, tentu saja alamatnya tidak dituliskan secara manual karena disamping panjang, penulis kesulitan dalam mengetahui alamat dari tulisan
  2. Tentukan desain kolomnya
    desain kolom
    Apakah bisa langsung diimplementasikan?
    • ya, maka langsung dapat diimplementasikan
    • tidak, maka perlu disesuaikan dengan blok kolom
      penyesuaian desain kolom
  3. Implementasikan desain

    catatan:

Demikian, semoga bermanfaat. [bst]

By basit

Biro Pengembangan Teknologi Dan Sistem Informasi

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.