Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive

Menambahkan Kontent dan Navigasi

Tambahkan halaman “About”, “Contact”, “News” melalui admin area. Isi dengan apa saja.

NAVIGASI

Kita akan mengubah navigasi (menu) static menjadi menu dinamis yang akan secara otomatis menampilkan halaman yang kita tampilkan melalui admin area.
Dalam header.php cari unordered list(ul) dengan class na dan hapus list itemnya.
Kemudian ganti dengan kode list page Wordpress wp_list_pages()

<ul class=”nav”>
<?php wp_list_pages(array(‘title_li’=>’’)); ?>
</ul>


Buka kembali website Wordpress, dan kita akan melihat halaman-halaman yang kita buat Nampak di menu navigasi Wordpress.

Kita telah punya menu navigasi yang telah bekerja dengan baik.
Tetapi Karen markup navigasi dari Wordpress sedikit berbeda dengan Bootstrap, maka kita akan mengubah sedikit dari class untuk menu yang sedang aktif.
Dalam folder theme Bootstrap buka bootstrap > css dan buka file bootstrap.css, carilah kode di bawah ini:
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,

Dan tambahkan di bawahnya kode di bawah ini :
.navbar-inverse .nav .current-page_item a,
.navbar-inverse .nav .current-page_item a:hover,
.navbar-inverse .nav .current-page_item a:focus,
.navbar-inverse .nav .current-page_parent a,
.navbar-inverse .nav .current-page_parent a:hover,
.navbar-inverse .nav .current-page_parent a:focus,
Tutorial  1  2  3  4  5  6  7  8  9  10  11  12
Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive Reviewed by Ainun Mahya on 4:51 PM Rating: 5

No comments:

Silakan Berkomentar dengan Bijak

Powered by Blogger.