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

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

Divi คืออะไร?

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

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

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

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

วิธีสร้างเว็บไซต์ WordPress โดยใช้ธีม Divi

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

• เปิดไซต์ WordPress ของคุณ

• ติดตั้งและตั้งค่าธีม Divi บนไซต์ WordPress ของคุณ

• สร้างไซต์ของคุณด้วยธีม Divi

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

เปิดไซต์ WordPress ของคุณ

ก่อนสร้างไซต์ WordPress แบบกำหนดเองด้วยธีม Divi สิ่งแรกที่ต้องทำคือเปิดไซต์ WordPress โดยทำตามขั้นตอนด้านล่าง:

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

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

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

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

กำหนดค่าธีม Divi บนไซต์ WordPress ของคุณ

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

ขั้นตอนที่ 1: ซื้อธีม Divi การซื้อธีม Divi ช่วยให้คุณเข้าถึงผลิตภัณฑ์อื่นๆ ได้ รวมถึง Monarch และปลั๊กอินและธีมยอดนิยมอื่นๆ โดยทำตามขั้นตอนด้านล่าง:

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

• การดำเนินการนี้จะนำคุณไปยังหน้าอื่นที่คุณต้องกรอกรายละเอียดและชื่อผู้ใช้และรหัสผ่าน จากนั้นคลิกที่ "เสร็จสิ้นการลงทะเบียน"

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

• หลังจากชำระเงินสำเร็จ ขั้นตอนต่อไปคือการดาวน์โหลด Divi Theme คลิกที่ "เข้าสู่ระบบเพื่อดาวน์โหลดผลิตภัณฑ์ที่มีอยู่ทั้งหมดของเรา"

• ระบุรายละเอียดการเข้าสู่ระบบของคุณและคลิกที่ปุ่ม "เข้าสู่ระบบ"

• คลิกที่ปุ่ม "ดาวน์โหลดธีม Divi" การดำเนินการนี้จะดาวน์โหลดโฟลเดอร์ zip ของธีม Divi ลงในระบบคอมพิวเตอร์ของคุณ

ขั้นตอนที่ 2: ติดตั้งธีม Divi บนไซต์ WordPress ของคุณ โดยไปที่แดชบอร์ด WordPress ของคุณและทำตามขั้นตอนด้านล่าง:

• คลิกที่ "ลักษณะที่ปรากฏ" แล้วคลิก "ธีม"

• คลิกที่ "เพิ่มใหม่" แล้วคลิก "อัปโหลดธีม"

• คลิกที่ "เลือกไฟล์" และเลือกไฟล์ zip ที่ดาวน์โหลดมาจากระบบของคุณ จากนั้นคลิกที่ "ติดตั้งทันที"

ขั้นตอนที่ 3: เปิดใช้งานธีม Divi

• ไปที่เมนูด้านซ้ายของแดชบอร์ด WordPress และเลือก Divi จากนั้นเลือก "อัปเดต" ในตัวเลือกธีม Divi

• ป้อนชื่อผู้ใช้และคีย์ API ของคุณ หากต้องการค้นหาคีย์ API ให้ไปที่ "บัญชีของฉัน" และค้นหาส่วนที่มีป้ายกำกับว่า "คีย์ API" คัดลอกคีย์ API และดำเนินการต่อในกล่องคีย์ API จากนั้นคลิกที่ "บันทึกการเปลี่ยนแปลง" การดำเนินการนี้จะเปิดใช้งานธีม Divi บนไซต์ WordPress ของคุณ

สร้างเว็บไซต์ของคุณด้วยธีม Divi

ด้วยธีม Divi คุณสามารถสำรวจคุณสมบัติต่างๆ เพื่อสร้างเว็บไซต์ที่สมบูรณ์แบบของคุณได้ ทำตามขั้นตอนง่าย ๆ ด้านล่างเพื่อสร้างเว็บไซต์ของคุณด้วยธีม Divi:

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

• คลิกที่เมนู "+ใหม่" ที่ด้านบนของไซต์และเลือก "หน้า"

• เพิ่มชื่อหน้า (หน้าแรก) และคลิกที่ "ใช้ Diva Builder"

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

วิธีใช้ Premade Layout เพื่อสร้างโฮมเพจ

• ไปที่ส่วน "เลือกเค้าโครงที่สร้างไว้ล่วงหน้า" และคลิกที่ "เรียกดูเค้าโครง"

• เลือกเลย์เอาต์ที่คุณต้องการแล้วคลิก “ใช้เลย์เอาต์นี้” คุณสามารถคลิกที่เลย์เอาต์ต่างๆ และดูตัวอย่างเพื่อดูว่าจะมีลักษณะอย่างไรในไซต์ของคุณ

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

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

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

• คุณสามารถสร้างหน้าอื่น ๆ บนเว็บไซต์ได้โดยทำตามขั้นตอนนี้

วิธีสร้างโฮมเพจตั้งแต่เริ่มต้น

• คลิกที่ "+ใหม่" แล้วคลิก "หน้า"

• ป้อนชื่อหน้าและคลิก "ใช้ Divi Builder"

• เลือก "สร้างตั้งแต่เริ่มต้น" จากนั้นเลือก "เริ่มสร้าง"

• ในการเริ่มต้น ให้คลิกที่ไอคอน “+” ที่ตรงกลางของหน้า ซึ่งจะแสดงสามตัวเลือก – พิเศษ เต็มความกว้าง และปกติ

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

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

คุณยังสามารถผสมผสาน “ปกติ” และพิเศษเข้ากับการออกแบบเพื่อสร้างการออกแบบที่ไม่เหมือนใคร เมื่อคุณพอใจกับผลลัพธ์แล้ว ให้คลิกปุ่ม "เผยแพร่" จากนั้นคลิก "ออกจาก Visual Builder" คุณสามารถทำตามขั้นตอนเหล่านี้เพื่อเติมและออกแบบหน้าอื่นๆ ของเว็บไซต์ของคุณ

ขั้นตอนที่ 2: สร้างเมนูหลัก

• คลิกที่ชื่อไซต์แล้วเลือก "เครื่องมือปรับแต่งธีม"

• คลิก “เมนูจากพื้นที่ที่เปิดอยู่ จากนั้นคลิกที่ “สร้างเมนูใหม่”

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

• เมื่อคุณเลือกสถานที่ที่ต้องการแล้ว ให้คลิกที่ “ถัดไป”

• คลิก “+เพิ่มรายการ” และรายการของหน้าที่คุณสามารถเพิ่มไปยังรายการเมนูจะปรากฏขึ้น

• คลิกไอคอน “+” เพื่อเพิ่มหน้าใดๆ เป็นองค์ประกอบเมนู คุณสามารถเพิ่มรายการได้มากเท่าที่คุณต้องการโดยใช้ปุ่มเดียวกัน

• เมื่อเสร็จแล้ว คลิกหน้า "เผยแพร่" เพื่อบันทึกการเปลี่ยนแปลงทั้งหมดที่คุณทำ

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

• ไปที่แดชบอร์ดของ WordPress และคลิกที่ “Divi” จากเมนูด้านข้าง

• ไปที่ตัวเลือกโลโก้ภายใต้แท็บ "ทั่วไป" ในธีม Divi

• คลิกที่ "อัปโหลด" จากนั้นลากและวางโลโก้ธุรกิจของคุณไปยังพื้นที่ที่มีโลโก้เริ่มต้น

• คลิกที่ "บันทึกการเปลี่ยนแปลง" แล้วรีเฟรชเว็บไซต์ของคุณเพื่อดูการเปลี่ยนแปลงที่คุณทำ

บทสรุป

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