แจกของฟรี

วิธีใส่ Breadcrumb บน WordPress สามารถทำได้หลายวิธี เช่น เขียนฟังก์ชันเองแล้วเรียกใช้ก็ได้ จะใช้ปลั๊กอินติดตั้งก็สะดวกดี ในบทความนี้ผมจะแนะนำปลั๊กอิน Breadcrumb NavXT ซึ่งเป็นปลั๊กอินไว้สำหรับทำ Breadcrumb Navigation หรืออาจจะเรียกได้ว่าเป็น เครื่องมือนำทางก็ได้ เหมือนในรูปภาพด้านล่าง ทำให้เรารู้ว่าเราอยู่ที่ใหน แล้วสามารถย้อนกลับไปได้



วิธีใส่ Breadcrumb บน WordPress  ด้วยปลั๊กอิน Breadcrumb NavXT
1. ติดตั้งปลั๊กอิน ดาวน์โหลดได้ที่  Breadcrumb NavXT
2. ตั้งค่าปลั๊กส่วนหลังบ้าน
3. นำโค้ดไปใส่ในจุดทีต้องการจะแสดง

ดาวน์โหลดปลั๊กอินและติดตั้งให้เรียบร้อย



ตั้งค่าปลั๊กอินที่หลังบ้าน
การตั้งค่าปลั๊กอิน Breadcrumb NavXT จริงๆก็ไม่ได้มีอะไรมากมาย แค่เราติ๊กว่าเราจะแสดงในหน้า Home หรือ Blog หรือ หรือ Post Types ส่วนที่เราเห็นเป็นโค้ด HTML เช่นในรูปด้านล่าง



ถ้าเราเอาโค้ด HTML มาใส่ใน editer ก็จะได้แบบนี้…

<a class="%type%" title="Go to the %title% category archives." href="%link%">
      %htitle%
   </a>

ส่วนพวก %title% %htitle% %link%… เป็นแค่ค่าที่จะใส่ในแท็ก html เช่นชื่อเพจปัจจุบัน ชื่อคลาส ชื่อลิงค์ที่จะแสดง ซึ่งชื่อตัวแปรแต่ละตัวมันมีความหมายตรงตัวอยู่แล้วครับ สามารถเปรียบเทียบโค้ด html กับตัวที่แสดงบนเว็บจริงๆตามโค้ดด้านล่าง



นำโค้ด PHP ไปวางใน template ในไฟล์ที่ต้องการจะแสดง เช่น page.php, php-blog.php, page-leftbar.php เป็นต้น ส่วนลำดับที่เราต้องการจะแสดง ลองคลิกขวา แล้วตรวจสอบโค้ด html ว่าลำดับ element ใหนที่ต้องการจะแสดง


ที่มา: http://teeneeweb.com/breadcrumb-wordpress/