วิธีสร้างและแก้ไขส่วนท้ายใน Elementor

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

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

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

มาดำดิ่งลงไปในคู่มือกันเลย

2 วิธีต่างๆ ในการแก้ไขส่วนท้ายใน Elementor

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

หากคุณต้องการออกแบบส่วนหัวที่กำหนดเองด้วย Elementor คุณสามารถทำตามบทช่วยสอนที่มีประโยชน์ด้านล่าง

• วิธีออกแบบส่วนหัว Elementor ที่กำหนดเองใน 2 นาที
• วิธีแก้ไขส่วนหัว WordPress ด้วย Elementor

ในส่วนนี้ เราจะแสดงวิธีการแก้ไขส่วนท้ายใน 2 วิธีที่เป็นไปได้โดยใช้ Elementor

วิธีที่ 1: แก้ไขส่วนท้ายโดยใช้ Elementor Widgets
วิธีที่ 2: แก้ไขส่วนท้ายโดยใช้ Elementor Theme Builder

เลือกวิธีการที่เหมาะสมกับคุณ

มาเริ่มกันเลย:

วิธีที่ 1: แก้ไขส่วนท้ายโดยใช้ Elementor Widgets

ที่นี่ คุณจะได้เรียนรู้วิธีออกแบบและปรับแต่งส่วนท้ายตั้งแต่ต้นโดยใช้วิดเจ็ต Elementor

ขั้นตอนที่ 1: ตั้งค่าโครงสร้างส่วนท้าย

อันดับแรก เราต้องเพิ่มโครงสร้างเพื่อออกแบบส่วนท้ายของเรา คุณสามารถทำได้โดยคลิกที่ไอคอน ( + ) ตามภาพด้านล่างครับ ที่นี่ เราได้เพิ่มสามคอลัมน์

หลังจากเพิ่มโครงสร้างส่วนท้ายแล้วก็ถึงเวลาเปลี่ยน เค้าโครง ส่วนและเพิ่ม สีพื้นหลัง

ขั้นตอนที่ 2: เพิ่มวิดเจ็ตส่วนหัว

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

ขั้นแรก ค้นหาวิดเจ็ต หัวเรื่อง จากแกลเลอรีวิดเจ็ต Elementor จากนั้นลากและวางวิดเจ็ตลงในคอลัมน์ด้านซ้าย

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

คุณสามารถปรับแต่งการออกแบบหัวเรื่องได้โดยไปที่ส่วน สไตล์ คุณสามารถเปลี่ยน สีข้อความ, Typography, Text Stroke, Text Shadow และ Blend Mode ของส่วนหัวได้

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

เราได้เพิ่มเนื้อหาไปยังอีกสองคอลัมน์ที่เหลือ นี่คือรูปลักษณ์ปัจจุบันของส่วนท้าย

ขั้นตอนที่ 3: เพิ่มส่วนอื่น

เราต้องการเพิ่มไอคอนโซเชียลของเราลงในพื้นที่ส่วนท้าย เราได้เพิ่มส่วนอื่นและตั้งค่า Layout & style คุณสามารถทำตามภาพด้านล่างเพื่อเรียนรู้กระบวนการ

ขั้นตอนที่ 4: เพิ่มวิดเจ็ตไอคอนโซเชียล

ค้นหาวิดเจ็ต ไอคอนโซเชีย ลก่อน จากนั้นลากและวางวิดเจ็ตลงในส่วน

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

ไปที่ส่วน สไตล์ เพื่อปรับแต่งไอคอนในสไตล์ของคุณเอง

ดูตัวอย่างสุดท้าย

เราได้เพิ่มเนื้อหาบางส่วนในหน้า มาดูการออกแบบปัจจุบันของส่วนท้ายกันบ้าง

วิธีที่ 2: แก้ไขส่วนท้ายโดยใช้ Elementor Theme Builder

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

มาดำดิ่งลงไปกันเถอะ

ขั้นแรก ไปที่ส่วน เทมเพลต -> ตัวสร้างธีม

หลังจากนั้น คุณจะได้รับตัวเลือกในการเพิ่มส่วนท้ายของคุณ ที่นี่ คุณต้องเลือก Site Parts->Footer จากแถบด้านข้างทางซ้าย จากนั้นคลิกที่ปุ่ม เพิ่มใหม่

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

แค่นั้นแหละ.

นอกจากนี้ เรียนรู้ วิธีออกแบบส่วนหัวของ Elementor แบบกำหนดเอง

โบนัส: ใช้บล็อกส่วนท้ายของ Happy Addons ฟรีในเว็บไซต์ของคุณ

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

อ่านบทความที่มีประโยชน์นี้และเรียนรู้วิธีใช้ไลบรารีเทมเพลตของ Happy Addons อย่างถูกวิธี

คำถามที่พบบ่อยเกี่ยวกับวิธีการแก้ไขส่วนท้ายใน Elementor

ถึงกระนั้นคุณอาจมีคำถามในใจ ในส่วนนี้ เราได้ตอบคำถามทั่วไปเกี่ยวกับส่วนท้ายของ Elementor

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

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

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

ถ้าคุณชอบบล็อกนี้ แชร์บนช่องทางโซเชียลของคุณ อย่าลืมสมัครรับจดหมายข่าวของเรา แจกฟรี.