4 Cara mudah mengedit tampilan WordPress

4 Cara mudah mengedit tampilan WordPress

Disini kita akan mencoba membahas tentang cara mengedit tampilan WordPress (baik theme ataupun situs anda) agar menjadi lebih menarik lagi. Tapi pertama-tama harus kita garis bawahi dulu bahwa ini adalah cara untuk mengedit WordPress yang self-hosted atau yang di download dari http://wordpress.org/ bukan yang lain.

Di beberapa cara yang akan kita bahas disini, ada beberapa cara yang mungkin cukup sulit dilakukan para pemula. Namun tenang, kita akan selalu mencoba memberikan cara yang sangat mudah bagi para pemula sekalipun. Jadi cobalah secara bertahap dulu apabila anda ingin mencoba mengedit tampilan WordPress anda.

Inilah beberapa cara mengedit tampilan WordPress anda:

1. Mengganti theme di WordPress anda

Ini adalah cara paling gampang untuk mengedit tampilan WordPress anda. Anda tidak perlu memilki pengetahuan tentang koding lebih mendalam untuk melakukan hal ini. Hanya cukup dengan mengganti theme saja, otomatis WordPress anda akan berubah tampilannya.

Bagaimana cara mengganti theme WordPress anda dari theme gratis yang disediakan wordpress.org ?


Cara mengedit tampilan WordPress
Theme gratis wordpress.org

Untuk mengganti theme ini anda bisa menuju menu Appearance->Themes. Nah di menu ini anda akan ditampilkan berbagai theme gratis. Anda juga bisa mengklik  Preview untuk melihat demo theme nya.

Apabila anda sudah memutuskan pilihan, tinggal tekan tombol Install lalu tunggu beberapa saat sampai selesai mendownload. Setelah itu anda tinggal menekan tombol  Activate. Maka dengan begini theme tersebut sudah di download dan diaktifkan di situs anda.

Bagaimana cara mengganti theme WordPress anda dari file .zip?


theme zip file
Theme file .zip

Untuk mengganti theme dari file .zip, pertama-tama pastikan theme anda sudah berada di folder komputer anda. Lalu anda bisa menuju menu Appearance->Themes.

Lalu setelah itu klik tombol Upload Theme lalu tekan tombol browse dan tinggal pilih folder komputer anda yang mengandung file .zip (theme) dan tekan tombol Install Now. Tunggu beberapa saat, setelah muncul tulisan “Theme installed successfully.” anda bisa mengklik link “Activate” dan otomatis theme tersebut sudah terinstall.

Ada beberapa hal yang perlu anda ketahui jika anda mengganti theme ini. Jika theme yang anda gunakan sebelumnya memiliki “custom post type” ( seperti portfolio, product ), maka custom post type tersebut akan hilang/tidak akan ditampilkan lagi di theme yang baru diinstall ini.

Namun tidak semua theme menggunakan custom post type ini di theme nya, hanya beberapa jenis theme saja yang menggunakan custom post type ini. BIasanya jenis-jenis premium theme.

Apa kelebihan cara mengedit tampilan WordPress menggunakan theme ini?

  • Tidak memerlukan pengetahuan mendalam tentang koding dan CSS
  • Banyak pilihan theme gratis. Anda tinggal melihat demo theme yang cocok dan gunakan.
  • Beberapa theme mempunyai fitur “Theme options” atau “Customizer” sehingga kita bisa lebih mudah lagi memilih tampilan yang kita inginkan.
  • Beberapa theme memiliki beberapa “template” yang bisa anda pilih untuk digunakan.

Apa kekurangan menggunakan cara ini?

  • Ada keterbatasan dalam hal mengedit tampilan. Kadang tidak sampai sedetail yang kita inginkan.
  • Theme gratis kadang-kadang membatasi pilihan untuk mengatur tampilan.
  • Hanya theme premium yang bisa memberikan banyak pilihan untuk mengedit tampilan.
  • Kadang-kadang custom post type tidak bisa digunakan pada theme lain. Kalaupun bisa, tidak semua fitur atau tampilan/desain/stylingnya sesuai di theme lain.

2. Dengan menggunakan WordPress Customizer


wp customizer
WordPress Customizer

WordPress Customizer adalah fitur yang ditambahkan pada WordPress versi 4.7. Untuk membuka Customizer ini anda bisa menuju menu Appearance->Customize.

Di menu ini akan ada banyak pilihan untuk mengedit tampilan WordPress anda. Beberapa theme bahkan rata-rata memberikan option/pilihan untuk mengubah tampilan font, warna, background disini. Anda bisa mencoba melihat sendiri option apa yang diberikan oleh theme yang anda gunakan.

Jika hal diatas dirasa masih kurang, anda bisa mencoba mengedit tampilan WordPress anda dengan menggunakan kotak field “Additional CSS” di Customizer tersebut. Namun perlu diingat, minimal anda perlu memahami kode CSS untuk melakukan hal ini. Karena cara ini bertujuan untuk merubah tampilan melalui kode CSS.

Apa kelebihan cara mengedit tampilan WordPress dengan Customizer ini?

  • Tidak terlalu memerlukan pengetahuan tentang koding/CSS selama masih ada opsi pilihan di Customizernya.
  • Fitur ini sudah bawaan dari WordPress, jadi anda tidak perlu menginstall plugin lagi.
  • Beberapa theme memberikan opsi yang banyak dalam hal merubah tampilan.
  • Tampilan WYSIWYG (What you see is what you get). Apa yang anda rubah akan langsung terlihat, tidak perlu mereload atau membuka halaman baru.

Apa kekurangan menggunakan cara ini?

  • Tidak semua theme memberikan opsi yang detail di Customizernya.
  • Kadang anda memerlukan plugin tambahan untuk menambah pilihan untuk mengedit tampilan di Customizer ini.
  •  Tergantung dari fitur theme yang digunakan. Jadi tidak semua theme memberikan banyak pilihan untuk Customizernya.

3. Dengan menggunakan plugin SiteOrigin CSS


siteorigin css
SiteOrigin CSS

Nah bagi anda yang merasa kesulitan menggunakan CSS, atau benar-benar tidak paham namun ingin mengedit tampilan yang tidak terdapat di theme ataupun WordPress Customizer, anda bisa mencoba untuk menggunakan plugin ini.

Anda bisa menginstall plugin ini seperti layaknya plugin-plugin lainnya. Pertama klik menu pilih Plugins->Add New lalu masukan di kolom pencarian SO CSS. Lalu pilih Install tunggu beberapa saat, dan  setelah itu klik Activate untuk langsung bisa menggunakannya.

Dengan menggunakan plugin ini, anda bisa merubah penampilan WordPress anda sampai ke bagian yang paling detail. Anda tinggal perhatikan tutorial dan juga video-video dari plugin tersebut agar dapat memahami cara penggunaanya.

Apa kelebihan cara mengedit tampilan WordPress dengan plugin ini?

  • Tidak memerlukan pengetahuan koding/CSS yang mendalam. Sangat mudah digunakan untuk seorang pemula sekalipun.
  • Bisa merubah hampir semua elemen di WordPress anda.
  • Plugin yang gratis. Untuk sebuah plugin yang memiliki fitur seperti ini dan gratis, kami rasa ini cukup-cukup fantastis.
  • Banyak pilihan untuk mengedit tampilan.

Apa kekurangan menggunakan cara ini?

  • Jika anda yang belum terbiasa menggunakan Firebug/Chrome developer tool, hal ini cukup agak sulit diawal.
  • Hanya bisa merubah tampilan CSS saja, tidak sampai ke kode PHP/Javascript.
  • Berupa plugin, otomatis akan ada pengaruhnya ke peforma WordPress anda.

4. Dengan menggunakan Page builder (plugin).


Elementor Page Builder

Ini adalah cara yang menurut kami paling cocok bagi anda yang tidak mau ribet atau pusing. Karena dengan menggunakan page builder, anda tidak akan terlalu tergantung lagi kepada tampilan bawaan theme anda.

Bahkan beberapa plugin ini memiliki fitur yang sangat lengkap. Walaupun hanya di versi gratis. Ada banyak plugin page builder  gratis yang beredar diinternet sekarang. Mulai dari SiteOrigin page builder, Beaver Builder ataupun Elementor page builder.

Nah kami diwebsite ini juga menggunakan elementor yang versi gratis. Jika anda ingin menggunakan Elementor ini, anda tinggal menginstall pluginnya dari halaman admin anda. Caranya sama seperti menginstall plugin-plugin sebelumnya. Pertama klik menu pilih Plugins->Add New lalu masukan di kolom pencarian Elementor. Lalu pilih Install tunggu beberapa saat, dan  setelah itu klik Activate untuk langsung bisa menggunakannya.

Kami sarankan anda untuk mencoba membaca dulu tutorial dan menonton video tutorialnya. Agar tidak menemukan kesulitan di lain hari.

Apa kelebihan cara mengedit tampilan WordPress  dengan plugin page builder ini?

  • Tidak memerlukan/ketergantungan pada theme.
  • Sangat mudah untuk dilakukan oleh para pemula.
  • Rata-rata ada dan banyak versi gratisnya(freemium).
  • Plugin seperti Elementor memiliki banyak template gratis untuk merubah tampilan halaman situs anda.

Apa kekurangan menggunakan plugin page builder ini?

  • Ada limitasi di versi yang gratis. Namun kami pribadi tidak terlalu merasakan limitasi ini. Terlebih untuk tampilan/desain.
  • Diversi gratis (elementor) anda tidak bisa sepenuhnya lepas ketergantungan dari theme. DI beberapa area anda masih akan tergantung pada tampilan theme bawaan anda. Misal di header dan footer.
  • Berbentuk plugin. Akan ada pengaruhnya ke peforma WordPress anda.

Penutup

Oke jadi sampai disini dulu kita membahas cara mengedit tampilan WordPress nya. Mungkin nanti kita akan masukan cara-cara mudah lainnya. Dari cara-cara yang kami berikan diatas, kira-kira cara apa yang menurut anda paling mudah dan menarik untuk dilakukan?

Bagi anda yang ingin mengetahui cara memilih theme yang baik, anda bisa membacanya disini.

Bagi anda yang ingin mengetahui tentang cara mencari hosting terbaik, anda bisa membacanya disini.

    Tulis komentar anda