Mengatur Tampilan

Modul Sesi-03
Diqy Fakhrun Shiddieq, S.T., M.Kom

Materi :
 Tema
 Menu & Halaman
 Postingan
Tujuan Pembelajaran :
Mahasiswa mampu melakukan modifikasi tampilan web wordpress seperti mengatur Tema,
Menu, Halaman dan Postingan.

Mengatur tampilan :
Untuk melakukan modifikasi atau mengatur tampilan web dengan wordpress, langkah-langkah
nya adalah sebagai berikut :

1. Kunjungi / buka halaman web kita

Untuk membuka wordpress yang telah dibuat, jalankan XAMPP lalu strat service apache
dan mySql. Jika sudah dijalankan buka browser dan masukan alamat folder web kita di
browser dengan mengetik : http://localhost/latihan_situs

Latihan_situs merupakan nama folder wordpress. Jadi sesuaikan nama folder situs dengan
nama folder yang dibuat masing-masing.
2. Login ke Akun Administratosr
Wordpress (untuk melakukan modifikasi)
a. Untuk dapat mengelola web wordpress, pemilik web harus login terlebih dahulu
cara mengetikkan url_blog/wp-admin.

Contoh: http://localhost/latihan_situs /wp-admin

b. Silakan ketikkan username dan password yang telah diberikan untuk login ke akun
administrator. Kemudian klik Log In.

Contoh:
 c. Apabila lupa password, silakan klik link lupa kata sandi? Pada halaman
login wordpress, maka akan muncul halaman berikut:

d. Silakan ketikkan e-mail yang digunakan ketika mendaftar wordpress,

kemudian klik dapatkan password Baru. Link untuk me-reset password
akan dikirim melalui e- mail.

e. Silakan buka e-mail dan klik link yang diberikan untuk mereset
password web wordpress.

f. Silahkan login kembali dengan password baru.

3. Mengelola Web Wordpress

Setelah login ke akun administrator wordpress, akan ditampilkan halaman aw al d ar i
ad m i n i s t r ato r seperti berikut:
Untuk mengelola wordpress, terdapat sejumlah menu pada bagian kiri halaman
wordpress. Menu tersebut adalah:
4. Menu Dasbor
Menu Dasbor akan menampilkan sejumlah quick link untuk mengelola wordpress,
misalnya link customize your site (untuk mengatur tampilan wordpress), write your first
blog posts (untuk memposting tulisan ke blog), dan link widgets dan menus (untuk
mengelola tampilan menu dan widget).

5. Menu Tampilan
Digunakan untuk mengatur layout tampilan wordpress. Terdapat beberapa sub menu pada
menu tampilan, yaitu: Tema, Sesuaikan, Widget, Menu, Latar belakang, dan penyunting
tema. Submenu yang muncul pada menu appearance tergantung pada tema yang dipilih.

Untuk mengubah tampilan atau tema. Pada menu tampilan pilih sub menu Tema

Kotak kuning merupakan tema yang sudah terinstall di wordpress, kita tinggal memilih
tema yang tersedia.
Memasukan tema baru kedalam Wordpress langsung download

Untuk memasukan tema baru, maka pilih tombol Tambah baru

Jika sudah, pilih tema yang disediakan atau cari nama tema yang diinginkan seperti
tampilan berikut :

Untuk menginstall tema yang dipilih, klik tombol install untuk mengintall tema, atau
pratinjau untuk melihat tampilan tema.
Jika telah diinstall, untuk menggunakan tema klik tombol aktifkan.

Contoh :
Saya memilih tema dengan nama Simple Write, kemudian saya akan aktifkan.

Maka, tampilan web akan berubah sesuai tema yang dipilih :

6. Mengatur Tema
Untuk mengatur tema, maka pada menu Tampilan, pilih sub menu Sesuaikan :

Maka akan muncul tampilan editing untuk tema yang berisi menu Theme Options, Menu,
Widget, Pengaturan Beranda, Css Tambahan.
 Silahkan Eksplorasi masing-masing untuk melakukan editing tampilan yang menarik.

 Theme Options
Digunakan untuk mengatur tampilan dan tata letak konten web wordpress
 Menu
Untuk mengatur menu yang akan dibuat dalam web wordpress
 Widget
Digunakan untuk mengatur tataletak widget web wordpress
 Pengaturan Beranda
Digunakan untuk mengatur halaman beranda.

Membuat Menu
Menu pada wordpress merupakan representasi dari halaman web. Untuk itu sebelum
membuat menu, kita harus membuat halaman web terlebih dahulu. Berikut adalah contoh
menu pada wordpress :
Tahapan Membuat Menu :

1. Buat halaman baru pada wordpress

Untuk membuat halaman baru, pertama pilih menu Laman

Area kotak hijau merupakan halaman web yang sudah pernah dibuat atau sudah ada
didalam wordpress.

Area kotak kuning merupakan tombol untuk membuat laman baru.

Untuk membuat halaman baru, klik tombol Tambah Baru, sesuai yang ditunjukan oleh
kotak kuning.
Silahkan beri judul halaman pada teks Tambahkan Judul.
Untuk mengisi konten seperti teks, gambar, frame dll klik pada tombol +.

Misalkan saya akan memasukan galeri kedalam halaman. Maka klik pada icon galeri.

Kita tinggal meng unggah foto-foto yang akan dimasukan kedalah gallery dengan
menekan tombol unggah.
 Jika sudah untuk menyimpan halaman, kilk tombol terbitkan. . Selanjutnya
kembali ke hal;aman admin dengan menekan tombol Wordpress .

Selesai membuat halaman.

2. Masukan halaman web pada Menu

Untuk memasukan Laman web menjadi Menu. Pilih Tampilan Menu

Pada tab Laman, akan muncul halaman-halaman web yang telah dibuat.

Untuk memasukan menjadi menu, centang pada laman yang dipilih, kemudian tekan
Tambahkan Ke Menu.

Jika sudah di klik, maka laman akan muncul di kolom struktur Menu, seperti tampilan
berikut :
Jika sudah klik tombol Siman Menu.

Kemudian cek hasilnya dengan memilih menu kunjungi situs

Maka menu akan tampil seperti gambar berikut :

Jika menu di klik, maka akan menampilkan halaman galeri.

Membuat Postingan Berita
Postingan berita merupakan konten web yang berisi informasi yang ingin dibagikan
kepada para pembaca. Postingan akan muncul di hlaman beranda dan widget.

Menambah Postingan atau Berita Baru

Untuk menambah postingan, pilih menu Pos.

Untuk membuat post yang baru, klik tombol Tambah Baru

Membuat Pos sama dengan membuat halaman, anda ubah Judul sesuai dengan judul
pstingan, dan untuk menyisipkan paragraph atau gambar atau yang lain anda tinggal klik
tombol +

Jika sudah selesai, klik tombol Terbitkan untuk menyimpan Pos. selanjutnya untuk melihat
hasil, preview lagi web anda seperti tampilan berikut :
Postingan sudah muncul, jika ingin melihat laman postingan, klik pada continue Reading.

SELAMAT MENCOBA. KREATIVITAS MASING-MASING AKAN MENENTUKAN KEINDAHAN

WEB ANDA.