แถบด้านข้าง ส่วนหัว และส่วนท้ายมีชื่อด้วยเหตุผลที่ดี เป็นคำอธิบายและบอกคุณว่าแต่ละองค์ประกอบควรอยู่ที่ใดบนหน้าเว็บ ดังนั้นเมื่อแถบด้านข้างของคุณซึ่งควรจะอยู่ทางซ้ายหรือขวาของคุณ เนื้อหา, ปรากฏด้านล่างของคุณ เนื้อหาเห็นได้ชัดว่ามีปัญหา

ตำแหน่งขององค์ประกอบเหล่านี้กำหนดโดยโค้ด HTML และ CSS คุณไม่จำเป็นต้องรู้ภาษาเหล่านี้เพื่อแก้ปัญหานี้ แต่คุณจำเป็นต้องเข้าใจสิ่งหนึ่งหรือสองอย่างเช่น " div '

ทำความเข้าใจความสำคัญขององค์ประกอบ "Div" ที่เกี่ยวข้องกับแถบด้านข้าง

“Div” หรือแท็ก เป็นองค์ประกอบ HTML เป็นคอนเทนเนอร์สำหรับองค์ประกอบต่าง ๆ ที่ประกอบกันเป็นเว็บเพจรวมทั้ง เนื้อหา. แต่ละองค์ประกอบจะต้องมีอยู่ในตัวเอง " ".

คุณควรรู้ว่าแท็กเปิดและปิดทำงานอย่างไรใน HTML ในตอนนี้ ตัวอย่างเช่นเมื่อคุณตั้งชื่อเรื่องด้วยความหนา h2 Title และดูในโปรแกรมแก้ไขข้อความคุณจะสังเกตเห็นว่ามันอยู่ในแท็ก , แบบนี้ :

ชื่อ-in-the-แท็ก

ครั้งแรก เป็นแท็กเปิด แท็กที่มีเครื่องหมายทับ "/" เป็นแท็กปิด แต่ละองค์ประกอบของหน้าเว็บต้องมีแท็กเปิดและปิด หากป้ายกำกับเปิดอยู่และไม่ได้ปิดหรือในทางกลับกันอาจทำให้เกิดการแสดงผลที่ไม่ถูกต้องในบางรายการโดยเฉพาะอย่างยิ่งหากแท็กเหล่านั้นไม่ได้เป็นส่วนหนึ่งของแท็กได้รับการยกเว้นจากการมีแท็กปิดเช่น " img '" hr "ฯลฯ

หากคุณเปิดแท็ก และอย่าปิดด้วย ย่อหน้าของคุณและเนื้อหาอื่น ๆ จากบทความจะแสดงในลักษณะ "หัวเรื่อง 2" มันคล้ายกับวิธีการที่องค์ประกอบ " div อาจแสดงอย่างถูกต้องหากคุณไม่เปิดและปิดอย่างถูกต้อง

นี่คือไฟล์ "single.php" สำหรับธีม " Zerif Lite " ไฟล์นี้มีรหัสที่กำหนดว่าบทความจะปรากฏในปลั๊กอิน (สำหรับรายการที่ไม่ซ้ำกัน). ในภาพต่อไปนี้แท็ก“ Div” จะถูกไฮไลต์เพื่อแสดงให้คุณเห็นว่าแท็กเปิดที่ไหนและปิดที่ใด

เดียว PHP แถบด้านองค์ประกอบ-div

นี่เป็นการสาธิตง่ายๆว่าองค์ประกอบ div ทำงานอย่างไรเพื่อให้เราสามารถระบุสาเหตุของปัญหาการแสดงผลได้ดีขึ้น

แก้ไขปัญหาการแสดงผลบน WordPress

การทำความเข้าใจว่าองค์ประกอบ "div" ทำงานอย่างไรเป็นเพียงครึ่งหนึ่งของการต่อสู้ ตอนนี้คุณต้องพิจารณาว่าไฟล์ใดในไซต์ของคุณมีปัญหากับองค์ประกอบ "div"

มีคำถามสองสามข้อที่คุณควรถามตัวเอง:

ปัญหานี้เกิดขึ้นทั่วทั้งไซต์ของคุณหรือไม่

การค้นหาว่าปัญหานี้เกิดขึ้นที่ใดในไซต์ของคุณอาจเป็นเบาะแสที่ดีว่าปัญหาเกิดขึ้นที่ไหน ขออภัยหากสิ่งนี้มีอยู่ทุกที่บนไซต์ของคุณการแก้ไขจะใช้เวลานานขึ้น

ปัญหาทั่วไปที่แถบด้านข้างปรากฏด้านล่างเนื้อหาอาจมีสาเหตุหลายประการและมักจะปรากฏในไฟล์หลักอย่างใดอย่างหนึ่งต่อไปนี้:

  • footer.php
  • header.php
  • index.php
  • sidebar.php
  • style.css

ชุดรูปแบบของคุณอาจมาพร้อมกับไฟล์เพิ่มเติมที่กำหนดองค์ประกอบที่แสดงทั่วทั้งไซต์ของคุณ แต่เหล่านี้เป็นไฟล์หลักที่คุณควรพิจารณาเพื่อทำการค้นหา

คุณสามารถแสดงได้โดยตรงในตัวแก้ไขซึ่งอยู่ในเมนู "ลักษณะที่ปรากฏ" บนแดชบอร์ด

ปัญหานี้มีอยู่ในหน้าเว็บเท่านั้นหรือไม่

สำรวจสองสามหน้าเพื่อค้นหาข้อผิดพลาด ปัญหาปรากฏเฉพาะในเพจหรือไม่? ในกรณีนี้คุณจะต้องดูไฟล์ "page.php" ของคุณเพื่อค้นหาข้อผิดพลาด

ปัญหานี้มีอยู่เฉพาะในหน้าของบล็อกหรือไม่

คุณต้องเปรียบเทียบหน้าบางหน้าในไซต์ของคุณกับบทความต่างๆ อีกครั้ง บล็อกของคุณ. ตรวจสอบไฟล์ “single.php” ของคุณ หากแถบด้านข้างแสดงอย่างถูกต้องบนหน้าเว็บ แต่ไม่แสดงบนบล็อก ไฟล์นี้จะแจ้งให้คุณทราบข้อมูลเพิ่มเติม

ปัญหาของบาร์ลอยน้ำ

ชุดรูปแบบของคุณอาจเป็นแถบด้านข้างที่ลอยอยู่และหากนี่ทำให้แถบด้านข้างปรากฏใต้เนื้อหาคุณจะต้องเข้าใกล้นักพัฒนามากขึ้น

คุณสมบัติที่สำคัญที่สุดคือคุณสมบัติ ลอย ซึ่งมักปรากฏในสองรูปแบบ:

ลอย: ซ้าย; ลอย: ขวา;

หากไม่ได้ใช้อย่างถูกต้องหรือไม่ได้ใช้เลยอาจทำให้ไอเท็มซ้อนทับกันแทนที่จะวางเรียงกัน คุณอาจต้องใช้ " ชัดเจน เพื่อแก้ไขปัญหา

ขอความช่วยเหลือจากผู้เชี่ยวชาญ

หากคุณไม่สามารถแก้ไขปัญหาได้โดยใช้ทั้งหมดข้างต้นฉันขอเชิญคุณที่จะติดต่อเราโดยตรงแสดงความคิดเห็นหรือผ่านการแชทสดบน หน้าแรก.

มิฉะนั้นคุณสามารถติดต่อผู้พัฒนาธีมได้ตลอดเวลา ผู้ที่เป็นต้นกำเนิดของผลิตภัณฑ์นี้จะสามารถตอบสนองความต้องการของคุณได้ดียิ่งขึ้น

นั่นคือทั้งหมดสำหรับการกวดวิชานี้ฉันหวังว่ามันจะช่วยให้คุณแก้ไขปัญหาของแถบด้านข้างที่ปรากฏด้านล่างเนื้อหาของคุณ