วิธีสร้างเค้าโครง WordPress ที่กำหนดเอง (ทีละขั้นตอน)

รูปแบบที่กำหนดเองตัวสร้างช่องคลอด


คุณต้องการสร้างเค้าโครง WordPress ที่กำหนดเองสำหรับเว็บไซต์ของคุณเพื่อให้มีรูปลักษณ์ที่เป็นเอกลักษณ์หรือไม่?

ไม่ว่าคุณจะมีทักษะชุดใดก็ตามมันเป็นเรื่องง่ายที่จะสร้างเค้าโครง WordPress ที่กำหนดเองโดยไม่ต้องจ้างนักพัฒนา.

ในบทความนี้เราจะแสดงวิธีสร้างเค้าโครง WordPress ที่กำหนดเองโดยใช้ปลั๊กอินตัวสร้างหน้า WordPress ที่มีชื่อเสียงตัวสร้างบีเวอร์.

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

ทำไมสร้างเลย์เอาต์ WordPress แบบกำหนดเอง

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

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

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

การสร้างเค้าโครง WordPress ที่กำหนดเอง

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

Beaver Builder

สิ่งที่ดีที่สุดเกี่ยวกับปลั๊กอินนี้คือระดับความยืดหยุ่นถ้ามี คุณสามารถควบคุมเกือบทุกอย่าง.

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

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

ตรวจสอบรีวิวตัวสร้างบีเวอร์ของเราได้ที่นี่ ตอนนี้ลองตรวจสอบวิธีสร้างเค้าโครงที่กำหนดเองโดยใช้ปลั๊กอินนี้.

ขั้นตอนที่ 1: การติดตั้งและตั้งค่า Beaver Builder ใน WordPress

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

การตั้งค่า Beaver Builder

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

ขั้นตอนที่ 2: สร้างเค้าโครงที่คุณกำหนดเองเป็นครั้งแรก

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

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

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

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

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

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

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

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

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

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

ตัวสร้างช่องคลอดบันทึกเค้าโครง

การใช้ตัวเลือกเหล่านี้คุณสามารถบันทึกฉบับร่างเผยแพร่หรือยกเลิกได้.

ขั้นตอนที่ 3: การนำเค้าโครงของคุณกลับมาใช้ใหม่

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

เครื่องมือสร้างช่องคลอด

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

เค้าโครง WordPress บันทึกชั่วคราว

ขั้นตอนที่ 4: จัดการเทมเพลตของคุณ

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

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

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

ส่งออกเลย์เอาต์ WordPress ของคุณ

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

การส่งออกเค้าโครง WordPress

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

การนำเข้าเลย์เอาต์ตัวสร้าง Beaver

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

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

และนั่นคือมัน เราหวังว่าคุณจะชอบบทความของเรา หากคุณทำเช่นนั้นคุณอาจต้องการทราบทางเลือกอื่น ๆ ของ 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