คำแนะนำและบทวิจารณ์ปลั๊กอิน Beaver Builder WordPress

คำแนะนำและบทวิจารณ์ปลั๊กอิน Beaver Builder WordPress

ผู้สร้างหน้าเป็นที่กล่าวขวัญของชุมชน WordPress มาระยะหนึ่งแล้ว เครื่องมือเหล่านี้ได้รับความนิยมมาเป็นเวลานาน แต่ด้วยการเปิดตัว Block Editor ใหม่หลายคนสงสัยว่ายังเกี่ยวข้องกันอย่างไร.


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

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

กระโดดเข้าสู่ตัวสร้างหน้าใหม่และปรับปรุงที่ได้รับการอัปเดตของ Beaver Build WordPress Builder!

ทำไมคุณอาจต้องใช้เครื่องมือสร้างหน้า WordPress

ถ้าคุณไม่คุ้นเคยกับแพลตฟอร์มคุณอาจคุ้นเคยกับเครื่องมือแก้ไข Classic WordPress:

บรรณาธิการ WordPress คลาสสิก

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

อย่างไรก็ตามเมื่อเร็ว ๆ นี้นักพัฒนา WordPress ได้ออกเครื่องมือแก้ไขรุ่นใหม่ล่าสุดซึ่งขับเคลื่อนโดย Gutenberg:

WordPress Gutenberg บรรณาธิการ

การเปลี่ยนแปลงนี้มาเป็นเวลานาน แต่ก็ไม่มีอะไรใหม่โดยเฉพาะ เครื่องมือแก้ไขบล็อกเป็นเครื่องมือสร้างเพจที่มีความคล่องตัวซึ่งเป็นโซลูชันที่ได้รับความนิยมจากผู้ใช้ WordPress มาระยะหนึ่ง.

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

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

ข้อมูลพื้นฐานเกี่ยวกับ Beaver Builder

Beaver Builder สำหรับ WordPress

ข้อมูล & ดาวน์โหลดดูตัวอย่าง

Beaver Builder เป็นหนึ่งในตัวสร้างหน้าเว็บที่เป็นที่นิยมมากที่สุดและมีเหตุผลที่ดี เป็นเรื่องง่ายสำหรับผู้เริ่มต้นที่จะรับ แต่ยังมีตัวเลือกมากมายให้เล่น ในระดับพื้นฐานเป็นระบบลากและวางสำหรับสร้างโพสต์และหน้า – เหมือนกับตัวสร้างหน้าอื่น ๆ อย่างไรก็ตามมันมีฟังก์ชั่นเพิ่มเติมมากมายเช่นกัน.

คุณสมบัติหลักของปลั๊กอินนี้ ได้แก่ :

  • คลัง ‘โมดูล’ เนื้อหาขนาดใหญ่ตั้งแต่ตัวเลือกพื้นฐาน (เช่นโมดูลข้อความและรูปภาพ) ไปจนถึงฟังก์ชั่นขั้นสูง (Call To Action, แผนที่และโมดูลแกลเลอรี่ ฯลฯ ).
  • อินเทอร์เฟซการแก้ไขแบบกำหนดเองที่ช่วยให้คุณสามารถสร้างหน้าโพสต์และประเภทโพสต์ที่กำหนดเองได้ด้วยสายตาและดูการเปลี่ยนแปลงของคุณทันที.
  • ความสามารถในการสร้างเค้าโครงหลายคอลัมน์ที่ซับซ้อนและปรับขนาดระยะห่างและอื่น ๆ.
  • ส่วนที่สร้างไว้ล่วงหน้าและแม่แบบหน้าที่ช่วยให้คุณเริ่มกระบวนการออกแบบซึ่งคุณสามารถปรับเปลี่ยนได้ตามต้องการ.
  • ตัวเลือกในการสร้างและบันทึกแม่แบบของคุณเองเพื่อใช้ในภายหลัง.
  • ตัวเลือกสำหรับการเพิ่ม HTML ที่กำหนดเองและคลาส CSS ของคุณเองสำหรับผู้ใช้ขั้นสูงเพิ่มเติม.

แน่นอนว่าฟังก์ชั่นทั้งหมดนี้มีค่าใช้จ่าย ในขณะที่มี Beaver Builder Lite มีให้ใช้งานฟรีรุ่นมีโมดูลพื้นฐานเพียงไม่กี่โมดูลเท่านั้นและไม่มี คุณสมบัติหลักหลายอย่าง เช่นแม่แบบและตัวเลือกการนำเข้า / ส่งออก อย่างไรก็ตามเวอร์ชัน lite นั้นมีประโยชน์ในการให้ผู้สร้างเพจนี้ทำการทดสอบและดูว่าคุณชอบวิธีการใช้งานหรือไม่.

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

การกำหนดราคา Beaver Builder

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

วิธีเริ่มต้นใช้งานตัวสร้างบีเวอร์

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

เมื่อคำนึงถึงสิ่งนี้ลองมาดูสิ่งที่ต้องการรับ Beaver Builder และเริ่มใช้มันเพื่อสร้างโพสต์และหน้า โดยปกติสิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน.

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

ขั้นตอนที่ 1: เข้าถึงตัวแก้ไข Beaver Builder

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

คุณยังสามารถสร้างเนื้อหาด้วยเครื่องมือสร้างเพจได้โดยไปที่ Beaver Builder> เพิ่มใหม่. หรือคุณสามารถไปที่ หน้า> เพิ่มใหม่ (หรือเทียบเท่าสำหรับโพสต์และประเภทโพสต์ที่กำหนดเอง) คุณจะเห็นตัวเลือกใหม่:

การเปิดตัว Beaver Builder

ซึ่งหมายความว่าคุณสามารถสร้างเนื้อหาของคุณในโปรแกรมแก้ไข WordPress เริ่มต้นหรือในเครื่องมือสร้างหน้า มาช่วยกันตี เรียกใช้ Beaver Builder ปุ่ม:

เครื่องมือแก้ไขหน้า Beaver Builder

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

ขั้นตอนที่ 2: เลือกเทมเพลตเริ่มต้น

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

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

เทมเพลต Beaver Builder

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

ขั้นตอนที่ 3: แก้ไขโมดูลส่วนบุคคล

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

การตั้งค่าโมดูล Beaver Builder

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

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

การตั้งค่าสไตล์ Beaver Builder

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

การตั้งค่าขั้นสูงของ Beaver Builder

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

ขั้นตอนที่ 4: ปรับแต่งองค์กรและเค้าโครงของเนื้อหาของคุณ

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

โมดูลแบบฟอร์มการติดต่อ Beaver Builder

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

นอกจากนี้คุณสามารถเปลี่ยนเค้าโครงโดยรวมของหน้า หากต้องการดูตัวอย่างของการดำเนินการนี้ให้เลื่อนเมาส์ไปวางเหนือโมดูลและ Hit แก้ไขคอลัมน์> การตั้งค่าคอลัมน์:

คอลัมน์ตัวสร้างบีเวอร์

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

ตอนนี้เลื่อนเมาส์ไปที่พื้นหลังของหน้าและเลือก การตั้งค่าแถว ที่มุมบนขวา:

แถว Beaver Builder

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

สุดท้ายเลือกเมนูหลักของตัวแก้ไขอีกครั้งแล้วไปที่ แถว แท็บ:

ตัวเลือกคอลัมน์ Beaver Builder

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

ขั้นตอนที่ 5: ขยายชุดคุณสมบัติของตัวสร้างหน้า (ตัวเลือก)

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

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

ธีม Beaver Builder กรอบ

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

นอกจากนี้ยังมีโปรแกรมเสริมเพิ่มเติม Beaver Themer:

Beaver Themer Addon

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

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


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

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

คุณเคยใช้ Beaver Builder และประสบการณ์ของคุณเป็นอย่างไรบ้าง? แบ่งปันกับเราในส่วนความเห็นด้านล่าง!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map