LatansaPEDIA
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper Gratis
Kamis, Januari 21, 2021
  • Login
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper GratisBaru
Tidak ada hasil
View All Result
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper GratisBaru
Tidak ada hasil
View All Result
LatansaPEDIA
Tidak ada hasil
View All Result
Home Website Wordpress

10 Cara Mempercantik Tampilan Website WordPress

Mas Ni'am oleh Mas Ni'am
13 Oktober 2019
pada Wordpress
0
cara mempercantik tampilan website wordpress
7
SHARES
1.5k
VIEWS
Share on FacebookShare on Twitter

Memiliki website dengan tampilan menarik tentu menjadi salah satu hal yang sangat di idam-idamkan oleh seorang pemilik website. Namun sayangnya membuat website dengan tampilan menarik itu tidak mudah. Kenapa? Karena ada banyak hal yang harus kita perhatikan pada saat melakukan desain pada website.

Salah satu masalah yang sering dihadapi oleh seorang pemula ketika akan mendesain website adalah tidak tahu bagian mana saja yang harus diperbaiki. Dalam kesempatan kali ini kami akan memberikan beberapa cara mempercantik tampilan website wordpress lengkap dengan cara atau apa saja yang sebaiknya diperbaiki lebih dulu.

Cara Mempercantik Tampilan Website WordPress

Apakah website kamu sudah selesai dilakukan instalasi? Perhatikan beberapa hal dibawah ini. Dan jika anda merasa tampilannya kurang maksimal, kamu bisa memulai dari beberapa bagian yang akan kami sebutkan ini.

PostingTerbaik

cara menggunakan Gutenberg

Cara Menggunakan Gutenberg, Aplikasi Editor Keluaran Terbaru yang Praktis

28 Mei 2020
Plugin migrasi wordpress

Plugin Migrasi WordPress Terbaik dan Cara Menggunakannya

11 Januari 2020
Cara Cek Artikel Copas

7 Cara Mudah Cek Artikel Copas atau Unik

16 November 2019
cara membuat meta description

Cara Membuat Meta Description Otomatis di WordPress

14 November 2019

1 Sesuaikan Tampilan Dengan Tujuan

cara mempercantik tampilan website wordpress
Contoh tampilan website olahraga dengan background Stadion Sepak Bola

Selama ini tentu anda sudah sering mengunjungi banyak website. Jika kita perhatikan, sebenarnya beberapa website memiliki desain yang hampir sama. Misalkan website otomotif, maka tampilannya juga tidak jauh dari mobil dan motor dan kategori lainnya.

Website atau blog yang khusus membahas olahraga, maka tampilan background, header dll akan terlihat menampilkan hal yang berhubungan dengan olahraga.

Nah hal pertama yang harus anda lakukan untuk membuat website dengan tampilan menarik adalah menyesuaikan tampilan website dengan tema atau tujuan dari blog anda tersebut. Jika anda sudah memiliki tujuan, kedepan kita akan lebih mudah dalam menentukan beberapa bagian terkait desain seperti font, template, header, dan lain sebagainya.

2 Pilih Theme yang Pas

cara mempercantik tampilan website wordpress
Theme gratis di WordPress.org

Jika anda termasuk orang yang tidak begitu mengenal dengan bahasa pemrograman, maka menggunakan theme atau tema premium yang sesuai dengan tujuan website adalah langkah praktis dan menguntungkan. Kalau praktis sudah pasti karena kita hanya tinggal menggunakan. Lalu, kenapa menggunakan theme yang pas kok bisa membuat untung?

Kami jelaskan terlebih dahulu bahwa SEO dan kredibilitas website itu sangat dipengaruhi oleh tampilan. Dan jika anda menggunakan theme yang premium dan sesuai dengan tujuan anda ngeblog, tentu ini akan sangat menguntungkan dari segi SEO.

Tapi jika kantong tidak bersahabat, Anda bisa memakai tema WordPress gratisan yang tersedia ribuan banyaknya di WordPress theme. Tema gratisan ini bukan berarti tidak bagus, semua bagus hanya saja tentu fasilitasnya tak sebanyak versi premium.

Ada sih tema WordPress gratis yang punya tampilan bagus, hanya saja Anda harus coba satu-satu dari semua theme gratis yang tersedia terlebih dahulu. Dan tentu saja ini memakan waktu.

Maka jika ingin mempercantik tampilan website WordPress, saran saya gunakan tema yang bagus dan penuh fitur dengan membeli tema premium.

3 Perhatikan Struktur Website/ Blog

cara mempercantik tampilan website wordpress
Ilustrasi struktur website

Tips ketiga cara menghias blog ini harus anda lakukan jika opsi pada nomor dua tidak anda jalankan, yaitu anda harus memperhatikan struktur dari blog tersebut. Kalau anda menggunakan theme premium, biasanya sudah memiliki struktur yang baik. Namun jika anda menggunakan theme gratisan, maka anda harus menyesuaikan struktur website.

Umumnya website memiliki struktur yang tidak jauh berbeda yaitu pada bagian atas diisi dengan header beserta menu-menu yang ada di website tersebut. Dibawah header sebelah kiri diisi dengan konten-konten terbaru, sisi kanannya atau sidebar di isi dengan iklan atau konten populer dan paling bawah ada footer yang berisi halaman website seperti disclaimer, about, privacy dst.

Untuk postingan juga memiliki struktur, apakah postingan tersebut berstruktur blog, berita atau mungkin cara memasak dll. Hal ini akan membuat website atau blog kita mudah dikenali oleh Google dan mesin pencari lain.

Ibarat toko dipinggir jalan, kita dengan mudah membedakan mana toko besi, toko komputer, mana rumah makan, mana tempat angkringan dan sebagainya dengan mudah. Hal ini karena memang struktur toko tersebut telah disusun sedemikian rupa sesuai dengan fungsinya.

Begitu juga website, apakah website kita ini berupa website berita, apakah website review, blog pribadi yang berisi catatan perjalanan, website traveling, atau bahkan website perusahaan.

Sekali lagi, saya menyarankan anda untuk memakai theme premium agar pengaturan struktur website bisa dengan mudah anda atur dan sesuaikan dengan tema/ tujuan website anda.

Harga theme premium sekarang sudah tidak mahal-mahal amat kok. Ada yang harga 200 ribuan lifetime update. Mungkin bagi sebagian orang 200 ribuan itu dianggap mahal, tapi ingat ini investasi jangka panjang. Apakah mau anda sudah capek-capek menulis dan posting ratusan posting, tetapi ternyata banyak postingan yang tidak dilirik mesin pencari dan netizen?. Tentu tak mengenakkan bukan?

4 Atur Navigasi/ Arahan yang Mudah

Ilustrasi navigasi sebuah website

Cara mempercantik website WordPress selanjutnya adalah dengan memperhatikan navigasi blog/ website.

Memperhatikan navigasi itu sangat penting, karena kesuksesan sebuah website/ blog sendiri juga terletak pada bagaimana website itu bisa lebih mudah untuk digunakan atau dijelajahi oleh para pembaca, selain kualitas konten tentunya.

Anda harus mulai mempertanyakan apakah website yang anda bangun sudah memiliki cara menavigasi yang mudah atau belum. Misalnya pengunjung ingin menghubungi anda sebagai pemilik, kira-kira ada menu kontak yang bisa langsung di klik enggak?.

Contoh lain misalkan pembaca ingin membaca sebuah artikel dengan topik memasak, ada menu yang mengarahkan pengunjung ke kategori memasak atau enggak? Itu adalah bagian-bagian kecil yang harus anda perhatikan.

Navigasi ini ibarat tulisan pemandu. Kita ketika berada di sebuah mall misalnya, kita akan merasa nyaman jika di mall tersebut ada panduan/ navigasi yang menunjukan mana tempat jualan pakaian, mana tempat jualan makanan, mana kasir, mana kamar kecil atau bahkan tulisan yang menunjukan harga tiap barang.

Sebuah website yang memiliki navigasi baik pasti akan menyenangkan pengunjung website tersebut. Dan bisa jadi dia akan berlama-lama di website kita atau bahkan akan kembali lagi pada waktu lainnya karena kemudahan dalam menemukan yang dia mau di website kita.

5 Perhatikan White Space

Tulisan yang menumpuk tanpa White space dan tulisan yang ada White space

Apa itu white space, kok baru dengar ya?. Sederhananya white space adalah sebuah wilayah/daerah yang dibiarkan kosong. Ini sangat penting agar pembaca merasa nyaman dan website menjadi lebih rapi tidak terlalu ramai.

Pernahkah anda mengunjungi sebuah rumah yang lumayan besar tetapi penuh dengan barang yang menumpuk dan tak tertata baik?. Pasti anda akan merasakan tak nyaman, karena rumah malah terlihat sempit dan kumuh.

Begitu juga website yang memiliki tampilan sangat ramai, pasti kita akan merasakan kesan yang sama seperti rumah yang penuh sesak dengan barang seperti ilustrasi di atas.

Website yang tak ada ruang kosong, selain tidak enak untuk dilihat, biasanya halaman website seperti ini juga memiliki loading yang berat sehingga sangat sulit untuk diakses. Jangan biarkan hal ini terjadi, dan perhatikan bagian mana saja yang harus dibiarkan kosong.

6 Jangan Bermain dengan Banyak Font

Cara mempercantik tampilan website selanjutnya adalah dengan tidak menggunakan banyak varian font. Saya sendiri pernah berkunjung pada sebuah website yang memiliki gaya font lebih dari 3 style. Menurut saya website seperti ini malah tidak keren, cenderung seperti ketika kita tidak memakai white space tadi, terlalu ramai dan tidak enak ketika membaca konten.

Jadi ketika anda akan menggunakan sebuah font, pilih style yang paling sesuai dan jangan terlalu banyak varian. Jika ingin menggunakan beberapa font, usahakan maksimal 3 saja, jangan lebih dari itu. Dengan begitu, website anda akan jauh lebih enak untuk dibaca.

7 Jangan Bermain dengan Banyak Warna

Tidak jauh berbeda dengan font, pemilihan warna juga harus sangat diperhatikan dan pastikan sesuai dengan ciri khas website anda. Saya sendiri merekomendasikan maksimal 3 warna untuk satu website, dan dari 3 warna tersebut hanya ada satu warna yang paling dominan.

Pertama pilih warna primer/ utama atau warna yang paling mencirikan website anda. Sedangkan untuk warna lain usahakan yang memiliki kecocokan dengan warna primer, dan kedepan gunakan tiga warna ini untuk digunakan pada website anda. Dengan begini website anda lebih ter konsep dan tentu saja lebih menarik dan cantik.

8 Pertahankan Konsep Awal

cara mempercantik tampilan website wordpressMembuat sesuatu dengan konsep yang konsisten memang tidak mudah, sering kali kita pada bagian A menggunakan konsep ini sedangkan bagian B menggunakan konsep itu. Sama seperti pemilihan warna tadi, hal seperti ini justru akan membuat identitas dari website anda menjadi kabur.

Maka dari itu, setiap anda melakukan desain pada setiap bagian harus berpatokan pada konsep awal yang sudah kita susun. Dengan begitu website kita akan memiliki desain yang terkonsep dan tidak campur aduk.

9 Mobile Friendly

Lanjut pada cara mempercantik tampilan website wordpress yang kesembilan yaitu membuat desain website yang mobile friendly, yaitu website bisa digunakan pada seluruh perangkat mobile dengan ukuran layar berapapun. Alasannya tentu anda sudah tahu, yaitu agar website bisa diakses oleh semua orang, dimana sekarang ini lebih banyak yang menggunakan perangkat mobile dari pada desktop.

Seperti blog LatansaPEDIA ini, 75% pengunjungnya adalah mereka yang menggunakan smartphone, sisanya dari pengguna desktop dan tablet.

Jika Anda melakukan redesign, memang akan sedikit lebih sulit. Namun hal tersebut harus tetap dilakukan agar apa yang anda buat selama ini tidak sia-sia.

Jika anda menggunakan theme kekinian, baik theme yang gratis maupun premium insya Allah sudah mengusung konsep mobile friendly. Apalagi theme premium, biasanya sudah memiliki fitur AMP, yaitu fitur tampilan yang lebih cepat jika diakses melalui smartphone.

10 Hindari Background Gelap

Ini adalah cara mempercantik tampilan website wordpress terakhir yang saya rekomendasikan, yaitu tidak menggunakan warna latar gelap. Kenapa tidak disarankan untuk menggunakan baground gelap? Bukankah banyak orang yang lebih suka mengakses website dengan tampilan gelap pada malam hari?

Mungkin, tapi ada banyak kekurangan jika anda menggunakan background gelap, yakni anda harus memilih font dengan warna yang berlawanan. Jika kita perhatikan, font yang biasa digunakan oleh banyak web master adalah berwarna gelap, dan jika anda memilih sebaliknya, ada kemungkinan banyak pembaca tidak biasa dengan hal tersebut.

Selain itu, menurut penelitian warna kontras tajam akan cepat membuat mata lelah. Sehingga pengunjung website kita bisa jadi tak betah berlama-lama di website kita akibat merasakan tak nyaman di mata yang disebabkan warna kontras tajam di website kita.


Itulah tadi 10 cara mempercantik tampilan website wordpress yang bisa anda praktekkan agar mendapatkan tampilan website yang menarik. Ada pertanyaan? Silahkan sampaikan melalui kolom komentar.

Tags: WordPress Theme
ShareTweetPin
Post Sebelumnya

Download Aplikasi Menggabungkan Lagu Untuk Android

Post Selanjutan

Aplikasi Menggambar Untuk Anak TK Terbaik

Mas Ni'am

Mas Ni'am

Seorang petani kampung yang punya hobi di bidang teknologi terutama drone. Sejak MTs suka ngoprek alat-alat yang berbau teknologi seperti radio, HT, dll. Mulai mengenal komputer dan website waktu SMA di Bandung.  

Related Posts

cara menggunakan Gutenberg

Cara Menggunakan Gutenberg, Aplikasi Editor Keluaran Terbaru yang Praktis

28 Mei 2020
Plugin migrasi wordpress

Plugin Migrasi WordPress Terbaik dan Cara Menggunakannya

11 Januari 2020
Cara Cek Artikel Copas

7 Cara Mudah Cek Artikel Copas atau Unik

16 November 2019
cara membuat meta description

Cara Membuat Meta Description Otomatis di WordPress

14 November 2019
Post Selanjutan
aplikasi menggambar untuk anak TK

Aplikasi Menggambar Untuk Anak TK Terbaik

HOT Posting

  • Aplikasi Video Bokeh

    10 Aplikasi Video Bokeh 2019 Terbaik Untuk Android

    9 shares
    Share 0 Tweet 0
  • Drone Murah Untuk Pemula Harga Di Bawah 500 Ribu

    6 shares
    Share 0 Tweet 0
  • Aplikasi Penghemat Baterai 2019 Terbaik

    10 shares
    Share 0 Tweet 0
  • Aplikasi Menggambar Untuk Anak TK Terbaik

    6 shares
    Share 0 Tweet 0
  • Aplikasi Wajib Bagi Santri

    8 shares
    Share 0 Tweet 0
LatansaPEDIA

© 2019 LatansaPEDIA - Blog Teknologi.

Navigasi Blog

  • About
  • Disclaimer
  • Privacy Policy

Follow Us

Tidak ada hasil
View All Result
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper Gratis

© 2019 LatansaPEDIA - Blog Teknologi.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In