การสร้างโฮมเพจ WordPress แบบกำหนดเอง

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

การเลือกเพจที่จะใช้เป็นโฮมเพจ

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

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

การใช้ตัวแก้ไข Gutenberg เพื่อสร้างโฮมเพจ WordPress แบบกำหนดเอง

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

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

เครื่องมือสร้างเพจจะช่วยคุณสร้างโฮมเพจ WordPress แบบกำหนดเอง

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

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

การสร้างโฮมเพจ WordPress แบบกำหนดเอง

นี่คือสิ่งที่ซับซ้อน ในขณะที่สองวิธีก่อนหน้านี้ไม่จำเป็นต้องมีทักษะในการเขียนโค้ดใดๆ แต่วิธีนี้ก็ทำได้ เพื่อที่จะกล้าลองใช้วิธีนี้ คุณต้องคุ้นเคยกับ CSS, HTML, PHP และแนวทางปฏิบัติในการเขียนโค้ดขั้นพื้นฐาน ดังนั้นสิ่งนี้จะทำงานอย่างไรและคุณจะต้องใช้ทักษะการเขียนโค้ดของคุณอย่างไร?

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

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

สร้างไฟล์ใหม่ในรูทของธีมของคุณชื่อ homepage.php
เพิ่มรหัสต่อไปนี้:
<?php / ชื่อเทมเพลต: หน้าแรก*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<main id=”main” class=”site-main” บทบาท=”main”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

สร้างหน้าใหม่ใน WordPress และภายใต้คุณสมบัติของหน้า ตอนนี้คุณควรมีหน้าแรกภายใต้เทมเพลต เลือกตัวเลือกนี้แทนเทมเพลตเริ่มต้น แน่นอน อย่าลืมไปที่การ ตั้งค่า -> การอ่าน และทำให้หน้านี้ เป็นหน้าแรกของคุณ ตอนนี้คุณสามารถปรับแต่งหน้าแรกของคุณได้มากเท่าที่คุณต้องการด้วย HTML CSS PHP และ Javascript

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

วิธีใดที่จะเป็นผู้ชนะสำหรับคุณ?

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