ก่อนอื่นเลยให้ไปหน้า admin เข้าเมนู CMS > Manage Pages จะพบกับ page ที่ถูกสร้างมาแล้วให้เรากดที่ Add new page

ดูในส่วนของ General Information กันก่อน

1. Page Title เป็นหัวข้อของ page นี้
2. SEF URL Identifier เป็นการดำหนดชื่อ url ของ page นี้ครับ ดังตัวอย่างเวลาเรียก page โดยตรงก็จะเป็น domain.com/index.php/term
3. Status เลือก Enavle เพื่อเปิดการใช้งาน
4. Content ใส่รายละเอียดของหน้านี้ลงไปตามสะดวกเลยครับ อยากให้โชว์อะไรก็ใส่เข้าไป

ส่วน Store View จะเป็นการกำหนดว่านำ page นี้ไปใช้กับร้านค้าไหนของเรา ถ้าใครเพิ่มร้านค้าใหม่ขึ้นมาก็จะเจอครับ ส่วนของผมเป็นการทำร้านสองภาษาเลยมีให้เลือก

ต่อมา Custom Design เป็นการกำหนดรูปแบบการแสดงผลของ page นี้ครับหลักๆคงจะเป็น Layout ที่จะกำหนดว่าให้แสดงกี่ column

เสร็จแล้วทำการ Save ครับ

เราจะพบกับ page ที่เพิ่มเข้ามา

วิธีการนำไปใช้ก็สมมติผมจะสร้างเมนุของ page นี้ขึ้นมาที่เมนูหลักของเราก็ให้ไปที่ไฟล์ app/design/frontend/default/default/template/catalog/navigation/top.phtml จากนั้นนำโค็ดไปใส่ก่อน tag /ul

<li><a href="<?php echo $this->getUrl('term')?>"><?php echo $this->__('ข้อตกลง') ?></a></li>

โดยแก้ค่าใน getUrl(‘ ‘) ให้เป็นไปตามที่เรากำหนด SEF URL Identifier และ $this->__(‘ ‘) จะเป็นการแสดงผลคำนั้นๆออกมา เช่น

<div class="header-nav-container">
    <div class="header-nav">
        <h4 class="no-display"><?php echo $this->__('Category Navigation:') ?></h4>
        <ul id="nav">
        <?php foreach ($this->getStoreCategories() as $_category): ?>
            <?php echo $this->drawItem($_category) ?>
        <?php endforeach ?>
	<li><a href="<?php echo $this->getUrl('term')?>"><?php echo $this->__('ข้อตกลง') ?></a></li>
        </ul>
    </div>
    <?php echo $this->getChildHtml('topLeftLinks') ?>
</div>

จากนั้นดูผลกันครับ

ขณะนี้จะมีเมนูอยู่ทั้ง 3 แบบแล้วแต่ถ้าไม่พอให้เราใช้งาน เราก็สามารถเพิ่มเติมเองได้โดยให้เราให้คลิกที่แท็บ Add menu จะได้ดังรูป

เมนูที่เราสร้างเพิ่มขึ้นมานั้นสามารถทำงานได้เหมือนกับเมนูเดิมที่ drupal เตรียมให้เราตั้งแต่แรกครับ เพียงแต่ถ้าต้องการให้แสดงผลต้องไปสั่งให้แสดงผลในบล็อกใด้ก็ได้ที่อยู่บนหน้าจอที่ Administer >> Site building >> Blocks

และเราสามารถปรับแต่งเมนูได้ที่แท็บ Setting ดังรูป

• Default menu for content: เมื่อเราคลิกเลือกเมนูใดเมนูกหนึ่งเป็น default แล้ว drupal จะสร้างลิงค์ให้อัตโนมัติ
• Source for the primary links: สำหรับเลือกว่าจะให้นำเมนูชื่ออะไร มาแสดงผลในตำแหน่ง “primary link” ของหน้าจอ
• Source for the secondary links: สำหรับเลือกว่าจะให้นำเมนูชื่ออะไร มาแสดงผลในตำแหน่ง “secondary link” ของหน้าจอ

ซึ่งตำแหน่งของ “primary link” และ “secondary link” ในแต่ละ theme จะไม่เหมือนกันโดย theme Garland จะเป็นดังรูป

ต่อมาให้เราลองคลิกที่เมนู Navigation กันก่อน โดยเราสามารถเปิดหรือปิดการใช้งานของเมนูบางตัวได้โดยการคลิกที่ช่อง Enable และ Expanded ก็คือ สมมติว่าเมนู Blogs มี My blog เป็นเมนูย่อยลงมาถ้าเราติ้กที่ Expanded ของ Blogs เวลาแสดงผลออกมาเมนู My blog จะออกมาเลยโดยไม่ต้องคลิกเพื่อเปิด

โดยเราสามารถเพิ่มลิสต์เมนูได้โดยการกดที่แท็บ add item

ลองทำดูครับไม่ยากแล้วเราก็เมนูมาใช้งานได้ตามต้องการ

ซึ่งหน้าตาก็จะคล้ายๆของการสร้างเนื้อหาโดยจะมีให้ใส่หัวข้อและรายละเอียด แต่เราจะใส่ออฟชั่นเสริมให้มันโดยดูที่ Menu settings เพื่อให้เพจที่เราสร้างขึ้นมามีเมนูไว้สำหรับลิงค์มายังเพจนี้

• Menu link title: ก็คือชื่อของ page link
• Parent item: ให้เลือกเป็น เนื่องจากใน drupal เมนูหลักเราจะเป็นตัวนี้ครับ
• Weight: เป็นการจัดเรียงเมนูโดย 0 เป็นค่าเริ่มแรก ถ้าสมมติมีหลายเมนู ถ้าเราไม่กำหนดมันจะจัดเรียงตามอักษรครับ

จากนั้นเลื่อนลงมาดูที่ค่า Publishing options โดยให้ติ้กเฉพาะ Published เพื่อเป็นการอนุญาตให้ใช้งานได้ก็พอแล้ว จากนั้นกด Save

เพียงเท่านี้เราก็จะได้เมนูขึ้นมาไว้สำหรับลิงค์ไปเพจที่เราสร้างขึ้นมา โดยตำแหน่งของ Primary link นั้นจะคิดอยู่กับ theme แต่ละตัวที่กำหนดมาว่ามันจะอยู่ในตำแหน่งไหน

เรามาดูวิธีทำกันดีกว่าครับว่าเขาทำกันได้ยังไง โดยให้เราเข้าไปที่หน้า admin ของ magento น่ะครับ จากนั้นไปที่ Catalog >> Manager Categories

อธิบายกันสักนิด โดยปกติระบบจะทำการสร้าง category มาให้ 1 อันชื่อ Default Category ซึ่งตัวนี้ล่ะครับถ้าต้องการให้เกิดเมนูบาร์ขึ้นมา เราต้องสร้าง sub category ของตัวนี้ครับ ไม่ว่าจะเป็นสินค้าหรือหน้าเพจไหนก็ตาม

**ไม่แนะนำให้สร้าง root category ขึ้นมาใหม่ ถ้าจะทำเกี่ยวกับ category ของสินค้าก็ให้สร้างเป็น sub category ภายใต้ Default Category ครับ เพื่อวันหลังเราอาจจะต้องการโชว์สินค้าตัวนี้ขึ้นมาที่เมนูบาร์จะได้ไม่ต้องมาสร้างใหม่**

เรามาดูในส่วนของการสร้างเมนูบาร์ให้ลิงค์ไปยังสินค้าของเรากันก่อนละกันครับ โดยให้สร้างเป็น Subcategory กดที่ปุ่ม Add Subcategory จากนั้นใส่รายละเอียดตาม วิธีเพิ่ม category ให้กับ magento นี้ครับ จากนั้นเรามาดูในหัวข้อ Is Active คือถ้าเราเลือก Yes แล้ว category ที่เราสร้างอยู่ใน sub ของ Default Category ก็จะเกิดเมนูบาร์สำหรับ category ตัวนี้แล้วครับ

จากนั้นมาดูที่แท็บ Display Setting ในส่วนนี้จะเป็นการแสดงผลของ category นี้ครับในหน้าเพจ

จากนั้นก็ให้เราสร้างสินค้า แล้วนำสินค้ามาใส่ลงใน category ที่เราสร้างขึ้นมาครับ เพียงเท่านี้หลังจากที่เรากดที่ เมนูบาร์ ก็จะลิงค์มายังสินค้าของเราแล้ว และถ้าเราสร้าง subcategory ภายใน category cpu อีกก็จะมีเมนูให้เลือกมาอีกครับ

Trick เล็กๆน้อยๆครับ สังเกตุ category ของผมไหมคือจะมีหมวดหมู่หลักคือ Computer และมี CPU กับ RAM เป็นหมวดหมู่ย่อย ทำไมหมวดหมู่ cpu ของผมถึงรู้ได้ว่ามี cpu และ ram เป็นหมวดหมู่ย่อยของมัน โดยมันจะถึง list สินค้าของ cpu และ ram มาเป็นสินค้าในตัวมันเองด้วย โดยให้เรากำหนดที่แท็บ Display Setting ในหัวข้อ Is Anchor ให้เลือกเป็น Yes ครับเพียงเท่านี้ computer ของผมไม่ว่า sub ของมันจะมีสินค้าชนิดไหน ตัวมันเองก็จะมีครับ

ประโยชน์ก็คือ เวลาเรากดที่เมนูบาร์ cpu มันจะแสดง list สินค้าที่อยู่ทั้งหมดใน cpu และ ram ออกมาแสดงครับ ดูได้ตามรูป

ต่อมาเรามาสร้างเมนูบาร์เพื่อลิงค์ไปยังหน้า page ปกตินะครับ ให้ไปที่เมนู CMS >> Static Blocks

กดปุ่ม Add New Block ที่มุมขวาบน

ใส่รายละเอียดลงไปครับ

1. Block Title ใส่ชื่อของ block ครับ ส่วนนี้จะทำการอ้่างอิงกับ category ผมตั้งว่า BlogContent
2. Identifier เป็นเหมือนรหัสของ block ที่เราสร้างขึ้นมาอะครับ
3. Status เลือก Enable เพื่อเปิดการใช้งาน
4. Content ในส่วนนี้จะเป็นการแสดงผลออกมาหน้า page น่ะครับสามารถใส่ code html ได้ตามต้องการ

ต่อมาเรามาสร้างเมนูบาร์เพื่อลิงค์ไปยังหน้า block ที่เราสร้างมาน่ะครับ ให้เราสร้าง subcategory ภายใต้ Default category เช่นเดิม ผมตั้งชื่อว่า Blog ล่ะกัน

ในส่วนของแท็บอื่นๆก็ตั้งค่าตามสบายครับเราจะมาดูในส่วนของแท็บ Display Setting กัน

1. Display Mode ให้เลือก Static block only เพื่อให้มันแสดงผลออกมาเฉพาะ block
2. CMS Block ให้เลือก block ที่เราสร้างมาเมื่อกี้ก็คือ BlogContent

จากนั้นทำการ save category ครับ เราก็จะได้มาแล้วครับสำหรับเมนูเพื่อลิงค์ไปยัง block ที่เราสร้างมา ในหน้านี้ผมไม่รู้จะใส่ไรลงไปผมเลยใส่ iframe แล้วลิงค์มายังหน้า killthewhat แทน ฮาๆหรือขี้เกียจนั่นเอง

ปล.ดูเว็บตัวอย่างได้ที่ http://killthewhat.com/magento/index.php/ หรือใครจะลองสมัครแล้วซื้อของก็ไม่ว่า โอนเงินมาด้วยน่ะครับ ^ ^ (แต่ไม่มีสินค้าให้น่ะ)