Membuat menu wordpress pada themes kubrik tidak sesusah yang di bayangkan, ternyata caranya sudah di bahas di supportnya wordpress, Kebetulan trik membuat menu pada wordpress ini aku temukan dan aku coba pada nst.web.id ini yang menggunakan themes kubrik. jadi mari kita sebut tulisan ini dengan Cara Membuat Menu Horizontal Pada WordPress Themes Kubrik.

Dan umumnya tak jauh bedanya, untuk membuat menu atau mangoprek wordpress, kita harus login terlebih dahulu untuk masuk pada dashboard WordPress.

Nah setelah anda sukses dan berhasil masuk, yuk kita lanjut ceritanya.

Klik Appearance -> Themes -> Editor

Cari tulisan header.php dan lihat source codenya. Sisip Code di bawah ini tepat di atas tulisan </hr>

<div id="head_nav">
<ul>

		<?php if (is_page()) { $highlight = "page_item"; } else {$highlight = "page_item current_page_item"; } ?>
      <li><a href="<?php bloginfo('url'); ?>">Home</a></li>

		<?php wp_list_pages('title_li=' ); ?>
</ul>
</div>

Lalu Simpan Header.php yang baru anda sisip tadi.

Kemudian paste code di bagian style.css dan letakkan saja di bagian paling bawah biar mudah anda kenali bila ada hal yang ingin di ubah

/* horizontal header nav */
#head_nav {margin: 5px 20px; float:left; background-color: #eee; width:720px; }

#head_nav h2 {display:none;}

#head_nav ul {
  float: left;
  width: 100%;
  margin:0;
  padding-left: 0;
  list-style-type:none;
  }

#head_nav ul li { display: inline;  }

#head_nav ul li a {
  float: left;
  display:block;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left:10px;
  padding-right:10px;
  text-decoration: none;
  border-right: 1px solid #000033;
  background:#eee;
  color:#000066;
  font-size:120%;
  }

#head_nav ul li.current_page_item a {
    background-color: #ddd; color: #000;
}

#head_nav ul li a:hover {
    background-color: #ccc ; text-decoration:none;
}
ul li .current-page-item a {  color:#ddd; }

Lalu simpan Selesai lah sudah navbar / menu bar pada themes wordpress anda. Tidak susah kan …!!

Aslinya lihat disini : http://wordpress.org/support/topic/340114

Search Keywords:

• cara membuat menu horizontal di wordpress
• membuat menu horizontal di wordpress
• cara membuat menu horizontal pada wordpress
• Membuat menu horizontal pada wordpress
• membuat menu wordpress
• membuat menu bar pada wordpress
• cara membuat menu horizontal wordpress
• cara buat menu horizontal di wordpress
• membuat menu horizontal wordpress
• Membuat Menu di WordPress