ตัวนำทางเว็บแบบอักษรด้วย Breadcrumb NavXT
ผมก็ไม่รู้จะเรียกว่าอะไรดีน่ะครับขอเรียกแบบนี้ละกัน ตัวอย่างก็แบบรูปภาพด้านบนน่ะครับจะดีกว่าไหมถ้าผู้เข้าชมเว็บสามารถรู้ได้ว่าตอนนี้ตัวเองอยู่ส่วนไหนของเว็บ เป็นการบอกตำแหน่งของผู้เข้าเว็บเราว่าตอนนี้อยู่ ณ.ส่วนไหนของเว็บ ซึ่งวิธีการทำนั้นก็ไม่ยากเท่าไรแต่แนะนำครับต้องมีความรู้พื้นฐานด้าน html+css เพราะ plugin ตัวนี้ไม่ใช่ว่าพอเรา activate ไปแล้วมันจะแสดงออกมาให้เราเลยน่ะครับ ต้องเสริมลงใน theme เอาเอง และปรับแต่ง css เพิ่อความสวยงามให้เข้ากับเว็บเรา plugin ตัวนี้ชื่อว่า Breadcrumb NavXT แต่ใครไม่อยากยุ่งกับตัว theme แนะนำให้ใช้ theme ของทางผู้พัฒนาครับเพราะเขาได้ใส่ไว้ให้แล้ว http://mtekk.weblogs.us/code/berry
หลังจากโหลดมาแล้วให้เราทำการติดตั้ง และเข้าไปดูที่หน้า admin ของเราไปที่ Plugins > Installed มันจะมี plugin โผ่ลมา 2 ตัวซึ่งทางผู้พัฒนาได้บอกไว้ว่าไม่ควร activate ทั้ง 2 ตัวให้เลือกตัวใดตัวหนึ่ง แต่ทางฮาวโฮสเราแนะนำว่าให้ activate ตัว Breadcrumb NavXT – Adminstration Interface ครับเพราะสามารถปรับแต่งเพิ่มเติมได้
หลังจาก activate แล้วมาถึงขั้นตอนนำตัว naviXT ให้มันแสดงผลในเว็บเราละครับ โดยการนำไฟล์ header.php ของตัว theme เรามาแก้ไข /wp-content/themes/(them เราที่ใช้)/header.php
ให้เรานำ code ตัวด้านล่างนี้ใส่ลงไปส่วนไหนก็ตามแต่ theme ของเราจะออกแบบมา ขั้นตอนนี้เละครับที่เราต้องพอจะดูออกว่าส่วนไหนเป็นส่วนไหนเราจะใส่เข้าไปยังไงก็แล้วแต่เราครับ
<div class=”breadcrumb”>
<?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}
?>
</div>
ดังตัวอย่างผมใส่ลงไปที่ส่วนท้ายของ header.php เลย
จากนั้นเซพแล้วโยนกลับไปที่เดิมของ theme เราครับ /wp-content/themes/(them เราที่ใช้)/header.php จากนั้นเรามาดูส่วนของ css ของ NaviXT บาง ให้เรานำ code css ด้านล่างใส่ลงไปใน style.css ของ theme เราครับและปรับแต่งแก้ไขกันตามสะดวก…
.breadcrumb
{
font-size: 1.1em;
color: #fff;
margin: 30px 0 0 10px;
position: relative;
float: left;
}
จากนั้นเซพแล้วโยนกลับไปที่เดิมของ theme เราครับ /wp-content/themes/(them เราที่ใช้)/style.css เราสามารถแก้ไขส่วนของการแสดงผลเพิ่มเติมได้ที่ Settings > Breadcrumb NavXT ในหน้า admin ครับ
