วิธีสร้างโฮมเพจที่กำหนดเองใน WordPress: ตอบคำถามทุกข้อของคุณ!

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

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

คุณสามารถสร้างโฮมเพจแบบกำหนดเองได้อย่างง่ายดายโดยทำตาม 5 ขั้นตอนง่ายๆ

  • ขั้นตอนที่ 1: ติดตั้ง PostX
  • ขั้นตอนที่ 2: เปิดส่วนเสริมตัวสร้างไซต์แบบไดนามิก
  • ขั้นตอนที่ 3: สร้างหน้าใหม่
  • ขั้นตอนที่ 4: ตั้งเป็นหน้าแรก
  • ขั้นตอนที่ 5: เพิ่มเนื้อหาลงในหน้าแรกที่กำหนดเอง
เนื้อหา ซ่อน
1 โฮมเพจที่กำหนดเองใน WordPress คืออะไร?
2 ความแตกต่างระหว่างหน้าแรกที่กำหนดเองและหน้าโพสต์?
3 วิธีสร้างโฮมเพจที่กำหนดเองใน WordPress โดยใช้ PostX
3.1 ขั้นตอนที่ 1: ติดตั้ง PostX
3.2 ขั้นตอนที่ 2: เปิดส่วนเสริมตัวสร้างไซต์แบบไดนามิก
3.3 ขั้นตอนที่ 3: สร้างเพจใหม่
3.4 ขั้นตอนที่ 4: ตั้งเป็นหน้าแรก
3.4.1 วิธีที่ 1: ตั้งค่าเพจเป็นโฮมเพจ
3.4.2 วิธีที่ 2: ตั้งค่าเพจเป็นโฮมเพจ
3.5 ขั้นตอนที่-5: เพิ่มเนื้อหาไปยังโฮมเพจที่กำหนดเอง
4 วิธีปรับแต่งเค้าโครงหน้าแรก
5 วิธีการเปลี่ยนเค้าโครงหน้าแรก?
6 วิธีทำให้โฮมเพจ WordPress ของฉันเป็นไดนามิก
7 บทสรุป

โฮมเพจที่กำหนดเองใน WordPress คืออะไร?

หน้าแรกของ WordPress ที่แสดงโพสต์บล็อกและผู้เยี่ยมชมเป็นครั้งแรกคือหน้าแรก การแก้ไขหน้านั้นโดยใช้หน้าแรกแบบกำหนดเองที่ให้ค่าเดียวกันในทางที่ดีขึ้นเรียกว่าโฮมเพจแบบกำหนดเอง

ความแตกต่างระหว่างหน้าแรกที่กำหนดเองและหน้าโพสต์?

โฮมเพจแบบกำหนดเองเป็นทางเลือกแทนโฮมเพจเริ่มต้นที่สร้างขึ้นเพื่อให้บริการเนื้อหาและข้อเสนอของเว็บไซต์ในทางที่ดีขึ้น

หน้าโพสต์เรียกอีกอย่างว่าหน้าบล็อก ไซต์ WordPress ที่แสดงหน้าแรกที่กำหนดเองแทนที่จะเป็นค่าเริ่มต้นอาจต้องการมีหน้าบล็อกเพื่อแสดงโพสต์ในบล็อก

บล็อกหรือหน้าโพสต์ประกอบด้วยบล็อกโพสต์ของไซต์ WordPress แต่โฮมเพจที่กำหนดเองประกอบด้วยโพสต์ เพจ หมวดหมู่ ผลิตภัณฑ์ บริการ ฯลฯ

วิธีสร้างโฮมเพจที่กำหนดเองใน WordPress โดยใช้ PostX

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

ขั้นตอนที่ 1: ติดตั้ง PostX

ก่อนอื่น คุณต้องติดตั้งปลั๊กอิน PostX Gutenberg Blocks เป็นหนึ่งในปลั๊กอินบล็อก Gutenberg ที่ดีที่สุดและมีจุดมุ่งหมายเพื่อช่วยคุณจัดระเบียบโพสต์ภายในคลิกเดียว แม้ว่า PostX จะมีคุณสมบัติทั้งหมดที่จำเป็นในการสร้างเว็บไซต์บล็อกทุกประเภท โดยเฉพาะนิตยสารข่าว แต่วันนี้เราจะใช้ Dynamic Site Builder Addon ของ PostX ที่ช่วยในการออกแบบหน้าเว็บทุกหน้าในเว็บไซต์ของคุณแบบไดนามิก

Install PostX
ติดตั้ง PostX

ขั้นตอนที่ 2: เปิดส่วนเสริมตัวสร้างไซต์แบบไดนามิก

ดังที่ฉันได้กล่าวไปแล้ว addon ของตัวสร้างไซต์แบบไดนามิกช่วยในการลาออกทุกหน้าแบบไดนามิก ดังนั้นเราจะต้องใช้ addon นี้เพื่อสร้างโฮมเพจที่กำหนดเอง แต่เพื่อที่จะใช้สิ่งนี้ เราต้องเปิดใช้งาน สำหรับการที่:

  • ไปที่ส่วน "เริ่มต้นใช้งาน" ของ PostX
  • คลิกที่ “ส่วนเสริม” ตัวเลือก
  • เปิดส่วนเสริมตัวสร้างไซต์แบบไดนามิก
Turn on Dynamic Site Builder Addon
เปิดส่วนเสริมตัวสร้างไซต์แบบไดนามิก

หลังจากเปิดส่วนเสริมแล้ว คุณจะเห็นส่วนใหม่ของ Dynamic Site Builder ถูกเพิ่มพร้อมกับส่วนอื่นๆ ทั้งหมดของ PostX เก็บไว้ที่นั่นจะเริ่มใช้งานในขั้นตอนต่อไป

ขั้นตอนที่ 3: สร้างหน้าใหม่

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

Create a New Page
สร้างหน้าใหม่

ตั้งชื่อเพจ เช่น หน้าแรก และเผยแพร่เพจ ไม่ต้องกังวลเพราะหน้าเพจว่างเปล่าเพราะเราจะเพิ่มเนื้อหาที่มีเลย์เอาต์ที่สวยงามให้กับเพจ

ขั้นตอนที่ 4: ตั้งเป็นหน้าแรก

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

วิธีที่ 1: ตั้งค่าเพจเป็นโฮมเพจ

จากแดชบอร์ด WordPress ของคุณ ไปที่การตั้งค่าการอ่าน จากหน้าแรกที่แสดงตัวเลือก ให้เลือกเครื่องหมายของตัวเลือก "หน้าคงที่" จากนั้นเลือกเพจที่คุณเพิ่งสร้างขึ้นจากดรอปดาวน์

Set Home Page from Reading Section
ตั้งค่าหน้าแรกจากส่วนการอ่าน

วิธีที่ 2: ตั้งค่าเพจเป็นโฮมเพจ

คลิกที่ตัวเลือกปรับแต่งจากส่วนหน้า ค้นหาและไปที่การตั้งค่าหน้าแรก ตอนนี้เลือกตัวเลือก "หน้าคงที่" และเลือกหน้าที่เพิ่งสร้างเป็นโฮมเพจ

Set Home Page from Theme Customizer
ตั้งค่าโฮมเพจจากเครื่องมือปรับแต่งธีม

นั่นคือหน้าแรกที่กำหนดเองของไซต์ WordPress ของคุณพร้อมแล้ว แต่มันว่างเปล่าและจะทำอย่างไรกับมัน?

นั่นคือจุดเริ่มต้นของ Dynamic Site Builder ของ PostX อนุญาตให้แสดงโพสต์ หน้า และแม้แต่หมวดหมู่ที่มีกริดหรือสไตล์รายการที่สวยงาม อ่านต่อเพื่อเรียนรู้วิธี

ขั้นตอนที่ 5: เพิ่มเนื้อหาลงในหน้าแรกที่กำหนดเอง

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

Go to Singular Option
ไปที่ตัวเลือกเอกพจน์

จากส่วนเอกพจน์ ให้คลิกที่ส่วน "เริ่มต้นจากศูนย์" เพื่อที่คุณจะได้เริ่มเพิ่มเนื้อหาในหน้าที่คุณต้องการ

Click on Start From Scratch
คลิกเริ่มตั้งแต่เริ่มต้น

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

How To Create A Custom Home Page In WordPress: Answers To Your All Questions! 1
บล็อกโพสต์

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

Click on Template Kits
คลิกที่ชุดแม่แบบ

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

Import Desired Starter Pack
นำเข้า Starter Pack ที่ต้องการ

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

Click on Publish Button
คลิกที่ปุ่มเผยแพร่

เมื่อคุณเลือกปุ่มเผยแพร่แล้ว คุณจะเห็นตัวเลือกการเลือกเงื่อนไข จากนั้นคุณต้องเปลี่ยนเงื่อนไขจากโพสต์เป็นเพจและเลือกเพจที่คุณตั้งค่าเป็นโฮมเพจของคุณ

Choose The Page From Condition Selection Option
เลือกหน้าจากตัวเลือกการเลือกเงื่อนไข

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

Final Output of Custom Home Page
ผลลัพธ์สุดท้ายของหน้าแรกแบบกำหนดเอง
สำรวจชุดเริ่มต้นทั้งหมด

วิธีปรับแต่งเค้าโครงหน้าแรก

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

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

Customize Home Page Layout
ปรับแต่งเค้าโครงหน้าแรก

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

Customization Options
ตัวเลือกการปรับแต่ง

แม้ว่าจะมีตัวเลือกการปรับแต่งมากมายสำหรับบล็อกทั้งหมด แต่ตัวเลือกบางอย่างจะแตกต่างกันไปในแต่ละบล็อก ดังนั้นจะเป็นการดีถ้าไปที่หน้าเอกสารที่มีคำอธิบายทั้งหมดของบล็อคทั้งหมดแยกจากกัน

วิธีการเปลี่ยนเค้าโครงหน้าแรก?

คุณสามารถเปลี่ยนเลย์เอาต์ของโฮมเพจที่คุณสร้างขึ้นได้อย่างง่ายดายด้วยส่วนเสริมตัวสร้างไซต์ของ PostX เมื่อต้องการทำเช่นนั้น ให้กด CTRL+A และปุ่ม Backspace เพื่อลบทุกอย่างออกจากหน้า จากนั้นคุณสามารถเพิ่มชุดเริ่มต้น (เทมเพลต) ที่มีอยู่จากตัวเลือกชุดแม่แบบได้ มิฉะนั้น คุณสามารถใช้บล็อกโพสต์เพื่อสร้างเค้าโครงของคุณเองตั้งแต่ต้น

วิธีทำให้โฮมเพจ WordPress ของฉันเป็นไดนามิก

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

บทสรุป

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

ชอบบทความนี้? กระจายคำ
  • WooCommerce Product Sorting

    การจัดเรียงผลิตภัณฑ์ WooCommerce: คำแนะนำโดยละเอียด

  • How to Add Post Carousel in WordPress

    วิธีเพิ่ม Post Carousel ใน WordPress

  • WooCommerce Products Compare

    การเปรียบเทียบผลิตภัณฑ์: เปรียบเทียบผลิตภัณฑ์ WooCommerce

  • How to Use Gutenberg block in Divi Builder

    ขั้นตอนง่ายๆ ในการใช้ Gutenberg Blocks ใน Divi Builder