Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

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

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

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

พีอายุคงที่เช่นหน้าแรก

  • ส่วนหัว
  • ส่วนท้าย
  • หน้า 404
  • ส่วนเก็บถาวร 
  • บล็อก
  • ป๊อปอัปและอื่น ๆ

ดังนั้นในบทช่วยสอนนี้เราจะแสดงวิธีสร้างเว็บไซต์ที่สมบูรณ์โดยใช้ Elementor visual page builder

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

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

วิธีสร้างเว็บไซต์ที่สมบูรณ์ด้วยธีม Elementor

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

ธีมที่แม่นยำยิ่งขึ้น หน่วยงานดิจิตอล.

เว็บไซต์ของคุณจะมีหน้าพื้นฐานหลายหน้าเช่นหน้า:

  • ยินดีต้อนรับ
  • เกี่ยวกับ
  • บริการ
  • ลูกค้า
  • บล็อก
  • ติดต่อเรา

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

วิธีการสร้างองค์ประกอบเว็บไซต์ที่สมบูรณ์หรือ blogpascher 1

ต่อไปนี้เป็นวิธีสร้างเว็บไซต์ด้วยธีม Elementor:

1. ติดตั้งและเปิดใช้งานธีม Elementor Hello 

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

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

ในการเริ่มต้นให้ไปที่ ลักษณะที่ปรากฏ→ธีม→เพิ่ม และค้นหา " สวัสดี elementor". จากนั้นติดตั้งและเปิดใช้งานธีม 

2. กำหนดค่าหน้าคงพื้นฐานของเว็บไซต์ของคุณ

จากนั้นไปที่เมนู หน้า→เพิ่ม เพื่อสร้างหน้าพื้นฐานของเว็บไซต์ของคุณ

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

คลิกที่ การตั้งค่า เพื่อเปิด การตั้งค่าหน้าและเปลี่ยนเค้าโครงให้เท่ากับ องค์ประกอบเต็มความกว้าง

จากนั้นเปิดไลบรารีเทมเพลต Elementor และค้นหา "Digital Agency" ภายใต้ หน้า :

คุณควรเห็นรายการเทมเพลตเพจของธีมนี้ แทรกเทมเพลต หน้าแรก จากรายชื่อรุ่น

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

ถัดไป เพิ่มหน้าอื่นเพื่อใช้สำหรับ " เกี่ยวกับ".

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

เช่นเคย สร้างเพจแล้วเปลี่ยนเลย์เอาต์เป็น องค์ประกอบเต็มความกว้าง. จากนั้นเปิดไลบรารีเทมเพลตและแทรกเทมเพลต เกี่ยวกับเรา ของธีม Digital Agency

ตอนนี้ทำซ้ำขั้นตอนเดียวกันเพื่อสร้างหน้าอื่น ๆ ทั้งหมดรวมถึง: บริการ ลูกค้าและ ติดต่อ.

อย่าเพิ่งกังวลกับหน้าบล็อก หน้านี้ไม่คงที่เหมือนหน้าอื่น ๆ ด้วยเหตุนี้คุณจะต้องสร้างมันด้วยวิธีการอื่น (ซึ่งเราจะกล่าวถึงในบทช่วยสอนนี้ในภายหลัง)

เพื่อเสร็จสิ้นการตั้งค่าหน้าคงที่ของคุณคุณต้องบอกให้การติดตั้ง WordPress ใช้โฮมเพจแบบคง เพื่อทำสิ่งนี้…

  • ไปต่อ การตั้งค่า→การเล่น
  • เลือก  หน้าคงที่ (เลือกด้านล่าง) ภายใต้การตั้งค่าหน้าแรกของคุณ 
  • เลือกเพจที่รวมเทมเพลตโฮมเพจของธีม

3. สร้างส่วนอื่น ๆ ของเว็บไซต์ของคุณ

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

ด้วย Elementor คุณยังสามารถออกแบบส่วนต่างๆเช่น en - หัว; ส่วนท้าย ฯลฯ ...

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

ในการเข้าถึงตัวสร้างภาพของ Elementor ให้ไปที่ แม่แบบ→ ตัวสร้างธีม. คุณจะต้องติดตั้ง Elementor Pro จึงจะสามารถเข้าถึงได้

ตอนนี้ถึงเวลาสร้างส่วนของคุณแล้ว

ส่วนหัว

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

Elementor - แทรกเทมเพลตส่วนหัว

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

หากคุณต้องการเปลี่ยน

  • ไปต่อ  ลักษณะที่ปรากฏ→เมนู ในแผงควบคุม WordPress ของคุณ
  • สร้างเมนูใหม่

เมื่อคุณสร้างเมนูแล้วคุณสามารถเพิ่มเพจที่คุณสร้างในขั้นตอนที่ 2 ลงในเมนูนำทางของคุณ

อ่าน: 10 เครื่องมืออัตโนมัติสำหรับการตลาดธุรกิจขนาดเล็ก

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

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

จากนั้นกด บันทึกและปิด

ฟุตบอล

ตอนนี้ถึงเวลาสร้างส่วนท้ายของเว็บไซต์แล้ว:

  • กลับไปที่อินเทอร์เฟซตัวสร้างเพจภาพ
  • คลิกที่แท็บ ฟุตบอล 
  • คลิกปุ่มเพื่อ เพิ่มส่วนท้ายใหม่
  • ในป๊อปอัปตั้งชื่อส่วนท้ายของคุณแล้วคลิกที่ สร้างเทมเพลต

ตอนนี้คุณจะเห็นรายการเทมเพลตส่วนท้ายเช่นเดียวกับที่คุณทำกับส่วนหัวของคุณ ค้นหา "Digital Agency" และแทรกเทมเพลตส่วนท้าย

คุณต้องการขายผลิตภัณฑ์ของคุณบนอินเทอร์เน็ตหรือไม่?

ดาวน์โหลด WooCommerce ฟรี ปลั๊กอินอีคอมเมิร์ซที่ดีที่สุดในการขายผลิตภัณฑ์ทางกายภาพและดิจิทัลของคุณบน WordPress และสร้างร้านค้าออนไลน์ของคุณได้อย่างง่ายดาย เหมาะสำหรับผู้เริ่มต้น

เมื่อคุณแทรกเทมเพลตส่วนท้ายแล้วคุณจะเห็นตัวอย่างส่วนท้ายของคุณ:

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

โฮมเพจ

ไม่เหมือนกับเพจคงที่ที่คุณสร้างในขั้นตอนที่ 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
หน้า 404 - สร้างเว็บไซต์ที่สมบูรณ์

ถัดไป เผยแพร่เทมเพลตของคุณเพื่อทำให้เว็บไซต์ของคุณสมบูรณ์

รับ Elementor Pro ทันที!

สรุป

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

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ

...

%d บล็อกเกอร์ชอบหน้านี้: