Cara Mengubah Tampilan Web pada WordPress

Posted on

Cara mengubah tampilan web supaya menarik itu seperti apa ya ? Setelah kemarin saya membuat artikel tentang bagaimana caranya membuat website gratis menggunakan WordPress. Sekarang saya akan menjelaskan cara mengubah tampilan di wordpress agar terlihat menarik.

Setelah membuat akun WordPress pasti kamu bingung, langkah selanjutnya bagaimana. Apa yang harus dilakukan selanjutnya?. Maka dari itu saya melanjutkan tutorial bagaimana caranya mengubah tampilan wordpress agar lebih menarik pengunjung/pembaca.

Berikut tampilan yang akan saya edit pada wordpress.

Homepage WP

Cara Mengubah Tampilan Web pada WordPress

Yang pertama kamu harus login ke akun WordPress kamu. Atau kamu juga bisa langsung klik link nama domain yang telah kamu buat. Seperti namadomainkamu.wordpress.com/wp-admin. Cth punya saya, http://lareteknik.wordpress.com/wp-admin untuk mengedit lewat dashboard WordPress.

Jika sudah klik link maka isilah username dan password WordPress kamu. Seperti dibawah ini,

 

Login WP

Jika kamu login lewat link ini http://wordpress.com/ maka kamu akan diarahkan ke web dibawah ini. Dan harus masuk ke WP-Admin dengan cara sebagai berikut.

Namun jika kamu masuk melalui link namadomainkamu.wordpress.com/wp-admin maka kamu akan langsung diarahkan ke halaman dashboard WordPress.

Setelah login ke akun WordPress kamu, kemudian kita ubah tampilan halaman utamanya.

Langsung saja kita ke pembahasan yang pertama, yakni

Menambahkan dan Mengedit Menu Web

Tampilan Menu Sebelum di Edit

Gambar diatas merupakan tampilan menu pada halaman website sebelum di ubah.

1. Berikut caranya untuk mengubah dan menambahkan menu baru. Pertama kamu harus masuk dulu ke dashboard WordPress.

Kemudian klik Pages->Add New

Jika sudah klik Add New kemudian akan diarahkan ke halaman seperti dibawah ini.

2. Pilih menu layout yang di inginkan, disini saya memilih Blog Pages kamu bebas memilih layout pages yang mana. Sesuaikan dengan kebutuhan. Jika sudah klik Use Blog Layout.

Menambah Menu Pada Website

3. Proses menambahkan menu melalui pages disini saya akan membuat menu baru yakni Teknologi. Sertakan deskripsinya, sesuai dengan yang kamu ketahui. Jika sudah klik Publish. Jika kamu ingin mengubah size font dan lainnya kamu dapat mengeditnya di sebelah kanan layar.

Menambahkan menu Teknologi pada Pages

4. Lihat tanda di sebelah kanan, jika sudah terupdate maka akan muncul seperti itu.

Update pages baru berhasil

Proses diatas hanya untuk menambahkan pages saja. Namun belum ditampilkan dihalaman utama web. Cara untuk menampilkan Pages itu, di menu web adalah sebagai berikut.

Menampilkan pages di web

5. Jika kamu sudah klik Save Menu, maka di halaman web kamu sudah ada satu menu tambahan. Seperti dibawah ini

Perubahan menu web

Mengedit Menu Web

1. Setelah menambahkan menu baru diatas, sekarang saatnya mengedit menu yang sudah ada. Disini saya akan mengedit menu About yaitu klik Pages-> About.

Mengedit Menu

2. Kemudian muncul halaman edit seperti dibawah ini kemudian kamu atur sesuai dengan keinginan. Jika sudah silahkan klik Save/Update. Tampilan editornya mudah dipahami, jadi bisa kamu aplikasikan ke pages yang lainnya.

Proses mengedit menu

3. Jika sudah selesai mengedit, maka hasilnya akan seperti ini, jika kurang pas tinggal kamu maksimalkan lagi karena ini hanya contoh.

Pages About setelah diedit

Mengubah Site Title

Langkah selanjutnya kita coba untuk mengedit site title, atau nama web yang kita gunakan.

1. Caranya adalah kamu klik Appearance->Costumize

Mengedit Site Title

2. Proses mengeditnya yakni kamu pilih Site Identity pada menu edit sebelah kiri. Disana kamu bisa memasukkan logo juga dan favicon (gambar kecil yang terletak di atas URL). Dibawah ini adalah salah satu contoh tampilan favicon.

Favicon

Tapi disini saya hanya ingin mengubah Site Title saja. Untuk lebih jelas silahkan liat gambar dibawah ini

Proses mengedit menu

Jika sudah kamu edit dan save, maka hasilnya akan seperti dibawah ini, dalam menentukan Site Title kamu harus mempunyai nama yang unik, misalnya Nama Blog atau yang lainnya (bebas).

Hasiledit site title

Mengedit Tulisan Pada Halaman Utama

Berikut yang akan di edit adalah tulisan pada halaman utama web, disini ada header Welcome to your site. Kamu bisa mengubahnya sesuai dengan selara.

1. Caranya sebagai berikut, yang pertama kamu harus kembali ke editor web My Site seperti dibawah ini kemudian klik yang ada di no 4. Dari menu editor ini kamu bisa mengubah tampilan website.

2. Jika sudah masuk ke edit homepage kamu ubah tulisan-tulisan dibawah ini, sesuai dengan keinginanmu. Kemudian klik Save/Update

Mengedit Homepage

Mengedit Background Halaman Utama Web

1. Tempat untuk mengedit background masih diseputaran tempat edit tulisan yang tadi. Jadi di menu edit homepage, kamu bisa ubah tulisan, background dll. Ikuti cara di bawah ini.

Mengedit Background

2. Berikut ini adalah hasil akhir dari semua yang telah di edit tadi, mulai dari menu, site title, tulisan web halaman utama dan juga background. Seperti inilah tampilan sederhananya.

Hasil edit background

Sekian tutorial edit tampilan pada wordpress supaya lebih menarik dan sesuai keinginanmu. Masih banyak yang perlu dikembangkan mengenai plugin, thema dan lain-lainnya. Tapi untuk pemula saya rekomendasikan edit bagian ini saja dulu.

Jika ada yang kurang jelas bisa tulis di kolom komentar ya 🙂

2 thoughts on “Cara Mengubah Tampilan Web pada WordPress

Leave a Reply

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