Elementor เสนอธีมที่ช่วยคุณเป็นประจำ สร้างเว็บไซต์ สมบูรณ์จากสิ่งเหล่านี้ ทุกๆเดือนเราจะปล่อยธีมใหม่ ๆ ที่สร้างขึ้นตามช่องเฉพาะ แต่มีความยืดหยุ่นเพียงพอที่คุณจะปรับแต่งให้เหมาะกับความต้องการของคุณเองได้ในที่สุด
รวมกับ Elementor Pro ธีมเหล่านี้ช่วยให้คุณเริ่มต้นได้อย่างรวดเร็วกับทุกส่วนของเว็บไซต์ ซึ่งรวมถึง:
พีอายุคงที่เช่นหน้าแรก
- ส่วนหัว
- ส่วนท้าย
- หน้า 404
- ส่วนเก็บถาวร
- บล็อก
- ป๊อปอัปและอื่น ๆ
ในบทช่วยสอนนี้ เราจะแสดงให้คุณเห็น วิธีการสร้างเว็บไซต์ เสร็จสิ้นโดยใช้เครื่องมือสร้างเพจแบบภาพ Elementor.
แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ
จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่
วิธีสร้างเว็บไซต์ที่สมบูรณ์ด้วยธีม Elementor
ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีใช้ธีมเป็นพื้นฐานสำหรับส่วนสำคัญทั้งหมดของเว็บไซต์ของคุณ จากนั้นนำทุกอย่างมารวมกันเพื่อ สร้างเว็บไซต์ สอดคล้องกัน
ธีมที่แม่นยำยิ่งขึ้น หน่วยงานดิจิตอล.
เว็บไซต์ของคุณจะมีหน้าพื้นฐานหลายหน้าเช่นหน้า:
- ยินดีต้อนรับ
- เกี่ยวกับ
- บริการ
- ลูกค้าของเรา
- บล็อก
- ติดต่อ
และยังมีส่วนที่ทุ่มเทให้กับเนื้อหาแบบไดนามิกอีกด้วย ตัวอย่างเช่นที่เก็บถาวรของบล็อกโพสต์และเทมเพลตโพสต์จะจับคู่เพจแบบสแตนด์อโลนของคุณโดยอัตโนมัติ คุณยังสามารถเปลี่ยนส่วนหัวส่วนท้ายและ หน้า 404.
นี่คือ วิธีการสร้างเว็บไซต์ ด้วยธีม Elementor:
1. ติดตั้งและเปิดใช้งานธีม Elementor Hello
เนื่องจากคุณกำลังจะใช้ Elementor และเทมเพลตธีมเพื่อสร้างทั้งเว็บไซต์คุณจึงไม่จำเป็นต้องค้นหาองค์ประกอบอื่น ๆ
แต่คุณจะต้องมีเว็บไซต์ที่มีน้ำหนักเบาและมีประสิทธิภาพซึ่งธีม Elementor Hello มีให้แทน
ในการเริ่มต้นให้ไปที่ ลักษณะที่ปรากฏ→ธีม→เพิ่ม และค้นหา " สวัสดี elementor". จากนั้นติดตั้งและเปิดใช้งานธีม
2. กำหนดค่าหน้าคงพื้นฐานของเว็บไซต์ของคุณ
จากนั้นไปที่เมนู หน้า→เพิ่ม เพื่อสร้างหน้าพื้นฐานของเว็บไซต์ของคุณ
ขั้นแรกสร้างเพจชื่อ " ยินดีต้อนรับ "และคลิกที่ปุ่ม แก้ไขด้วย Elementor เพื่อเปิด Elementor
คลิกที่ การตั้งค่า เพื่อเปิด การตั้งค่าหน้าและเปลี่ยนเค้าโครงให้เท่ากับ องค์ประกอบเต็มความกว้าง
จากนั้นเปิดไลบรารีเทมเพลต Elementor และค้นหา "Digital Agency" ภายใต้ หน้า :
คุณควรเห็นรายการเทมเพลตเพจของธีมนี้ แทรกเทมเพลต หน้าแรก จากรายชื่อรุ่น
ตอนนี้คุณควรเห็นหน้าแรกแบบเต็ม ตอนนี้ส่วนหัวดูทึบไปหน่อย แต่ไม่ต้องกังวลเราจะแก้ไขในไม่ช้า.
ถัดไป เพิ่มหน้าอื่นเพื่อใช้สำหรับ " เกี่ยวกับ".
เช่นเคย สร้างเพจแล้วเปลี่ยนเลย์เอาต์เป็น องค์ประกอบเต็มความกว้าง. จากนั้นเปิดไลบรารีเทมเพลตและแทรกเทมเพลต เกี่ยวกับเรา ของธีม Digital Agency
ตอนนี้ทำซ้ำขั้นตอนเดียวกันเพื่อสร้างหน้าอื่น ๆ ทั้งหมดรวมถึง: บริการ ลูกค้าและ ติดต่อ.
อย่าเพิ่งกังวลกับหน้าบล็อก หน้านี้ไม่คงที่เหมือนหน้าอื่น ๆ ด้วยเหตุนี้คุณจะต้องสร้างมันด้วยวิธีการอื่น (ซึ่งเราจะกล่าวถึงในบทช่วยสอนนี้ในภายหลัง)
เพื่อเสร็จสิ้นการตั้งค่าหน้าคงที่ของคุณคุณต้องบอกให้การติดตั้ง WordPress ใช้โฮมเพจแบบคง เพื่อทำสิ่งนี้…
- ไปต่อ การตั้งค่า→การเล่น
- เลือก หน้าคงที่ (เลือกด้านล่าง) ภายใต้การตั้งค่าหน้าแรกของคุณ
- เลือกเพจที่รวมเทมเพลตโฮมเพจของธีม
3. สร้างส่วนอื่น ๆ ของเว็บไซต์ของคุณ
ตอนนี้คุณพร้อมที่จะสร้างส่วนอื่นๆ ของเว็บไซต์ของคุณโดยใช้ Elementor แล้ว Elementor ให้คุณทำมากกว่าการสร้างหน้าสแตติก (เหมือนที่คุณทำด้านบน)
ด้วย Elementor คุณยังสามารถออกแบบส่วนต่างๆเช่น en - หัว; ส่วนท้าย ฯลฯ ...
และด้วยธีม Elementor คุณจะสามารถนำเข้าเทมเพลตสำหรับส่วนทั้งหมดที่มีอยู่แล้วในเพจแบบคงที่ที่คุณสร้างไว้ในขั้นตอนก่อนหน้านี้
ในการเข้าถึงตัวสร้างภาพของ Elementor ให้ไปที่ แม่แบบ→ ตัวสร้างธีม. คุณจะต้องติดตั้ง Elementor Pro จึงจะสามารถเข้าถึงได้
ตอนนี้ถึงเวลาสร้างส่วนของคุณแล้ว
ส่วนหัว
ในการเริ่มต้นไปที่แท็บ ส่วนหัว ของอินเทอร์เฟซตัวสร้างภาพจากนั้นคลิก เพิ่มใหม่. ในหน้าจอถัดไป คุณจะเห็นการเลือกเทมเพลตในไลบรารี Elementor เช่นเดียวกับที่คุณทำกับหน้าเว็บแบบคงที่ ค้นหา "Digital Agency" จากนั้นใส่:
ตอนนี้ คุณควรเห็นภาพตัวอย่างส่วนหัวของคุณแล้ว เช่นเดียวกับเมนูการนำทางจากเทมเพลตที่คุณแทรก
หากคุณต้องการเปลี่ยน
- ไปต่อ ลักษณะที่ปรากฏ→เมนู ในแผงควบคุม WordPress ของคุณ
- สร้างเมนูใหม่
เมื่อคุณสร้างเมนูแล้วคุณสามารถเพิ่มเพจที่คุณสร้างในขั้นตอนที่ 2 ลงในเมนูนำทางของคุณ
อ่าน: 10 เครื่องมืออัตโนมัติสำหรับการตลาดธุรกิจขนาดเล็ก
เมื่อคุณเพิ่มรายการเมนูเสร็จแล้วให้บันทึกเมนูของคุณและกลับไปที่เทมเพลตส่วนหัวของคุณในอินเทอร์เฟซ Elementor
แล้วก็ ประกาศ ส่วนหัวของคุณและใช้เงื่อนไขการแสดงผลเพื่อแสดงเทมเพลตส่วนหัวของคุณทั่วทั้งเว็บไซต์ของคุณ หากคุณต้องการคุณยังสามารถใช้เงื่อนไขการแสดงเพื่อสร้างส่วนหัวที่แตกต่างกันสำหรับเนื้อหาประเภทต่างๆ:
จากนั้นกด บันทึกและปิด
ฟุตบอล
ตอนนี้ถึงเวลาสร้างส่วนท้ายของเว็บไซต์แล้ว:
- กลับไปที่อินเทอร์เฟซตัวสร้างเพจภาพ
- คลิกที่แท็บ ฟุตบอล
- คลิกปุ่มเพื่อ เพิ่มส่วนท้ายใหม่
- ในป๊อปอัปตั้งชื่อส่วนท้ายของคุณแล้วคลิกที่ สร้างเทมเพลต
ตอนนี้คุณจะเห็นรายการเทมเพลตส่วนท้ายเช่นเดียวกับที่คุณทำกับส่วนหัวของคุณ ค้นหา "Digital Agency" และแทรกเทมเพลตส่วนท้าย
เมื่อคุณแทรกเทมเพลตส่วนท้ายแล้วคุณจะเห็นตัวอย่างส่วนท้ายของคุณ:
แล้วก็ ประกาศ เทมเพลตส่วนท้ายของคุณและใช้ข้อกำหนดในการแสดงเพื่อแสดงบนเว็บไซต์ทั้งหมดของคุณ
โฮมเพจ
ไม่เหมือนกับเพจคงที่ที่คุณสร้างในขั้นตอนที่ 2 หน้าบล็อกของเว็บไซต์ของคุณคือ เก็บ ". โดยทั่วไปหมายความว่าจะแสดงเนื้อหาล่าสุดจากเว็บไซต์ของคุณแบบไดนามิก
หากผู้ใช้คลิกที่รายการใดรายการหนึ่งบนหน้าบล็อก พวกเขาจะถูกนำไปที่หน้าที่แสดงเนื้อหาของรายการนั้น นี้เรียกว่าหน้า "เดียว" การออกแบบที่เป็นเอกลักษณ์ของคุณทำให้มั่นใจได้ว่าเนื้อหาทั้งหมดของคุณจะเหมือนกัน – สิ่งเดียวที่เปลี่ยนแปลงคือเนื้อหาจริง (เช่น ชื่อโพสต์ เนื้อหา รูปภาพเด่น ฯลฯ)
ค้นพบยัง วิธีเพิ่มสารบัญใน WordPress ด้วย Elementor
ในการสร้างเพจเก็บถาวรและเทมเพลตเพจเฉพาะคุณควรใช้ตัวสร้างภาพ Elementor ไม่ใช่โซน หน้า ou บทความ ค่าเริ่มต้นของ WordPress
เพื่อเริ่มต้น…
- เปิดส่วนต่อประสานตัวสร้างธีม
- ไปที่แท็บเก็บถาวร
- คลิกเพิ่มใหม่
- ตั้งชื่อและคลิกที่สร้างเทมเพลต
เช่นเดียวกับส่วนหัวและส่วนท้ายของคุณคุณจะเห็นรายการเทมเพลตหน้าเก็บถาวร มองหาเทมเพลต“ Digital Agency” แล้วแทรกเข้าไป
ตอนนี้คุณควรเห็นการออกแบบพื้นฐานของหน้าบทความของคุณ
ควรสังเกตว่า หากคุณเห็นเพียงบทความเดียวก็ถือเป็นเรื่องปกติ เพราะ WordPress มาพร้อมกับตัวอย่างเริ่มต้นเท่านั้น ซึ่งก็คือ “สวัสดีชาวโลก! ".
ในตอนนี้สิ่งที่คุณต้องทำก็คือ ประกาศ หน้าไฟล์เก็บถาวรของคุณและตั้งค่าให้แสดงบนไฟล์เก็บถาวรทั้งหมด
อ่านคำแนะนำของเราเกี่ยวกับ วิธีย้ายเว็บไซต์ WordPress ด้วยตนเอง
จากนั้นคุณสามารถไปที่เมนูโพสต์ในแดชบอร์ดและสร้างโพสต์บล็อกใหม่ กำหนดแต่ละรายการให้กับหมวดหมู่ที่เรียกว่า “ข่าว"
ตอนนี้ เมื่อคุณไปที่หน้าบล็อกของคุณ คุณควรเห็นโพสต์ใหม่ทั้งหมดเหล่านี้โดยอัตโนมัติ:
การสร้างหน้าเทมเพลตโพสต์บล็อก
ณ จุดนี้ หน้าบล็อกของคุณมีรูปลักษณ์ที่ใช้งานง่าย แต่ถ้าคุณคลิกที่โพสต์ในบล็อก เลย์เอาต์จะไม่ตรงกับส่วนที่เหลือของเว็บไซต์ของคุณ
ในการแก้ปัญหานี้คุณต้องสร้างเทมเพลต "ไม่ซ้ำใคร" ด้วย Elementor:
- เปิดตัวสร้างภาพ Elementor
- ไปที่แท็บ เดียว โพสต์
- คลิกที่ เพิ่มใหม่
ในป๊อปอัป เทมเพลตใหม่ :
- ให้ชื่อ
- เลือก โพสต์ ในรายการแบบหล่นลง เลือกประเภทโพสต์. สิ่งนี้จะบอก Elementor ว่าคุณต้องการใช้เทมเพลตนี้สำหรับบทความในบล็อกของคุณ (ซึ่งต่างจาก Pages หรือประเภทโพสต์ที่กำหนดเองอื่น ๆ ที่คุณสามารถใช้ได้)
อีกครั้งคุณจะเห็นไลบรารีเทมเพลต Elementor ค้นหาเทมเพลตบทความเฉพาะของเทมเพลต "Digital Agency" แล้วแทรก
อ่านยัง โหมดการบำรุงรักษาบน WordPress: คำอธิบายและการกำหนดค่า
หากคุณต้องการคุณสามารถใช้วิดเจ็ตข้อมูลการเผยแพร่แบบไดนามิกจำนวนมากเพื่อควบคุมลักษณะที่ปรากฏของเพจของคุณ
ตัวอย่างเช่นหากคุณแก้ไขวิดเจ็ต โพสต์ข้อมูลคุณจะสามารถควบคุมองค์ประกอบข้อมูลเมตาที่ปรากฏเช่นบนสิ่งพิมพ์ ...
- ผู้เขียน
- วันที่ตีพิมพ์
- ความเห็น
- เป็นต้น
เมื่อคุณพอใจกับโมเดลไอเท็มของคุณแล้วให้คลิก ประกาศ. จากนั้นคุณสามารถใช้ตัวเลือกการแสดงเพื่อให้เทมเพลตเฉพาะนี้ใช้กับโพสต์ในหมวดหมู่“ Beyond News” เท่านั้น:
- เลือกจากไฟล์ หมวดหมู่
- เลือกหมวดหมู่ ข่าว
จากนั้นกด บันทึกและปิด
ตอนนี้บล็อกโพสต์ทั้งหมดของคุณควรมีการออกแบบที่ตรงกับส่วนที่เหลือของเว็บไซต์ของคุณ
ไปที่ ลักษณะที่ปรากฏ→เมนู และเพิ่มหน้าบล็อกของคุณไปยังเมนูการนำทางของคุณ ในการดำเนินการนี้ คุณสามารถเพิ่มลิงก์ไปยังหมวดหมู่ "ข่าว" ในส่วน หมวดหมู่
หน้า 404
สุดท้ายคุณต้องสร้างหน้า 404 ของเว็บไซต์ของคุณ หน้า 404 ของเว็บไซต์ของคุณคือสิ่งที่ผู้เยี่ยมชมจะเห็นหากพวกเขาไปตามลิงก์ที่ใช้งานไม่ได้หรือพยายามเยี่ยมชมหน้าที่ไม่มีอยู่จริง
ค้นพบยังของเรา ปลั๊กอินดีในการจัดการข้อผิดพลาด 5 404 WordPress
ในการสร้างหน้า 404 ของคุณ ให้ใช้ตัวสร้างภาพ Elementor เพื่อเพิ่มเทมเพลตอื่นที่ไม่ซ้ำกัน
- เปิดตัวสร้างภาพ Elementor
- ไปที่แท็บ 404 ข้อผิดพลาด
- คลิกที่ เพิ่มใหม่
- แทรกเทมเพลต Digital Agency จากหน้า 404
ถัดไป เผยแพร่เทมเพลตของคุณเพื่อทำให้เว็บไซต์ของคุณสมบูรณ์
รับ Elementor Pro ทันที!
สรุป
ดังนั้น ! นั่นคือทั้งหมดสำหรับคำแนะนำนี้ซึ่งจะแสดงให้คุณเห็นทีละขั้นตอน วิธีการสร้างเว็บไซต์ พร้อมด้วย Elementor หากคุณมี แสดงความคิดเห็น หรือข้อเสนอแนะอย่าลังเลที่จะแจ้งให้เราทราบในส่วนที่สงวนไว้
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...