ใส่ Breadcrumb ด้วยปลั๊กอิน Breadcrumb NavXT
- +



ของในห้องแจกของแจกฟรีทุกชิ้น

^ประกาศ pordoo.com คือเว็บสำหรับแจกสิ่งของ สมาชิกสะสมพอยท์ภายในเว็บเพื่อนำไปแลกของรางวัลที่ต้องการ
พอยท์ได้มาจากไหนบ้าง?
1.สมัครสมาชิกรับ 100 พอยท์
2.กดรับจากAdmin สัปดาห์ละ 100 พอยท์
3.สมาชิกคนอื่นกดให้พอยท์ (กดที่กล่องของขวัญ)
แจก 2,000 พอยท์ทุกสัปดาห์ รอบ17 คลิ้กเลย

ผู้เขียน หัวข้อ: ใส่ Breadcrumb ด้วยปลั๊กอิน Breadcrumb NavXT  (อ่าน 740 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smfTopic starter

  • "ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,353
  • พอยท์: 4
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
  • คอมเมนต์สินค้า: (1)
ใส่ Breadcrumb ด้วยปลั๊กอิน Breadcrumb NavXT
« เมื่อ: 17 ตุลาคม 2016, 18:41:14 »
วิธีใส่ 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/

แท็ก:
 
แชร์บทความ...
โค้ดแบบ forum
(BBCode)
โค้ดแบบ site/blog
(HTML)


anything