mengenal widget pada website

Mengenal Widget pada Website

Mengenal Widget pada Website – Pada desain website Anda, terlihat adanya komponen sidebar. Di desain standar pada WordPress, sidebar biasanya terletak di sisi kanan. Apa sih kegunaan sidebar itu? Sidebar berguna untuk menampilkan banyak informasi, mulai dari Profile Anda / perusahaan, informasi penawaran terbaru, arsip, kategori, dll.

mengenal widget pada website

Apakah mudah untuk mengotak-atik sidebar ini?

WordPress memiliki fasilitas yang disebut widgets, yang memungkinkan Anda untuk menambah, mengurangi, dan merevisi semua informasi yang ada di sidebar tanpa perlu mengerti pemrograman web sekalipun.

Pasukan Synergy

Berikut ini cara untuk menjelajahi widgets dari wordpress :

  1. Anda klik menu Design – Widgets di Dashboard.
  2. WordPress akan menampilkan daftar widget yang telah didaftarkan untuk sidebar tertentu (dalam contoh ini, Left Sidebar).
  3. Bila Anda ingin menampilkan daftar widget untuk sidebar lain (misalnya Right Sidebar),
  4. Maka Anda tinggal klik dropdown box
  5. Pilih sidebar yang Anda kehendaki
  6. Lalu klik tombol Show.

Misalkan di Left Sidebar, Anda akan menaruh Pages, maka Anda cukup mengklik link Add di sebelah Pages, sehingga Pages akan tampil di daftar widgets di Left Sidebar. Lakukan hal yang serupa untuk Categories, Archives, dan widget lain yang Anda inginkan. Lalu klik tombol Save Changes. Bila Anda melihat website Anda kembali, maka hasilnya akan berubah.

Misalkan Anda melihat widget Archives dan ingin mengganti judul widget menjadi “Arsip”, maka Anda klik link Edit di widget Pages, lalu Anda bisa memasukkan judul untuk widget tersebut.

Perhatikan, Anda bisa menentukan juga berbagai parameter untuk mengkustomisasi widget tersebut, misalnya:

  • Show post counts, yang berarti widget Archives akan menampilkan jumlah post untuk masing-masing periode waktu arsip
  • Display as a drop down, artinya widget Archives akan ditampilkan dengan pilihan drop-down textbox

Ingat, berbagai parameter tadi bisa berbeda untuk masing-masing widget. Jadi disarankan, Anda untuk rajin dalam bereksplorasi dan mencoba. PRAKTEK!

Lalu, bila Anda ingin menghapus salah satu widget, bagaimana caranya? Ini sangat mudah! Anda hanya perlu mengklik link Edit di widget yang ingin Anda hapus, lalu klik link Remove.

Misalnya di sidebar sebelah kanan, Anda akan menaruh semacam teks yang berisi profile Anda atau perusahaan. Gimana ya caranya?

Bila menggunakan cara lama, maka Anda harus setidaknya mengerti konsep pemrograman web; tapi hal ini tidak mutlak diperlukan di widgets WordPress. Anda hanya perlu menambahkan text widget.

Sebelumnya, karena Anda akan menambahkan widget di Right Sidebar sedangkan saat ini Anda sedang menampilkan daftar widgets untuk Left Sidebar, maka pastikan Anda mengganti dropdown box yang tadinya berisi Left Sidebar menjadi Right Sidebar dan klik tombol Show.

Sekarang, Anda klik link Add di sebelah Text, sehingga di daftar widgets, muncul sebuah widget baru: Text. Untuk mengisikan teksnya, Anda klik link Edit di sebelah widget Text baru tersebut. Anda isikan judul dan isi teks widget, lalu klik tombol Change. Karena Anda merubah widget, maka Anda harus ingat untuk klik tombol Save agar perubahan tadi disimpan oleh WordPress.

Menambahkan Sidebar

Misalkan di sidebar, Anda bermaksud menambahkan suatu informasi tentang produk Anda. Bagaimana caranya?

Walaupun hal ini bisa ditempuh dengan merubah Sidebar.php, namun di sini lebih disarankan untuk menggunakan text widget ketimbang memodifikasi theme tersebut. Namun andaikata Anda harus memodifikasi theme, berarti Anda harus merubah file di sidebar.php.

Misalnya Anda ingin menambahkan produk Smart DETOX ke website Wordpress Anda.

Pertama, Anda simpan gambar Smart DETOX ke harddisk lokal dan Anda upload ke situs WordPress (misalnya ke /images/smartDETOX.jpg).

Pasukan Synergy

Kedua, Anda akan membuat text widget baru. Anda beri judul Smart DETOX. Untuk isi text widget, Anda menggunakan bahasa pemrograman HTML seperti berikut:

<p>
<img src=”http://websitesendiri.com/images/smartDETOX.jpg”>Solusi Langsing tanpa Ribet
</p>

Tag <img src=”http://websitesendiri.com/images/smartDETOX.jpg”> digunakan bila Anda ingin menampilkan suatu gambar dari sumber yang disebut di bagian src.

Demikian info tentang mengenal widget pada website semoga bermanfaat.

Ternyata belajar internet itu mengasyikan, apalagi bisa punya penghasilan 20 jutaan per bulan... rasanya gimana gitu... Tapi gimana cara belajarnya?? Klik gambar di bawah untuk dapat solusinya

Komunitas SB1M
loading...
Hosting Berkualitas

ADD YOUR COMMENT

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

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