ผู้เขียน หัวข้อ: ใส่โค้ดในหน้าเว็บทุกหน้าด้วย Header and Footer  (อ่าน 1272 ครั้ง)

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

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
Header and Footer
คือปลั๊กอินที่ช่วยให้เราสามารถแทรกโค้ดใดๆ ก็ได้ที่ต้องการ ลงในทุก Post หรือ Page ได้ โดยสามารถที่จะใส่ได้ทั้ง Html หรือ Php ต่างๆ ช่วยให้เราแก้ไขง่าย คือแก้จากจุดเดียวก็จะส่งผลกับทั้งหมด บางคนอาจจะใช้สำหรับใส่ Google Analytic โค้ด หรือใส่โค้ดสำหรับโฆษณาต่างๆ
แต่ตามที่ชื่อบอกนะคะ เขาจะใส่ได้เฉพาะบริเวณส่วนหัวและท้ายเท่านั้น ทั้งในแท็ก <head> ส่วนท้ายก่อนแท็ก </body> หรือส่วนก่อนหน้าและตอนท้ายของบทความ (Post content)

การใช้งานหลังจากทำการติดตั้งปลั๊กอินเสร็จแล้ว ให้ไปที่เมนู Settings > Header and Footer



ในตัวอย่างนี้เราจะใส่โค้ดในส่วนหัวและท้ายของบทความ (Post) นะคะ โดยส่วนหัวเราจะใส่โค้ดสำหรับ Breadcrumbs ที่ได้จากปลั๊กอิน WordPress Seo เพื่อให้ได้ผลลัพธ์ที่ดีใน Serach Engine ซึ่ง Breadcrumbs นี้เราจะต้องแทรกโค้ดเอง หากใครยังไม่รู้เกี่ยวกับ Php อาจจะอ่านโค้ดยากสักหน่อยว่าจะต้องแทรกไว้ตรงไหน
โค้ดที่ต้องนำไปแทรกในส่วนหัวของ Post Content (ใต้ Title)

<?php if ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb('<p id="breadcrumbs">','</p>');} ?>

นำโค้ดที่ได้วางลงในช่อง … before each post



ในตัวอย่างด้านบนนั้นเรามีโค้ดในช่อง … after each post หรือส่วนท้ายของแต่ละโพสด้วย นั่นคือโค้ดที่ได้จากปลั๊กอินเช่นกันค่ะ คือปลั๊กอิน amr shortcode any widget เรียก widget ใดๆ มาแสดงที่โพสก็ได้โดยการใช้ shortcode เราจึงนำ  WP Subscribe Widget สำหรับให้ผู้อ่าน Subscribe บทความของเรา มาใส่ในช่อง after each post นี้แทน เพื่อให้ผู้อ่านอ่านเสร็จแล้ว สามารถที่จะ Subscribe ติดตามเว็บของเราได้เลย เป็นต้น (อย่าลืม Subscribe กันด้วยนะ)



หากเราต้องการใส่ในหน้าของ Page ก็ไปกำหนดคล้ายๆ กันนี้ในแท็บ Page content แทนค่ะGoogle Analyticsสำหรับการติดตั้งโค้ด Google analytics ที่ต้องทำการวางโค้ดเพื่อติดตามลงไปในส่วนของแท็ก <head> นั้นเราก็ทำได้ด้วยวางลงในช่อง Code to be added on HEAD section of every page ของแท็บ Page head and footer ค่ะ



Disableเราสามารถที่จะสั่งให้ปลั๊กอินไม่ต้องทำงานในบางหน้าได้ โดยเมื่อเราเขียนบทความนั้น จะมีกล่อง Header and Footer ด้านล่าง ให้เราติ๊กเลือกข้อที่เราต้องการให้ละเว้นการทำงานในหน้านั้นๆ ค่ะ



ความสามารถอื่นๆ ที่ปลั๊กอินสนับสุน
  • การกำหนดการทำงานบน Mobile
  • Facebook OpenGraph
  • SEO
  • Snippets
  • BBPress
  • และอื่นๆ
สามารถอ่านเพิ่มเติมเกี่ยวกับการตั้งค่าต่างๆ ได้ที่ http://www.satollo.net/plugins/header-footer
จะ เห็นว่าเว็บเราจะเน้นการใช้งานที่เป็นปลั๊กอินเป็นหลักนะคะ เพราะต้องการนำเสนอในแง่ของคนใช้งานที่เป็นคนธรรมดาทั่วไปที่ไม่ได้มีความ รู้ทางด้านการเขียนโค้ด สำหรับท่านที่เขียนโค้ดเป็นอาจจะมีความคิดเห็นว่าแค่แทรกโค้ดเข้าตรงๆ ในเทมเพลตง่ายกว่า ซึ่งถ้าเป็นผู้ใช้งานในระดับนั้นเราก็แนะนำให้ทำเช่นนั้นเพื่อหลีกเลี่ยงการ ใช้งานปลั๊กอินมากเกินไปค่ะหรือเท่าที่จำเป็นเท่านั้น แต่การใช้ปลั๊กอินก็ไม่ผิด และยังช่วยอำนวยความสะดวกได้ดีเช่นกัน


ที่มา: http://www.wpthaiuser.com/header-and-footer/
« แก้ไขครั้งสุดท้าย: 22 มกราคม 2017, 21:46:08 โดย smf »