ธีม WordPress สร้างส่วนหัวอย่างไร

เผยแพร่แล้ว: 2022-10-14

ธีม WordPress ส่วนใหญ่มี พื้นที่ส่วนหัว ที่ด้านบนของหน้า ส่วนหัวมักประกอบด้วยชื่อไซต์ สโลแกนของไซต์ และเมนูการนำทาง บางธีมยังมีรูปภาพส่วนหัวที่แสดงอยู่เหนือชื่อไซต์และสโลแกน รูปภาพส่วนหัวมักจะอยู่ในไฟล์ header.php รหัสสำหรับพื้นที่ส่วนหัวมักจะอยู่ในไฟล์ header.php ไฟล์ header.php อยู่ในโฟลเดอร์ธีม

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

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

ฉันจะเพิ่มส่วนหัวในธีม WordPress ได้อย่างไร

เครดิต: speedysense.com

ไฟล์ส่วนหัวของธีมสามารถพบได้โดยไปที่ลักษณะที่ปรากฏ สามารถใช้แผงผู้ดูแลระบบ WordPress เพื่อแก้ไขไฟล์ธีมได้ ใน 'สไตล์' เลื่อนลงไปที่ส่วนหัวของไซต์เพื่อเปลี่ยนหรือลบโค้ดที่กำหนดใน ไฟล์ธีม css ของไซต์

ส่วนหัวเป็นส่วนที่สำคัญที่สุดของเว็บไซต์และใช้พื้นที่มากที่สุด ใน WordPress คุณสามารถปรับแต่งรูปภาพส่วนหัว เพิ่มข้อความ และเพิ่มวิดเจ็ตได้ ที่ซอฟต์แวร์สร้างเว็บไซต์ Templatetoaster เราจะแสดงวิธีสร้างส่วนหัวที่กำหนดเองโดยใช้ตัวสร้างธีม WordPress แต่ละหน้าของคุณสามารถมี ส่วนหัวที่กำหนดเองที่แตกต่างกัน ใน WordPress เป็นไปได้ที่จะรวมคุณลักษณะของผลิตภัณฑ์ไว้ในส่วนหัวของหน้าเกี่ยวกับเรา และไม่มีอยู่ในหน้าอื่นๆ ขั้นตอนต่อไปนี้คือให้คุณเลือกรูปภาพส่วนหัวที่คุณต้องการใช้แล้วแก้ไข สามารถใช้ GIMP, paint.net และบริการอื่นๆ เพื่อทำให้ภาพดูมีชีวิตชีวา

ในหน้า WordPress คุณสามารถใช้โลโก้ วิดีโอ หรือภาพพื้นหลังได้ การเพิ่มพื้นที่ข้อความในส่วนหัวนั้นง่ายพอๆ กับการแทรกโค้ดต่อไปนี้ลงใน site-branding.php พูดอีกอย่างหนึ่งก็คือ หากคุณต้องการเปลี่ยนรูปลักษณ์ของไอคอนโซเชียล คุณต้องใช้ CSS ด้วย ในการเพิ่มวิดีโอ คุณสามารถไปที่ส่วนหัวบนคอมพิวเตอร์ของคุณและค้นหาวิดีโอที่คุณต้องการ WordPress แต่ละหน้าสามารถมีส่วนหัวที่กำหนดเองที่แตกต่างกันได้ เช่น หน้าที่มีรูปภาพหรือวิดีโอ หรือหน้าที่มีวิดเจ็ต ลากส่วนต่อประสานการวางเพื่อสร้างส่วนหัวที่กำหนดเองและคุณพร้อมที่จะไป การใช้ TemplateToaster เราจะแสดงวิธีเพิ่มส่วนหัวที่กำหนดเองให้กับ WordPress

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

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

ฉันจะเปิดใช้งานส่วนหัวใน WordPress ได้อย่างไร

หากคุณใช้ Visual Composer หรือปลั๊กอิน Revolution ของตัวเลื่อนในเว็บไซต์หน้าเดียว คุณสามารถ "ออกแบบ" บริเวณส่วนหัวด้วย Visual Composer หรือตัวเลื่อนได้ ไปที่ ลักษณะที่ปรากฏ และยกเลิกการเลือกตัวเลือก เปิดใช้งาน จากนั้นเลือก การตั้งค่า จากเมนู

ส่วนหัวของธีมใน WordPress อยู่ที่ไหน

คุณสามารถค้นหาและแก้ไขไฟล์ได้โดยไปที่ WP-content

ทำไมส่วนหัว WordPress ของฉันไม่แสดง

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

4 วิธีในการแก้ไขปัญหา WordPress ทั่วไป

หากคุณต้องการดูส่วนท้ายและส่วนหัว คุณสามารถใช้เทมเพลตเริ่มต้นหรือตัวเลือก Elementor Full-width คุณไม่มีตัวเลือกในการแก้ไขส่วนท้าย/ส่วนหัวของธีมใน Elementor (เวอร์ชันพื้นฐาน) แต่คุณสามารถเปลี่ยนแปลงส่วนหัวได้โดยใช้การตั้งค่าของธีม
สาเหตุที่พบบ่อยที่สุดของเมนูไม่ทำงานใน WordPress คือปัญหากับปลั๊กอินหรือธีมที่คุณใช้ ตรวจสอบให้แน่ใจว่าปลั๊กอินและธีมทั้งหมดของคุณเป็นปัจจุบัน และหากปัญหายังคงอยู่ ให้ปิดใช้งานปลั๊กอินที่ใช้งานอยู่ทั้งหมดและทดสอบเพื่อดูว่าปัญหาหายไปหรือไม่ หากปัญหายังคงอยู่ โปรดปิดใช้งานธีมที่ใช้งานอยู่ทั้งหมดและปล่อยให้ธีมของหนังสือพิมพ์ใช้งานได้เท่านั้น หากวิธีนี้ไม่สามารถแก้ปัญหาได้ คุณต้องเปิดใช้งานปลั๊กอินใหม่ทีละตัวในขณะที่ทำการทดสอบอีกครั้งหากไม่สามารถแก้ไขปัญหาได้


ส่วนหัวของ WordPress คืออะไร?

เครดิต: docs.pinegrow.com

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

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

เทมเพลตส่วนหัวของ WordPress

คุณสามารถสร้างธีมได้โดยไปที่ WordPress Dashboard เลือกปุ่ม เพิ่มเทมเพลตใหม่ จากนั้นป้อนชื่อสำหรับเทมเพลตส่วนหัวของคุณ และสุดท้าย คลิกสร้างด้วยการอัปเดตนี้ คุณจะสามารถเลือกจากเทมเพลต ส่วนหัว (หรือส่วนท้าย) ที่สร้างไว้ล่วงหน้าหรือสร้างใหม่ทั้งหมด

เจ้าของเว็บไซต์สามารถอัปโหลดภาพชื่อของตนเองไปยังเว็บไซต์ ซึ่งสามารถแสดงที่ด้านบนสุดของบางหน้าได้ ในการปรับแต่งและครอบตัดสิ่งเหล่านี้ ผู้ใช้สามารถใช้โปรแกรมแก้ไขภาพได้ ก่อนเพิ่มส่วนหัวในธีม จะต้องเพิ่มส่วนหัวลงในไฟล์ functions.php ก่อน ผู้ใช้สามารถเพิ่ม ส่วนหัวเริ่มต้น ได้ทันทีที่ติดตั้งธีมของคุณ อย่างไรก็ตาม พวกเขาจะต้องเลือกส่วนหัวของตนเองหลังจากติดตั้ง คุณสามารถใช้รูปภาพเริ่มต้นได้จนกว่าคุณจะอัปโหลดรูปภาพของคุณเองเสร็จ และผู้ใช้สามารถตั้งค่าธีมได้เร็วยิ่งขึ้น ส่วนหัวที่กำหนดเองได้รับการสนับสนุนโดย WordPress เวอร์ชันตั้งแต่ 3.0 ถึง 3 Get_header_image() ส่งคืนรูปภาพส่วนหัวจากฟังก์ชัน get_header_image หากคุณต้องการให้ธีมของคุณรองรับการติดตั้งรุ่นเก่า ให้เพิ่มโค้ดต่อไปนี้แทน add_theme_support ('custom-header') ลงในไฟล์ส่วนหัว

การนำเข้าเทมเพลตไปยังเว็บไซต์ของคุณ

คุณสามารถนำเข้าไฟล์ใดก็ได้ที่คุณต้องการโดยเลือกจากแท็บนำเข้า หลังจากนั้น สามารถใช้พื้นที่ส่วนหัวหรือส่วนท้ายเพื่อเลือกตำแหน่งของเทมเพลตได้