สนุก บัตรกำนัลมูลค่า 50 ดอลลาร์สิงคโปร์ บนบริการใดๆ ของเรา เมื่อคุณสมัครใช้งาน Elementor Hosting ด้วยลิงค์พันธมิตรของเรา ค้นหาข้อมูลเพิ่มเติม >>

ตอนที่ 6: วิธีสร้างเว็บไซต์อีคอมเมิร์ซของคุณบน Elementor Hosting 2023 – ออกแบบส่วนหัวและส่วนท้ายของเว็บไซต์ด้วย Elementor

ตอนที่ 6: วิธีสร้างเว็บไซต์อีคอมเมิร์ซของคุณบน Elementor Hosting 2023 – ออกแบบส่วนหัวและส่วนท้ายของเว็บไซต์ด้วย Elementor

ไปที่แก้ไขหน้าส่วนหัว

เริ่มจากส่วนหัวของเว็บไซต์กันก่อน วางเมาส์เหนือ "เทมเพลต" ที่แผงด้านซ้ายแล้วคลิก "ตัวสร้างธีม"

หากคุณไม่เห็นเทมเพลตที่มีอยู่แล้ว ให้คลิก "เพิ่มใหม่" แล้วเลือกส่วนหัว

มิฉะนั้น คุณสามารถคลิกที่เทมเพลตส่วนหัวที่มีอยู่แล้ว จากนั้นคลิกแก้ไข

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

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

ปรับแต่งส่วนหัว - เปลี่ยนสีพื้นหลัง

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

เมื่อคุณคลิกที่ไอคอนวงกลม 6 วงตรงกลาง คุณจะสังเกตเห็นว่าแผงด้านซ้ายจะเปลี่ยนเป็นหน้าต่างแก้ไขส่วน

คลิกที่สไตล์แล้วคุณจะเห็น "พื้นหลัง" คลิกที่ไอคอนแปรงเพื่อเปลี่ยนสีหรืออัปโหลดภาพพื้นหลัง คุณยังสามารถเลือก Hover Tab เพื่อเปลี่ยนสีเมื่อเมาส์วางเหนือพื้นที่ส่วนหัว

ปรับแต่งส่วนหัว – ขยายโลโก้

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

ขั้นแรก เลือกแท็บ "เนื้อหา" และคลิกที่ดรอปดาวน์ขนาดรูปภาพ เลือก "เต็ม"

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

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

แก้ไขส่วนท้าย

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

หากต้องการลบองค์ประกอบที่คุณไม่ต้องการ ให้คลิกขวาที่องค์ประกอบแล้วคลิก "ลบ"

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

ดูวีดีโอ

หากคุณต้องการภาพเพิ่มเติม ดูคำอธิบายวิดีโอ

×

สวัสดี!

คลิกตัวแทนของเราด้านล่างเพื่อแชท WhatsApp หรือส่งอีเมลถึงเรา adaleow@runaway.com.sg

× ฉันจะช่วยคุณได้อย่างไร?