Blog Post

November 23, 2017 /

Cara Kustomisasi Tampilan Blog WordPress (Design dasar / Pemula)

WordPress merupakan CMS (Content Management System) yang di akui sangat flexible untuk membuat sebuah website atau blog.

Dan di akui sangat bagus untuk urusan SEO (Search Engine Optimisation) dan 27% website yang ada di internet menggunakan WordPress. Lebih dari 45.000 plugins tersedia untuk menunjang performa website anda.

Ketika pertama kali menggunakan WordPress sebagai platform website anda, memang sedikit agak membingungkan pada awalnya. Tapi ketika anda sudah mulai mengetahui seluk beluknya anda di jamin akan jatuh cinta.

Ehem!

Oleh karena itu di artikel kali ini saya akan mencoba memberikan gambaran tentang cara kustomisasi dan design dasar tampilan blog WordPress untuk pemula, seperti membuat menu dropdown dan lain lain.

Ok, langsung saja!

Pilih WordPress Theme

Salah satu keuntungan memakai WordPress.org sebagai platform website anda adalah anda bisa langsung mencari Tema yang sesuai kebutuhan anda langsung di dalam dasbor WP admin anda.

Kalaupun budget anda terbatas, ada banyak sekali template gratis yang tersedia dan jumlahnya ribuan.

Jika sa’at ini kamu sudah punya blog baru menggunakan WordPress dan belum menemukan tema yang anda suka. Maka lebih baik pertimbangkan dulu untuk mencari tema yang bakal anda pakai untuk seterusnya.

Kenapa?

Karena ketika. blog anda sudah mulai ramai pengunjung dan anda tiba tiba berubah pikiran ingin ganti tema pasti akan sangat merepotkan nantinya.

Oleh karena itu pastikan pilihan anda.

Kalau hanya untuk blog, saran saya sih pilih tema yang minimalis ‘clean’ dan responsive. Ini sangat bagus jika nantinya anda berencana untuk memonetasi blog anda dengan Google Adsense.

Buat halaman untuk About, Privacy policy, Contact dan lain lain

Ini sangat penting, untuk membuat halaman seperti About, Perivacy policy, Contact dan Disclaimer. Merupakan sarat wajib untuk sebum blog/website professional.

Anda bisa tulis sendiri atau menggunakan website policy generator. Ini salah satu website yang bisa kamu pakai untuk membuat halaman halaman tersebut secara instant; websitepolicies.com

Kalau untuk blog personal gratis kok. Hanya saja kamu harus daftar lalu log in untuk membuatnya

Buat juga halaman untuk Blog dan halaman untuk sepesifik kategori yang sesuai dengan niche anda. Untuk cara membuat laman statis bisa baca artikelnya di sini Cara Buat Halaman Statis Untuk Kategori & Tag

Setting tampilan menu navigasi/nav- bar

Setelah buat halaman halaman mandiri untuk blog anda, saatnya menaruhnya di menu navigasi website anda.

Caranya;

Ada dua cara sebenarnya, pertamai pakai live preview yang ke dua pakai cara manual, lewat halaman menu di WP admin.

Di sini kita pakai methode live preview saja

Di WP admin kamu, langsung saja pergi ke Tampilan > Sesuaikan.

Di live preview mode klik ‘Menu’ > ‘Buat menu baru’ beri nama saja ‘Menu utama’ atau ‘Main menu’

Setelah menu baru jadi, klik tombol ‘Tambahkan item’ / ‘Add item’

Nah, tambahkan halaman halaman yang telah anda buat sebelumnya ke menu utama nav-bar. Lihat screenshot untuk lebih jelasnya.






#Buat menu dropdown

Kalau ingin buat menu dropdown gampang sekali

Caranya;

Di live preview mode di bagian menu tadi, seret saja item yang kamu ingin taruh di dropdown menu satu grid ke kanan. lihat screenshot

Dan begitu seterusnya kalau ingin buat sub menu.

Menu dropdown memang membuat situs tampak lebih cantik, tapi kalau website hanya untuk sekedar ‘nge-blog’ bagi saya lebih memilih tidak membuatnya.

Kenapa?

Karena menurut para pakar, itu kurang baik untuk kecepatan situs.

Kustomisasi Side bar

Untuk kustomisasi Side bar, masih di ‘Live preview’ mode

Navigasikan ke ‘Widgets’ > “Primary Side bar’ > ‘Tambahkan widgets’

Di situ kamu bisa utak atik tata letak widget side bar sesuai selera

Saran saya sih buat sesimple mungkin, tidak perlu pasang widget banyak banyak. Pasang yang pokok pokok saja kayak Latest post, Search, Kategori atau profil anda.

Lain lain

Tergantung dari tema yang kamu pakai sih, kadang sebuah tema mempunyai dua navigasi atas. Nah untuk mengelolanya menu item navigasi tambahan, caranya sama seperti buat menu utama tadi.

Ada juga tema yang punya widget di bagian footernya ada juga yang punya widgets di Halaman depan (Home page) sendiri, cara kustomisasinya sama seperti kustomisasi widgets side bar tadi.

Kalau ingin belajar kustom design pakai kode juga sebenarnya ga susah susah amat ya, kamu bisa belajar di situs seperti w3schoools.com Github dll. Bahkan di Blogkudewe pun saya share cara kode sendiri.

Satu lagi tips nih, kalau ingin pasang CSS tambahan, tempatkan saja di ‘Live Preview’ tadi, terus ke ‘CSS Tambahan’ lihat screenshot

Nah, di situ kamu tinggal paste saja code CSSnya. Kalau untuk HTML kode nya bisa pakai widget ‘HTML khusus’ (Custom HTML)

Tidak susah susah amat kan untuk design dasar blog WordPress anda sendiri?

Ok! Selamat mencoba!

Feature image credit: pixabay.com

Tidak ada komentar:

Posting Komentar