วิธีสร้างเทมเพลตบล็อกโพสต์ใน Elementor ฟรีด้วย HappyAddons

เผยแพร่แล้ว: 2023-07-07

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

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

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

ความแตกต่างระหว่างหน้าบล็อกและบล็อกโพสต์

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

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

วิธีสร้างเทมเพลตบล็อกโพสต์ใน Elementor ฟรี

How to Create a Blog Post Template in Elementor Free

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

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

ดาวน์โหลดและติดตั้งปลั๊กอินบนเว็บไซต์ของคุณจากด้านล่าง

  • ธาตุ
  • HappyAddons

เมื่อเปิดใช้งานบนไซต์ของคุณแล้ว ให้ข้ามไปที่ขั้นตอนด้านล่าง

ขั้นตอนที่ 1: เปิดเทมเพลตเดียวจาก HappyAddons Theme Builder

  • ไปที่ HappAddons > Theme Builder
  • เลือกแท็บ เดี่ยว
  • คลิกปุ่ม เพิ่มใหม่
Open a Single Template with the HappyAddons Theme Builder
  • ป๊อปอัปจะเปิดขึ้น
  • ตั้งชื่อให้ กับเทมเพลต
  • กดปุ่ม สร้างเทมเพลต
Choose the Template Type

ขั้นตอนที่ 02: เพิ่มองค์ประกอบโดยการลากและวาง

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

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

# เพิ่มรูปภาพเด่นโพสต์

  • สร้างพื้นที่เนื้อหาโดยคลิกไอคอนเครื่องหมาย บวก (+)
  • เลือกจำนวนคอลัมน์ที่เข้ากับไวร์เฟรมของคุณ
  • เราได้เลือกสามคอลัมน์สำหรับบทช่วยสอน
Add Post Featured Image
  • คุณสามารถปรับแต่งขนาดและความกว้างของคอลัมน์ได้
  • เราได้ทำให้คอลัมน์กลางใหญ่ขึ้นและอีกสองคอลัมน์แคบลง
  • พิมพ์ โพสต์รูปภาพเด่น ในช่องค้นหา
  • ลากและวางลงในพื้นที่เนื้อหา
Add the Post Featured Image Widget
  • คุณสามารถปรับแต่งรูปภาพเด่นได้จากแท็บเนื้อหาและสไตล์ของแผง Elementor
  • คุณสามารถแก้ไขขนาด การจัดตำแหน่ง ระยะขอบ การเติม ประเภทเส้นขอบ ฯลฯ

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

Customize the Featured Image Section

#เพิ่มชื่อกระทู้

  • ลากและวางวิดเจ็ต ชื่อเรื่องโพสต์ ใต้ภาพเด่น
  • แต่ถ้าคุณต้องการ คุณสามารถวางชื่อไว้เหนือส่วนภาพเด่นได้
Add Post Title to the Blog Post Template
  • ถัดไป ปรับแต่งและจัดรูปแบบชื่อโพสต์จากแผง Elementor
  • ตรวจสอบให้แน่ใจว่าได้ตั้งค่า H1 สำหรับชื่อบทความในบล็อก
Customize the Post Title

# เพิ่มข้อมูลโพสต์

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

หมายเหตุ: องค์ประกอบ ความคิดเห็น จะปรากฏขึ้นต่อเมื่อโพสต์บล็อกของคุณได้รับความคิดเห็นใดๆ

Add more elements in the Post Info widget

# เพิ่มเนื้อหาโพสต์

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

# เพิ่มแบบฟอร์มการติดต่อ

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

หมายเหตุ: ตัวอย่างเช่น หากคุณใช้ weForms ในแบ็กเอนด์ ให้ลากและวางวิดเจ็ตเดียวกันบนผืนผ้าใบของคุณ

Add Form to the Blog Post Template

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

ตรวจสอบคู่มือนี้เพื่อเรียนรู้วิธีการฝังแบบฟอร์ม MailChimp บนเว็บไซต์ของคุณโดยใช้ HappyAddons

HappyAddons Widget of MailChimp

# เพิ่มไอคอนแบ่งปันทางสังคม

  • วิดเจ็ต Social Share จะช่วยให้ผู้ใช้สามารถแชร์บล็อกโพสต์ไปยังโปรไฟล์โซเชียลของตนได้
  • นี่เป็นวิธีที่ดีในการเพิ่มการมีส่วนร่วมกับผู้อ่านและผู้เยี่ยมชม
  • พิมพ์ Social Share ในช่องค้นหา Elementor
  • ลากและวางใต้แบบฟอร์มการสมัครสมาชิก
Drag and drop the Social Share widget
  • กดบนแท็บโซเชียลใดก็ได้
  • คุณจะได้รับตัวเลือกในการวางลิงก์โซเชียลและปรับแต่ง
  • ทำเช่นเดียวกันกับแท็บอื่นๆ ทีละแท็บ
  • คลิกที่ เพิ่มรายการ เพื่อเพิ่มไอคอนแบ่งปันทางสังคมเพิ่มเติมบนหน้า
Add More Social Share Icons and Customize Them

# เพิ่มกล่องผู้เขียน

  • ผู้คนในปัจจุบันชอบที่จะรู้เกี่ยวกับผู้เขียนในขณะที่อ่านโพสต์
  • วิดเจ็ต Meta ของผู้เขียนจะอนุญาตให้คุณสร้างส่วนผู้เขียนในเทมเพลตโพสต์
  • คุณสามารถแสดงชื่อผู้เขียน ภาพแทนตัว ประวัติย่อ และโพสต์ที่เขียน
  • เพิ่มวิดเจ็ตใต้ไอคอนแชร์โซเชียล
Drag and drop the Author Meta Box
  • ขยายส่วน Meta ผู้เขียนในแท็บเนื้อหา
  • คุณสามารถเลือกที่จะแสดงชื่อผู้แต่ง แท็ก อวาตาร์ และอื่นๆ
  • คุณยังสามารถเปลี่ยนตำแหน่งรูปภาพ ขนาดอวาตาร์ และสร้างสไตล์ให้กับสิ่งอื่นๆ
Customize the Author Meta Box

# เพิ่มกล่องความคิดเห็นโพสต์

  • ส่วนความคิดเห็นช่วยให้ผู้เยี่ยมชมส่งความคิดเห็นเกี่ยวกับโพสต์บล็อก
  • ลากและวางวิดเจ็ต ความคิดเห็นของโพสต์ ที่ส่วนท้ายของเทมเพลตโพสต์
Add Post Comment Box
  • คุณอาจแสดงส่วนความคิดเห็นในโพสต์ทั้งหมดหรือในโพสต์ที่เลือก
  • ไปที่ตัวเลือก แหล่งที่มา แล้วคลิกไอคอนแบบเลื่อนลงที่อยู่ติดกัน
  • รายการแบบหล่นลงมีสองตัวเลือก ได้แก่ โพสต์ปัจจุบัน และ กำหนดเอง
  • การเลือกตัวเลือก กำหนดเอง จะทำให้คุณสามารถแสดงกล่องความคิดเห็นนี้ในโพสต์ที่เลือกได้
Set Source for the Comment Box
  • โพสต์ความคิดเห็นของ HappyAddons เป็นเครื่องมือที่ไม่เหมือนใคร
  • เพราะช่วยให้คุณสามารถจัดรูปแบบโพสต์ความคิดเห็นได้
  • แต่ตัวเลือกสไตล์นี้ไม่มีใน Elementor
  • ดังนั้น ด้วย HappyAddons คุณสามารถเพลิดเพลินกับความยืดหยุ่นในการปรับแต่งได้มากขึ้น
Stylize the Comment Box with Elementor Free

# แสดงโพสต์ที่เกี่ยวข้อง

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

  • เมื่อติดตั้งปลั๊กอินพรีเมียมแล้ว วิดเจ็ต Post Carousel จะถูกปลดล็อก
  • ลากและวางบนผืนผ้าใบ Elementor
  • จากนั้นปรับแต่งจากแท็บเนื้อหาและรูปแบบ
Add the Post Carousel Widget
  • ไปที่ เนื้อหา > ข้อความค้นหา
  • ระบุผู้เขียน ข้อกำหนด หรือแท็ก
  • ดังนั้น โพสต์ที่เกี่ยวข้องจะแสดงในแต่ละบล็อกโพสต์
Add Queries to Publish Related Post on Blog Post Templates

ขั้นตอนที่ 03: ทำให้เทมเพลตตอบสนองต่อมือถือ

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

  • คลิกไอคอน โหมดตอบสนอง ที่ด้านล่างของแผง Elementor
  • คุณจะเห็นโหมดต่างๆ ของอุปกรณ์ปรากฏอยู่ด้านบน
  • คุณสามารถตรวจสอบว่าวิดเจ็ตอยู่ในแนวเดียวกันหรือไม่
Make the Blog Post Template Mobile Responsive

ขั้นตอนที่ 04: เผยแพร่เทมเพลตโพสต์

  • กดปุ่ม PUBLISH/UPDATE หรือ เครื่องหมายลูกศร
  • คลิก บันทึกแบบร่าง เพื่อบันทึกการออกแบบนี้เป็นแบบร่าง
  • คลิก บันทึกเป็นเทมเพลต หากคุณต้องการใช้การออกแบบนี้เป็นเทมเพลตสำเร็จรูปในภายหลัง
  • คลิก เงื่อนไขเทมเพลต เพื่อเผยแพร่การออกแบบ
Publish the Blog Post Template
  • สิ่งที่คุณเห็นในภาพด้านล่างคือเงื่อนไขเริ่มต้นที่คุณสามารถตั้งค่าได้โดยใช้ HappyAddons เวอร์ชันฟรี
  • คุณต้องมีสิทธิ์การเข้าถึงระดับพรีเมียมเพื่อกำหนดเงื่อนไขที่กำหนดเอง
  • คลิกปุ่ม บันทึกและปิด
Set Conditions

ขั้นตอนที่ 04: ดูตัวอย่างเทมเพลตโพสต์บล็อกเดี่ยว

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

Preview the Single Blog Post Template

คำถามที่พบบ่อยเกี่ยวกับวิธีสร้างเทมเพลตโพสต์บล็อกใน Elementor

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

  • อะไรคือความแตกต่างระหว่างประเภทโพสต์ที่กำหนดเองและโพสต์บล็อก?

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

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

  • อะไรคือความแตกต่างที่สำคัญระหว่างโพสต์บล็อกและหน้าบล็อก?

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

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

  • ส่วนหลักของบล็อกโพสต์คืออะไร

    ด้านล่างนี้คือสี่ส่วนหลักของบล็อกโพสต์ ไม่ว่าจะเป็นประเภทใดก็ตาม:

    1. ชื่อเรื่องที่น่าสนใจ
    2. เนื้อหาร่างกายมีส่วนร่วม
    3. ไฟล์มีเดีย (รูปภาพ คลิปวิดีโอ และ GIF)
    4. คำกระตุ้นการตัดสินใจ

  • จะปรับปรุงการอ่านง่ายในโพสต์บล็อกได้อย่างไร

    1. ใช้ข้อความที่ชัดเจนและเข้าใจง่าย
    2. แยกเนื้อหาหลักออกเป็นหลายส่วนพร้อมหัวเรื่อง
    3. เพิ่มภาพเพื่อลบความจำเจ
    4. รวมตารางและสัญลักษณ์แสดงหัวข้อย่อยเพื่อแยกย่อย
    5. ทำตามรูปแบบ F หรือ Z ในการเขียนข้อความ

  • เป็นไปได้ไหมที่จะจัดการเทมเพลตโพสต์หลายรายการใน Elementor

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

  • ฉันสามารถปรับแต่ง/ปรับแต่งส่วนความคิดเห็นของโพสต์ด้วย Elementor ได้หรือไม่

    ตามค่าเริ่มต้น Elementor ไม่อนุญาตให้คุณปรับแต่งส่วนความคิดเห็นของโพสต์ แต่ด้วยการติดตั้งปลั๊กอิน HappyAddons คุณสามารถเปิดใช้งาน Elementor เพื่อปรับแต่งและปรับแต่งส่วนความคิดเห็นของโพสต์ได้

ประเด็นสุดท้าย!

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

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

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