ตอนนี้คุณสามารถสร้างธีมบล็อกของคุณเองใน WordPress

เผยแพร่แล้ว: 2022-07-18

WordPress Full Site Editing (FSE) ช่วยให้เราแก้ไขส่วนต่างๆ ของเว็บไซต์ได้โดยไม่ต้องใช้โค้ด โดยได้วางส่วนที่ซ่อนไว้ก่อนหน้านี้ของธีมไว้ไม่ให้ผู้ที่ไม่ใช่นักออกแบบเข้าถึงได้ และบางทีอาจทำให้งานของผู้เชี่ยวชาญด้านเว็บง่ายขึ้นเล็กน้อยในกระบวนการนี้

แต่นั่นเป็นเพียงการเกาพื้นผิวของศักยภาพของ FSE กำลังพัฒนาความสามารถขั้นสูงเพิ่มเติม ในหมู่พวกเขาคือความสามารถในการสร้างธีมบล็อกทั้งหมดภายใน WordPress

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

ต้องขอบคุณปลั๊กอิน Create Block Theme ตอนนี้มีวิธีที่สาม: การสร้างธีมบล็อกอย่างสมบูรณ์จากภายใน WordPress จากที่นั่น คุณสามารถส่งออกผลงานของคุณไปใช้ที่อื่นได้

ฟังดูปฏิวัติในแง่ของวิธีที่เราสร้างเว็บไซต์ด้วย WordPress มันทำงานอย่างไร? วันนี้เราจะมาดู Create Block Theme และแสดงให้คุณเห็นว่ามันทำอะไรได้บ้าง

ปลั๊กอินสร้างธีมบล็อกทำอะไรได้บ้าง

การเปิดตัวปลั๊กอิน Create Block Theme เกิดขึ้นในช่วงเวลาที่ FSE ยังคงเป็นเทคโนโลยีตั้งไข่ พัฒนาโดยสมาชิกของทีม WordPress Themes อย่างเป็นทางการ มันอาจพบทางเข้าสู่ซอฟต์แวร์หลักสักวันหนึ่ง

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

เมื่อคุณดาวน์โหลด Create Block Theme และเปิดใช้งานบนเว็บไซต์ของคุณ (แนะนำให้รันปลั๊กอิน Gutenberg เวอร์ชันล่าสุดด้วย) คุณจะสังเกตเห็นรายการเมนูใหม่ที่อยู่ที่ Appearance > Create Block Theme

หน้าจอนี้ให้ตัวเลือกต่อไปนี้แก่คุณ:

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

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

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

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

หน้าตัวเลือกสร้างธีมบล็อก

การสร้างธีมบล็อก WordPress แบบกำหนดเอง

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

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

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

ไม่ว่าคุณจะเริ่มต้นอย่างไร Create Block Theme จะช่วยให้คุณสามารถส่งออกธีมของคุณเพื่อใช้ในการติดตั้ง WordPress อื่นได้

ปรับแต่งธีม Blockbase ด้วยโปรแกรมแก้ไขไซต์ WordPress

การส่งออกธีมบล็อกที่คุณกำหนดเอง

ในตัวอย่างนี้ ฉันได้ปรับแต่งพื้นฐานบางอย่างให้กับ Blockbase ตอนนี้ได้เวลาส่งออกธีมและติดตั้งบนเว็บไซต์ WordPress ท้องถิ่นอื่น

ดังที่ได้กล่าวไว้ก่อนหน้านี้ Create Block Theme มีตัวเลือกการส่งออกหลายแบบ ฉันเลือกสร้างธีมย่อยและตั้งชื่อเอง ซึ่งหมายความว่าฉันจะต้องติดตั้งสำเนาของ Blockbase ในเว็บไซต์อื่นๆ ที่ฉันต้องการใช้ธีมลูกใหม่ของฉัน

การส่งออกธีมลูกโดยใช้ Create Block Theme

การส่งออกจะสร้างไฟล์ ZIP ซึ่งฉันสามารถนำเข้าไปยังไซต์ใหม่ของฉันได้ ในไซต์ WordPress ใหม่ ฉันจะไปที่ Appearance > Themes จากนั้นคลิกที่ปุ่ม " Add New "

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

การนำเข้าไฟล์ .zip ที่สร้างขึ้นไปยังเว็บไซต์ WordPress ใหม่

ผลลัพธ์ดูดี การเปลี่ยนแปลงที่ฉันทำรอดจากกระบวนการส่งออกและดูเหมือนว่าจะทำงานได้ดีในไซต์ใหม่ ในทางทฤษฎี นี่จะเป็นจุดเริ่มต้นที่ดีเมื่อทำงานในโครงการในอนาคต

ธีมบล็อกที่กำหนดเองในปลายทางใหม่

นี่คืออนาคตของการสร้างธีม WordPress หรือไม่

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

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

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

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