หากคุณกำลังอ่านบทช่วยสอนนี้คุณอาจลองใช้ตัวแก้ไข Gutenberg ใหม่สำหรับ WordPress แล้ว

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

ลอง gutenberg.png

เช่นเดียวกับ UI ใหม่ทั้งหมดมีแฟน ๆ และผู้ว่า ต้องใช้เวลาเสมอในการทำความคุ้นเคยกับอินเทอร์เฟซใหม่และการปฏิเสธเวอร์ชันใหม่ก็เป็นเรื่องยาก

เช่นเดียวกับหลาย ๆ คนตอนแรกฉันก็สงสัย Gutenberg ฉันทำงานกับอินเทอร์เฟซเก่ามาสองสามปีแล้วและฉันคุ้นเคยกับมัน

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

มันอาจจะดูไม่มากนัก แต่ก็มีศักยภาพที่จะสร้างในแบบที่ฉันสร้างขึ้นได้ เนื้อหา มีประสิทธิภาพมากขึ้น และเพื่อให้สิ่งนี้เกิดขึ้น เนื้อหา มีประสิทธิภาพในการนำมา ผู้เข้าชม เพื่อดำเนินการหลังจากอ่าน

ในบทช่วยสอนนี้ฉันจะแสดงวิธีสร้างบล็อกที่ซ้ำกันและแชร์ใน Gutenberg และแบ่งปันความเป็นไปได้ที่พวกเขาเปิดขึ้น

แต่ก่อนอื่นไพรเมอร์อย่างรวดเร็วบนบล็อก

บล็อกคืออะไร?

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

เขียนบทความเกี่ยวกับ Gutenberg.png

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

  • บล็อกข้อความ - ย่อหน้ารายการหัวเรื่องรหัสคำพูดตาราง
  • บล็อกสื่อ - รูปภาพแกลเลอรีเสียงวิดีโอ
  • องค์ประกอบเค้าโครง - ปุ่ม, ตัวเว้นวรรค, วงเวียน, ตัวแบ่งหน้า
  • บล็อกวิดเจ็ต - หมวดหมู่โพสต์ล่าสุดรหัสย่อ
  • รวมบล็อก – YouTube, Soundcloud, Spotify, Twitter และบวก

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

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

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

บล็อกที่ซ้ำกัน

บล็อกที่ซ้ำกันค่อนข้างตรงไปตรงมา คุณใช้บล็อกที่มีอยู่ซึ่งคุณสร้างขึ้นและทำสำเนา

ในการดำเนินการนี้ให้วางเมาส์เหนือวงรี (จุดสามจุดในแนวตั้ง) ทางด้านขวาของบล็อกแล้วคลิกที่ตัวเลือก ซ้ำ .

เพื่อทำสำเนา block.png

สำเนาของบล็อกนี้จะถูกสร้างขึ้นโดยตรงหลังจากบล็อกเดิมในบทความเดียวกัน

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

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

เมื่อคุณแก้ไขบล็อกที่ซ้ำกันการเปลี่ยนแปลงที่คุณทำจะไม่มีผลกระทบต่อบล็อกเดิมซึ่งเป็นสองบล็อกที่ไม่ได้เชื่อมต่อกัน

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

แต่พวกเขามีข้อบกพร่องอย่างหนึ่ง - ใช้ได้เฉพาะในแต่ละบทความ คุณใช้อะไรถ้าคุณต้องการทำซ้ำเนื้อหาระหว่างบทความ? นี่คือที่ที่บล็อกที่แชร์เข้ามา

บล็อกที่แชร์

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

สร้างบล็อกที่แชร์

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

คุณจะเห็นช่องข้อความที่ปรากฏใต้บล็อกซึ่งคุณจะต้องตั้งชื่อบล็อก

สร้าง reutilisable block.png

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

บล็อก gutenberg.png

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

นำบล็อกที่แบ่งปันไปใช้ซ้ำ

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

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

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

ใช้ reutilisable blocks.png

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

การแก้ไขบล็อกที่แชร์

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

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

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

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

ลบ reutilizable blocks.png

จากนั้นจะทำงานเหมือนกับบล็อกอื่น ๆ ในไซต์ของคุณ

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

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

ตอนนี้คุณมีบล็อกที่แชร์สองบล็อกที่คุณสามารถใช้ได้ทุกที่บนไซต์ของคุณ

ที่เก็บของบล็อกที่แชร์

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

ฉันสร้างบทความบนไซต์ของฉันซึ่งฉันจะไม่เผยแพร่ซึ่งมีสำเนาที่ไม่ซ้ำกันของแต่ละบล็อกที่แชร์ที่ฉันสร้างขึ้น

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

การทำซ้ำและบล็อกที่แชร์จะทำให้การจัดการเนื้อหามีประสิทธิภาพมากขึ้น

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

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

บอกเราว่าคุณใช้บล็อกที่ซ้ำกันและแบ่งปันได้อย่างไร!