Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive - Hallo sahabat Meta News, Pada Artikel yang anda baca kali ini dengan judul Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive
link : Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive

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

Demikianlah Artikel Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive

Sekianlah artikel Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Bagian 10 : Membuat Theme Wordpress dengan Framework Responsive dengan alamat link https://infoasikindo.blogspot.com/2013/10/bagian-10-membuat-theme-wordpress.html

Tweet