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

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

คุณต้องการเรียนรู้วิธีสร้างเลย์เอาต์แบบกำหนดเองใน WordPress หรือไม่? Beaver Builder ให้คุณสร้างเลย์เอาต์ของคุณเองโดยไม่ต้องเขียนโค้ดใด ๆ ในบทช่วยสอนนี้เราจะศึกษา Beaver Builder และแสดงวิธีสร้างเลย์เอาต์ WordPress ที่กำหนดเองด้วยปลั๊กอินนี้

บีเวอร์สร้างเค้าโครงปลั๊กอิน

ทำไมและเมื่อใดที่คุณต้องการเค้าโครงที่กำหนดเอง

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

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

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

สรุปตัวสร้าง Beaver

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

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

ในบทช่วยสอน Beaver Builder นี้เราจะแสดงวิธีใช้เพื่อสร้างเลย์เอาต์ที่กำหนดเองใน WordPress

ขอเริ่มต้น

การติดตั้งสร้างช่องคลอด

ก่อนอื่นคุณต้องซื้อปลั๊กอิน บีเวอร์สร้าง. เป็นปลั๊กอินแบบชำระเงินเริ่มต้นที่ 99 ดอลลาร์สำหรับไซต์ที่ไม่ จำกัด

แล้วคุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอิน

หลังจากเปิดใช้งานไปที่หน้า การตั้งค่า»หน้าตัวสร้าง เพื่อป้อนรหัสใบอนุญาตของคุณ

ใบอนุญาต Beaver เวิร์ดเพรสปลั๊กอิน

หลังจากป้อนรหัสใบอนุญาตของคุณตอนนี้คุณจะพร้อมที่จะสร้างเค้าโครงของคุณ

สร้างเลย์เอาต์ที่กำหนดเองครั้งแรกของคุณด้วย Beaver Builder

เพียงสร้างหน้าใหม่ใน WordPress โดยดำเนินการต่อ หน้า»เพิ่มใหม่. คุณจะสังเกตเห็นแท็บ 'Page Builder' ใหม่ในตัวแก้ไข WordPress

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

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

ปลั๊กอิน WordPress ช่องคลอดแก้ไขหน้า

คลิกที่ 'สร้างหน้า'สำหรับการขว้างปา " บีเวอร์สร้าง". หากนี่เป็นครั้งแรกที่คุณใช้ Beaver Builder คุณจะเห็นหน้าต่างต้อนรับที่เสนอคำแนะนำให้กับคุณ

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

ปลั๊กอิน Beaver แม่แบบ WodPress

Beaver Builder นำเสนอเทมเพลตที่ออกแบบอย่างมืออาชีพเพื่อให้คุณเริ่มต้นได้ทันที

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

เลือกรูปแบบปลั๊กอิน WordPress บีเวอร์

เมื่อคุณเลือกเค้าโครง Beaver Builder จะโหลดลงในหน้าต่างแสดงตัวอย่าง เลื่อนเมาส์ไปที่รายการและ Beaver Builder จะไฮไลต์

คุณสามารถคลิกไอคอนเครื่องมือบนรายการที่ไฮไลต์เพื่อแก้ไขได้

แก้ไขรูปแบบ

Beaver Builder แสดงป๊อปอัพที่มีการตั้งค่าต่าง ๆ ที่คุณสามารถแก้ไขได้ คุณสามารถเปลี่ยนข้อความสีพื้นหลังแบบอักษรระยะขอบ ฯลฯ

คุณยังสามารถคลิกรายการในการแสดงตัวอย่างแบบสดและลากไปรอบ ๆ หน้าได้

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

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

โครงร่าง Beaver Builder ได้รับการออกแบบในแถว คุณสามารถลากและวางเพื่อจัดเรียงแถวใหม่ คุณสามารถลบหรือเพิ่มแถวใหม่ได้

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

เพิ่มแถว Beaver ปลั๊กอิน WordPress

Beaver Builder จะเพิ่มแถวลงในตัวอย่างสดบนไซต์ของคุณ

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

เพียงแค่เลือกรายการและลากไปยังแถวที่คุณเพิ่งเพิ่ม คลิกรายการเพื่อแก้ไขคุณสมบัติ

คุณยังสามารถบันทึกแถวหรือโมดูลเพื่อใช้ซ้ำในหน้าอื่น ๆ ในภายหลังได้ คลิกที่ปุ่ม " บันทึกเป็น " เมื่อแก้ไขแถวหรือโมดูล

วิธีการบันทึกโมดูล

คลิกที่ปุ่ม เสร็จ เมื่อคุณแก้ไขหน้าเสร็จแล้ว Beaver Builder แสดงป๊อปอัพพร้อมปุ่มสำหรับ " ประกาศ "หรือ" บันทึกหน้าเว็บของคุณเป็นร่าง".

หน้าต่างโต้ตอบ WordPress Beaver Plugin

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

Beaver Builder จะแสดงป๊อปอัป คุณสามารถบันทึกเพจเป็นเทมเพลตหรือสร้างเพจซ้ำได้อย่างรวดเร็วด้วยเค้าโครงเดียวกัน

บันทึกรูปแบบปลั๊กอิน WordPress บีเวอร์

จัดการเทมเพลตเลย์เอาต์บน Beaver Builder

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

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

เพียงทำเครื่องหมายในช่องถัดจากตัวเลือก 'เปิดใช้งานแม่แบบผู้ดูแลระบบ'และคลิก บันทึกการตั้งค่าเทมเพลต.

Beaver บันทึกรูปแบบตารางขอบ WordPress

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

เนื่องจากนี่เป็นประเภทโพสต์ที่กำหนดเองคุณสามารถส่งออกเทมเพลต Beaver Builder ของคุณได้อย่างง่ายดายโดยใช้ฟังก์ชันการส่งออกในตัวของ WordPress

ไปที่หน้าเว็บ เครื่องมือ»ส่งออก และเลือกเทมเพลต คลิกที่ปุ่ม ดาวน์โหลดไฟล์ส่งออก และ WordPress จะส่งไฟล์ XML ที่คุณสามารถดาวน์โหลดได้

ส่งออกแม่ WordPress

ตอนนี้เชื่อมต่อกับไซต์ WordPress ที่คุณต้องการนำเข้าเทมเพลต ไปเลย การตั้งค่า»นำเข้า และคลิกที่ WordPress

คุณจะได้รับแจ้งให้ดาวน์โหลดและติดตั้งปลั๊กอินผู้นำเข้า หลังจากนั้นคุณจะสามารถดาวน์โหลดไฟล์ template.xml และนำเข้าได้

นั้นคือทั้งหมด! เราหวังว่าบทช่วยสอนนี้จะช่วยคุณสร้างเลย์เอาต์ WordPress ที่กำหนดเองโดยใช้ Beaver Builder หากคุณมีความคิดเห็นหรือข้อเสนอแนะโปรดแจ้งให้เราทราบในส่วนเฉพาะ