สร้างเมนูแนวนอนใส่ในธีมให้ WordPress กันครับ

เรื่องนี้จะไม่เกิดเป็นบทความถ้าไม่เกิดจากความอยากรู้ ค้นหา ว่าสิ่งนี้ต้องทำอย่างไร เพื่อให้ได้ผลที่ต้องการ ดังเรื่องนี้ คือธีมนี้ ไม่รองรับเมนูเหมือนธีมก่อนหน้านี้ ด้วยความอยากจะใส่เมนูที่บนขวา คล้ายๆ ธีมเดิม(โม) ค้นหาไปเจอการสร้างเรื่องนี้จาก http://codex.wordpress.org เลยนำมาฝากกันครับ

เมนูที่ได้ก็ใน blog นี้ล่ะครับ

ขั้นตอนก็คือการแทรก HTML กับ PHP ที่เรียกใช้งาน Function ใน WordPress ครับ ปรับแต่งหน้าตาด้วย CSS ครับ

<div id="navmenu">
<ul>
 <li><a href="<?php echo get_settings('home'); ?>">HOME</a></li>
<?php wp_list_categories('orderby=name&include=1,3,4,5'); ?>
 <li><a href="http://www.wordpress.org">WORDPRESS</a></li>
</ul>
</div>

ใส่โค้ดนี้ล่ะครับ ในไฟล์ธีมที่เราต้องการให้แสดง

โค้ด CSS ครับ

#navmenu ul {margin: 0; padding: 0;
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px;
	padding: 5px 20px 5px 20px; color: blue;
	background: pink;}
#navmenu ul li a:hover {color: purple;
	background: yellow; }

สำหรับสร้างเมนูนี้เป็นเรื่องของ เมนูกลุ่มเรื่องของเรา ฉะนั้นก็ปรับเปลี่ยนโดย

จากเดิม 
<?php wp_list_categories('orderby=name&include=1,3,4,5'); ?>
เปลี่ยนเป็น
<?php wp_list_pages('include=30,60,7,1341&title_li=<h2>' . __('') . '</h2>' ); ?>

include=id เนื้อหาของเราครับ เช่น id ของกลุ่มเรื่อง, id ของหน้า ครับ

ประมาณนี้ล่ะ เนื้อหาอื่นๆ น่าสนใจอ่านต่อได้เลยครับ

ที่มา : http://codex.wordpress.org/Creating_Horizontal_Menus