วิธีการใช้ WordPress ส่วนหัวที่แตกต่างกันต่อหน้า?
เผยแพร่แล้ว: 2022-09-12ส่วนหัวที่เหมาะสมบนไซต์ WordPress นั้นจำเป็นเพราะจะดึงดูดความสนใจของผู้เยี่ยมชมไซต์ของคุณได้ทันที และหากทำได้ดีก็สามารถปรับปรุงประสบการณ์ทั้งหมดของพวกเขาได้ อย่างไรก็ตาม เจ้าของร้านจำนวนมากขึ้นเรื่อยๆ มุ่งเน้นที่ส่วนหัวของเพจทั่วไปน้อยลงและให้ความสำคัญกับส่วนหัวที่เป็นเอกลักษณ์เฉพาะของพวกเขามากขึ้น แม้ว่าในตอนแรกอาจดูน่ากลัว แต่ด้วยหลักเกณฑ์ของเรา คุณจะดำเนินการให้เสร็จสิ้นภายในไม่กี่นาที
ในบทความนี้ เราจะพูดถึงวิธีการติดตั้งส่วนหัวที่แตกต่างกันของ WordPress ต่อหน้าสำหรับร้านค้าออนไลน์ของคุณ
- ทำไมร้านค้าของคุณถึงต้องการ WordPress ส่วนหัวที่แตกต่างกันต่อหน้า?
- วิธีการใช้ WordPress ส่วนหัวที่แตกต่างกันต่อหน้า: 3 วิธีง่ายๆ
- 1. การใช้ตัวสร้างธีม
- ขั้นตอนที่ 1: เปิดใช้งานส่วนหัวของหน้า
- ขั้นตอนที่ 2: ปรับแต่งส่วนหัวของหน้า
- ขั้นตอนที่ 3: เผยแพร่เพื่อบันทึกสิ่งที่คุณทำ
- 2. การใช้ปลั๊กอิน
- ขั้นตอนที่ 1: ดาวน์โหลด “ส่วนหัวที่ไม่ซ้ำ”
- ขั้นตอนที่ 2: ใช้ปลั๊กอิน
- 3. วิธีการด้วยตนเอง
- 1. การใช้ตัวสร้างธีม
- บทสรุป
ทำไมร้านค้าของคุณถึงต้องการ WordPress ส่วนหัวที่แตกต่างกันต่อหน้า?
ส่วนหัวที่แตกต่างกันของ WordPress ต่อหน้าเป็นคุณลักษณะที่ช่วยให้ผู้ใช้ปรับแต่งส่วนหัวให้แตกต่างจากหน้าอื่นๆ ส่วนหัวที่ไม่ซ้ำซึ่งทำงานสำเร็จจะไม่เพียงแบ่งหน้าออกเป็นส่วนๆ แต่ยังจะดึงความสนใจไปที่คุณสมบัติพิเศษของหน้าด้วย
นั่นเป็นเหตุผลสำคัญที่ไซต์ WordPress ของคุณต้องมีส่วนหัวที่ไม่ซ้ำ นอกจากนี้ คุณอาจปรับแต่งประสบการณ์ของคุณโดยให้แต่ละหน้ามีส่วนหัวที่ไม่ซ้ำกัน คุณสามารถเปลี่ยนข้อความและโลโก้ของส่วนหัวเพื่อให้ดึงดูดผู้ชมของคุณได้ดียิ่งขึ้นและสร้างความประทับใจแรกพบในแต่ละหน้า
แม้ว่าการปรับแต่งส่วนหัวต่างๆ ของ WordPress ในแต่ละหน้าอาจใช้เวลานาน แต่ก็มักจะดึงผลลัพธ์ที่สำคัญออกมา จากมุมมองของลูกค้า จะช่วยให้พวกเขาค้นหาข้อมูลเพิ่มเติมเกี่ยวกับคุณและวัตถุประสงค์ของแต่ละหน้า และค้นหาเนื้อหาเฉพาะที่พวกเขาต้องการโดยใช้ความพยายามเพียงเล็กน้อย นอกจากนี้ยังสามารถสร้างชื่อแบรนด์ที่ติดหู รวมหน้าการขาย และใช้ส่วนหัว WordPress ที่ไม่ซ้ำกันในแต่ละหน้าของช่องทางการขายของคุณเพื่อเพิ่ม Conversion
การสร้างส่วนหัวที่กำหนดเองของ WordPress ที่ไม่ซ้ำกันสำหรับแต่ละหน้าของไซต์ดูเหมือนจะเป็นงานที่ยากลำบาก อย่างไรก็ตาม ด้วยคำแนะนำทีละขั้นตอนของเรา มันจะไม่เป็นเช่นนั้นอย่างแน่นอน อันที่จริง ด้วยวิธีการบางอย่าง ทุกอย่างทำได้ง่ายเพียงไม่กี่คลิก
วิธีการใช้ WordPress ส่วนหัวที่แตกต่างกันต่อหน้า: 3 วิธีง่ายๆ
ก่อนที่จะกระโดดไปที่การสร้างส่วนหัว การเลือกการออกแบบส่วนหัวเพื่อใช้เป็นขั้นตอนแรกที่สำคัญ ดูหลักเกณฑ์และคำแนะนำต่อไปนี้สำหรับการสร้างส่วนหัวของ WordPress แบบมืออาชีพ:
- ออกแบบชื่อ คำอธิบาย และโลโก้ของไซต์
- ใช้ได้กับหน้าจอทุกขนาด
- เลือกภาพที่เข้ากับความสวยงามของแบรนด์ของคุณและแต่ละหน้า
- หากเป็นไปได้ ให้ใช้รูปถ่ายที่คุณถ่ายเองเพื่อสร้างความรู้สึกเหมือนจริง
ตอนนี้ มาเริ่มใช้งาน WordPress ส่วนหัวที่แตกต่างกันต่อหน้ากัน ด้านล่างนี้คือ 3 วิธีง่ายๆ (จากง่ายที่สุดไปยากที่สุด) เพื่อสร้างส่วนหัวที่ไม่ซ้ำกันสำหรับแต่ละหน้าบน WordPress:
- การใช้ตัวสร้างธีม
- การนำปลั๊กอินมาใช้
- วิธีการด้วยตนเอง
1. การใช้ตัวสร้างธีม
สำหรับธุรกิจออนไลน์ส่วนใหญ่บน WordPress เจ้าของมักจะใช้ Theme Builder เพื่อใช้ประโยชน์จากข้อดีหลัก ๆ ของธีมนั้น เครื่องมือสร้างธีมที่ได้รับความนิยมมากที่สุด ได้แก่ WooCommerce (รวมถึง Woostify), Seed Prod, Template Toaster,... ดังนั้น โดยทั่วไปแล้วจะมีคุณลักษณะในการสร้างส่วนหัวต่างๆ ของ WordPress ต่อหน้า
ในบทความนี้ เราจะใช้ธีม Woostify เป็นตัวอย่าง อย่างไรก็ตาม หากคุณใช้ธีมอื่น ธีมนี้ก็จะคล้ายกับธีมนี้อย่างแน่นอน และคุณจะพบคำแนะนำในบทแนะนำเกี่ยวกับธีมได้เสมอ
ขั้นตอนที่ 1: เปิดใช้งานส่วนหัวของหน้า
หากคุณไปที่แดชบอร์ดและคลิกที่ ลักษณะที่ปรากฏ > ปรับแต่ง > เค้าโครง > ส่วนหัวของหน้า หน้าต่างใหม่จะปรากฏขึ้นดังที่แสดงด้านล่าง
ขั้นตอนที่ 2: ปรับแต่งส่วนหัวของหน้า
หากต้องการเปลี่ยนลักษณะที่ปรากฏของส่วนหัวของหน้าอย่างรวดเร็ว เพียงใช้เมนูแบบเลื่อนลงเพื่อเลือกค่าใหม่สำหรับตัวเลือกการแสดง ชื่อ การจัดแนวข้อความ สีพื้นหลัง รูปภาพ...
ขั้นตอนที่ 3: เผยแพร่เพื่อบันทึกสิ่งที่คุณทำ
ขั้นตอนต่อไปคือการอัปเดตการแก้ไขของคุณ หากคุณต้องการอัปเดตส่วนหัวของทุกหน้าในไซต์ของคุณ เพียงทำตามขั้นตอนด้านบนแล้วไปที่ Pages > All Pages > Watch ในแดชบอร์ด
สุดท้าย ค้นหาพื้นที่ ส่วนหัวของหน้า ภายใต้ การตั้งค่าหน้า บนแถบด้านข้างขวา ตอนนี้คุณสามารถใช้ตัวเลือกเครื่องมือปรับแต่งแบบเดียวกับที่คุณทำบนหน้าอื่นๆ คุณยังสามารถซ่อนชื่อหน้าใน WordPress ได้อีกด้วย
2. การใช้ปลั๊กอิน
ปลั๊กอิน WordPress ยังอนุญาตให้แสดงส่วนหัวที่ไม่ซ้ำกันในแต่ละหน้า ส่วนหัวที่ไม่ซ้ำ ส่วนหัวที่แสดง WP รูปภาพส่วนหัวเด่น และอื่นๆ อีกมากมายเป็นเพียงตัวอย่างบางส่วนของปลั๊กอิน WordPress ที่มีอยู่มากมาย
ปลั๊กอินใช้กันอย่างแพร่หลายเนื่องจากมักมีฟังก์ชันพิเศษ เมื่อใช้ส่วนขยายเหล่านี้ คุณสามารถเพิ่มส่วนหัวใหม่ให้กับไซต์ของคุณและในแต่ละหน้าได้อย่างรวดเร็วและง่ายดาย โดยปกติแล้ว การตั้งค่าและการเปิดใช้งานปลั๊กอินจะทำให้ขั้นตอนง่าย: ภายในเวลาไม่ถึงสองนาที คุณก็เสร็จเรียบร้อย
ในบทความของเรา เราจะใช้ปลั๊กอินชื่อ "Unique Header" ด้วยปลั๊กอินนี้ กล่องรูปภาพส่วนหัวเพิ่มเติมจะปรากฏขึ้นเมื่อคุณแก้ไขโพสต์หรือหน้า คุณสามารถมีตัวเลือกให้ใช้ส่วนหัวเดียวกันทั่วทั้งไซต์หรือส่วนหัวที่แตกต่างกันในแต่ละหน้าเมื่อแก้ไขหน้าต่างๆ เช่นกัน
ขั้นตอนที่ 1: ดาวน์โหลด “ส่วนหัวที่ไม่ซ้ำ”
ประการแรก คุณต้องดาวน์โหลดปลั๊กอินก่อน ไปที่ ปลั๊กอิน > เพิ่มใหม่ > ค้นหา “ ส่วนหัวที่ไม่ซ้ำ ” (หรือปลั๊กอินส่วนหัวใด ๆ ที่คุณต้องการรับ) คลิก " ดาวน์โหลด " และ " เปิดใช้งาน " หลังจากนั้นจึงจะสามารถใช้งานได้
ขั้นตอนที่ 2: ใช้ปลั๊กอิน
เมื่อคุณเปิดใช้งานปลั๊กอินแล้ว เพียงคลิก " ตั้งค่ารูปภาพส่วนหัวที่กำหนดเอง " ที่มุมล่างขวาของหน้าจอ ตอนนี้คุณสามารถอัปโหลดภาพที่กำหนดเองได้ เท่านี้ก็เสร็จเรียบร้อย
สุดท้าย ส่วนหัวจะเป็นแบบนี้ที่ส่วนหน้าของคุณ
3. วิธีการด้วยตนเอง
บน WordPress ส่วนหัวสามารถแก้ไขได้โดยใช้โค้ด แม้ว่านี่จะเป็นหนึ่งในคุณสมบัติที่โดดเด่นของ WordPress แต่ก็มีคนจำนวนไม่มากที่สามารถทำได้เนื่องจากต้องใช้ความรู้เกี่ยวกับการเขียนโค้ด ดังนั้น ผู้ใช้ที่ไม่มีพื้นฐานทางเทคนิคควรหลีกเลี่ยงกลยุทธ์นี้ ไม่แนะนำให้แก้ไขไฟล์ธีมโดยตรง เนื่องจากข้อผิดพลาดเพียงเล็กน้อยก็อาจทำให้เกิดปัญหาร้ายแรงกับเว็บไซต์ของคุณได้
ภายใต้ ลักษณะที่ปรากฏ > ตัวแก้ไขไฟล์ธีม ในแดชบอร์ด WordPress คุณจะพบไฟล์ส่วนหัวสำหรับธีมของคุณ ไปที่ไฟล์เทมเพลตของ style.css และแก้ไขส่วนหัว จากนั้นแทนที่โค้ดส่วนหัวภายในไฟล์เทมเพลตของหน้าเว็บ (เช่น page.php) ดังด้านล่าง สิ่งนี้ทำให้คุณสามารถอ้างอิงถึงส่วนหัวของ WordPress ที่ไม่ซ้ำกันในหลาย ๆ หน้า
<?php if(is_page(about)) { get_header('about'); } else { get_header(); } wp_head(); ?>
อย่างที่คุณเห็น ฟังก์ชัน "is_page" ใช้เพื่อระบุว่าหน้าปัจจุบันเป็นหน้า " เกี่ยวกับ " หรือไม่ โค้ดก่อนหน้าจะสั่งให้ WordPress ใช้ไฟล์ header-about.php มิฉะนั้น WordPress จะใช้ไฟล์ส่วนหัวเริ่มต้น ที่นั่น คุณสามารถแก้ไขรูปลักษณ์ของไซต์ได้โดยการแทรกหรือลบโค้ดในส่วนหัวของไซต์
บทสรุป
ในบทความนี้ เราได้แสดงให้คุณเห็นถึงวิธีการใช้ส่วนหัวต่างๆ ของ WordPress ต่อหน้าในไม่กี่ขั้นตอนง่ายๆ คุณสามารถติดตามข่าวสารล่าสุดและนำหน้าเกมกับธุรกิจออนไลน์ของคุณ และดูบทแนะนำวิธีการเพิ่มเติมเช่นนี้โดยสมัครรับรายชื่ออีเมลของเรา