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

ผู้ใช้มักถามเราว่าเป็นไปได้หรือไม่ที่จะสร้างโฮมเพจที่กำหนดเองใน WordPress.


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

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

สร้างโฮมเพจที่กำหนดเองใน WordPress

โฮมเพจคืออะไร?

โฮมเพจคือหน้าเริ่มต้นเริ่มต้นหรือหน้าแรกของเว็บไซต์ เป็นหน้าเว็บที่ปรากฏเมื่อมีคนป้อนชื่อโดเมนของคุณในแถบที่อยู่ของเบราว์เซอร์.

ตัวอย่างหน้าแรก

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

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

หากคุณใช้งานเว็บไซต์ธุรกิจหน้าแรกเริ่มต้นจะไม่บอกผู้ใช้เกี่ยวกับธุรกิจผลิตภัณฑ์หรือบริการของคุณ นอกจากนี้ยังไม่มีวิธีการติดต่อผู้ใช้.

ข่าวดีก็คือ WordPress มาพร้อมกับฟังก์ชันการใช้งานในตัวเพื่อสร้างโฮมเพจที่กำหนดเอง.

การเลือกเพจที่กำหนดเองเพื่อใช้เป็นโฮมเพจใน WordPress

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

ให้ชื่อหน้าแรกเป็น “หน้าแรก” แล้วเผยแพร่ คุณจะใช้หน้านี้เป็นหน้าแรกที่กำหนดเองของคุณ.

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

ตอนนี้ถ้าคุณต้องการเรียกใช้บล็อกบนไซต์ของคุณคุณต้องสร้างหน้าบล็อกแยกต่างหากเพื่อแสดงโพสต์ของคุณ.

อีกครั้งไปที่ หน้า»เพิ่มใหม่ หน้าและสร้างหน้าชื่อ ‘บล็อก’ ไปข้างหน้าและเผยแพร่หน้าว่าง.

หลังจากสร้างหน้าคุณต้องไปที่ การตั้งค่า»การอ่าน หน้าในผู้ดูแลระบบ WordPress ของคุณ จากที่นี่เลือก option ตัวเลือกหน้าสแตติก ’ใต้ส่วน displays หน้าแรกของคุณแสดง’.

เลือกหน้าบ้านและบล็อก

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

อย่าลืมคลิกปุ่ม “บันทึกการเปลี่ยนแปลง” เพื่อจัดเก็บการตั้งค่าของคุณ.

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

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

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

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

WordPress มีบล็อคที่สามารถใช้สำหรับการออกแบบเช่นรูปภาพหน้าปกคอลัมน์ตารางข้อความและสื่อแกลเลอรี่และอื่น ๆ.

แก้ไขเค้าโครงหน้าแรกที่กำหนดเองของคุณโดยใช้ Gutenberg

แต่ละบล็อกมาพร้อมกับการตั้งค่าของตัวเองซึ่งช่วยให้คุณสามารถปรับแต่งลักษณะที่ปรากฏเพื่อตอบสนองความต้องการการออกแบบของคุณ.

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

การใช้ปลั๊กอินไลบรารีบล็อกขั้นสูงเพื่อสร้างเค้าโครงโฮมเพจ

คุณสามารถใช้ธีม WordPress ที่พร้อมใช้งานกับกูเทนแบร์กซึ่งให้ความยืดหยุ่นในการทำงานกับบล็อกมากขึ้น.

เราแนะนำให้ใช้ Astra มาพร้อมกับเทมเพลตเว็บไซต์ Gutenberg ที่คุณสามารถติดตั้งได้โดยใช้ปลั๊กอิน Astra Starter Sites.

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

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

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

ปลั๊กอินตัวสร้างหน้าช่วยให้คุณสร้างเค้าโครงเพจที่กำหนดเองได้ง่าย ๆ โดยใช้ส่วนต่อประสานแบบลากและวางที่เรียบง่าย.

เราแนะนำให้ใช้ Beaver Builder เพราะเป็นปลั๊กอินสำหรับสร้างหน้าเริ่มต้นที่ง่ายที่สุดในตลาด มันมาพร้อมกับเทมเพลตโฮมเพจที่กำหนดเองมากมายที่คุณสามารถติดตั้งได้ด้วยคลิกเดียว.

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

การสร้างโฮมเพจที่กำหนดเองโดยใช้ Beaver Builder

Beaver Builder ยังให้คุณเข้าถึง Beaver Themer ซึ่งช่วยให้คุณสร้างธีม WordPress ของคุณเองโดยไม่ต้องเขียนโค้ดใด ๆ.

สำหรับรายละเอียดเพิ่มเติมดูที่คู่มือของเราเกี่ยวกับวิธีสร้างเค้าโครง WordPress ที่กำหนดเองได้อย่างง่ายดายโดยใช้ Beaver Builder.

นอกจากนี้คุณยังสามารถลองใช้ Elementor นอกจากนี้ยังเป็นปลั๊กอินสร้างหน้า WordPress ที่ได้รับความนิยมอย่างมาก นอกจากนี้ยังมาพร้อมกับเทมเพลตการลากและวางและส่วนต่อประสานที่ใช้งานง่าย.

การสร้างเค้าโครงโฮมเพจโดยใช้ Elementor

สำหรับรายละเอียดดูบทช่วยสอนของเราเกี่ยวกับการสร้างเค้าโครงหน้ากระดาษที่กำหนดเองด้วย Elementor.

วิธีที่ 3. สร้างโฮมเพจที่กำหนดเองด้วยตนเอง (จำเป็นต้องมีการเข้ารหัส)

วิธีนี้ไม่แนะนำสำหรับผู้เริ่มต้นเนื่องจากต้องใช้การเข้ารหัส คุณต้องคุ้นเคยกับแนวทางการเข้ารหัสของ WordPress, PHP, HTML และ CSS เพื่อใช้วิธีนี้.

มาดูกันว่ามันทำงานอย่างไร.

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

หนึ่งในเทมเพลตเหล่านี้เรียกว่า front-page.php หากธีมของคุณมีเทมเพลตนี้แล้ว WordPress จะใช้มันเพื่อแสดงหน้าแรกที่กำหนดเองของคุณโดยอัตโนมัติ.

เทมเพลต front-page.php

อย่างไรก็ตามหากธีมของคุณไม่มีคุณก็สามารถสร้างธีมได้ด้วยตัวเอง /

เพียงสร้างไฟล์เปล่าและบันทึกเป็น front-page.php หลังจากนั้นคุณต้องอัปโหลดไปยังโฟลเดอร์ชุดรูปแบบปัจจุบันของคุณในบัญชีโฮสติ้ง WordPress ของคุณโดยใช้ FTP.

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

ในการแก้ไขปัญหานี้คุณสามารถเริ่มเพิ่มรหัส HTML เพื่อแสดงเนื้อหาของหน้าแรกที่กำหนดเองของคุณ วิธีที่ง่ายกว่าคือการใช้รหัสและแม่แบบที่มีอยู่ในธีม WordPress ของคุณ.

ตัวอย่างเช่นคุณสามารถใช้ส่วนหัวและส่วนท้ายเดียวกัน WordPress ทำให้มันง่ายมากที่จะรวมเทมเพลตเหล่านั้น.

นี่คือตัวอย่างรหัสที่เราลบเนื้อหาและแถบด้านข้างขณะที่รักษาส่วนหัวและเทมเพลตการนำทางจากธีม.

<?php / *
หน้านี้ใช้เพื่อแสดงหน้าคงที่.
* /

// เรียกใช้เท็มเพลตส่วนหัวของธีม
get_header (); ?>
>

โค้ดโฮมเพจที่กำหนดเองของคุณไปที่นี่


// เรียกใช้เทมเพลตส่วนท้ายของธีม
<?php get_footer (); ?>

เคล็ดลับในการสร้างโฮมเพจที่กำหนดเองที่มีประสิทธิภาพใน WordPress

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

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

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

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

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

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

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

คุณต้องการให้ผู้ใช้ติดต่อคุณง่ายขึ้น สำหรับสิ่งนี้คุณจะต้องใช้ปลั๊กอิน WPForms ซึ่งเป็นปลั๊กอิน WordPress ฟอร์มที่ดีที่สุดในตลาด.

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me