คำแนะนำทีละขั้นตอนสำหรับ Gutenberg Builder สำหรับ WordPress

คำแนะนำทีละขั้นตอนสำหรับ Gutenberg Builder สำหรับ WordPress

ฉันคิดว่าคุณจะเห็นด้วยเมื่อพูดว่า: ธุรกิจของกูเทนเบิร์กทั้งหมดนี้ทำให้เกิดความสับสน.


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

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

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

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

Gutenberg Editor คืออะไร?

wordpress gutenberg บรรณาธิการ

คุณกำลังดู Gutenberg เครื่องมือแก้ไขบล็อกเริ่มต้นของ WordPress

หากคุณใช้ WordPress 5.0 ขึ้นไปคุณจะต้องเจอกับเครื่องมือแก้ไข WordPress ใหม่ที่เป็นที่รู้จักกันในนาม Gutenberg.

และเช่นเดียวกับผู้ใช้อื่น ๆ คุณต้องการใช้เครื่องมือแก้ไขการปฏิวัติ แต่คุณลังเลเพราะ Gutenberg ซับซ้อน.

หรือบางทีเมื่อคุณพบ Gutenberg เป็นครั้งแรกสิ่งต่าง ๆ ไม่ทำงาน ท้ายที่สุดนักพัฒนาและยังคงทำธีมและปลั๊กอินเข้ากันได้กับเครื่องมือแก้ไขบล็อก.

ดังนั้นคุณเปลี่ยนกลับเป็น ตัวแก้ไขแบบคลาสสิก, ซึ่ง BTW ไม่เป็นไรกับเรา เพียงจำไว้ว่า WordPress จะไม่สนับสนุน Classic Editor หลังจากปี 2022 นอกจากนี้คุณจะพลาดทุกสิ่งที่ Gutenberg เสนอให้.

ในแง่ของการใช้งาน Classic Editor และ Gutenberg ทำสิ่งเดียวกัน คุณรู้ว่าเครื่องมือทั้งสองช่วยคุณสร้างเนื้อหาโดยไม่ต้องเข้ารหัส.

อย่างไรก็ตามเราเคยชินกับโปรแกรมแก้ไขแบบ WYSIWYG แบบเก่าที่เราพบว่าการปรับตัวเข้ากับ Gutenberg UI ใหม่เป็นเรื่องแปลกใหม่หากไม่สับสนอย่างเต็มที่ อย่างน้อยนั่นคือสิ่งที่ฉันคิด.

แต่กูเทนแบร์กคืออะไรกันแน่?

Gutenberg เป็นตัวแก้ไข WordPress เริ่มต้นใหม่ ไม่เหมือนโปรแกรมแก้ไขข้อความ / ภาพแบบดั้งเดิม Gutenberg ใช้บล็อคเนื้อหาเหมือนกับผู้สร้างหน้าสมัยใหม่หลายคน.

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

และด้วยส่วนเสริมสองอย่าง Gutenberg สามารถแข่งขันกับผู้สร้างหน้า WordPress ที่ได้รับการยอมรับเช่น Brizy, Elementor และ Divi.

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

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

คุณพร้อมไหม? ถ้าอย่างนั้นให้สร้างโพสต์ WordPress ที่.

วิธีการสร้างโพสต์ WordPress ด้วย Gutenberg

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

ออกไปให้พ้นนำทางไป โพสต์> เพิ่มใหม่ ในขณะที่เราเน้นในภาพหน้าจอด้านล่าง.

สร้างโพสต์ใหม่ในกูเทนแบร์ก

การทำเช่นนี้จะนำคุณไปสู่บรรณาธิการ Gutenberg ที่แสดงด้านล่าง.

wordpress gutenberg บรรณาธิการ

ค่อนข้างเรียบร้อยใช่มั้ย ตอนนี้ให้เราพับแขนเสื้อเหล่านั้นและลงมือทำธุรกิจ.

เพิ่มชื่อเรื่อง

การเพิ่มชื่อใหม่ในกูเทนแบร์ก

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

บล็อกแรกที่คุณเห็นคือ หัวข้อ ที่ด้านบนของเอกสารตามที่เราให้รายละเอียดในภาพด้านบน หากต้องการสร้างชื่อสำหรับโพสต์ของคุณให้พิมพ์ภายในบล็อก ง่ายเหมือน A, B, C.

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

แก้ไขลิงก์โพสต์ในกูเทนแบร์ก

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

การเพิ่มย่อหน้าใหม่

บล็อกย่อหน้าใหม่ในกูเทนแบร์ก

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

ตัวเลือกบล็อกย่อหน้าใหม่ gutenberg

หมายเหตุ คุณสามารถ:

  1. แปลงบล็อคย่อหน้าใหม่เป็นบล็อกอื่น ๆ เช่นรูปภาพหัวเรื่องหน้าปกแกลเลอรี่ WooCommerce ฟอร์มเป็นต้น.
  2. ใช้ทางลัดเพื่อเปลี่ยนบล็อคย่อหน้าเป็นบล็อกรูปภาพ
  3. เปลี่ยนบล็อกย่อหน้าเป็นบล็อกส่วนหัวเช่น H2, H3 และ H4
  4. แปลงบล็อกย่อหน้าเป็นบล็อกภาพปก

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

แถบเครื่องมือการจัดรูปแบบย่อหน้า gutenberg

ขอบคุณแถบเครื่องมือการจัดรูปแบบคุณสามารถ:

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

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

ตัวเลือกแถบด้านข้าง gutenberg สำหรับบล็อกย่อหน้า

หมายเหตุเล็กน้อยเกี่ยวกับภาพด้านบน:

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

แท็บเอกสารในแถบด้านข้าง

มีอีกแท็บหนึ่งในเมนูแถบด้านข้าง เอกสาร แท็บที่แสดงด้านล่าง.

แท็บเอกสารแถบด้านข้างบล็อกย่อหน้า

ที่นี่หมายเหตุสำหรับภาพด้านบน:

  1. คลิกที่นี่เพื่อสลับไปที่ เอกสาร แถบ
  2. ที่นี่คุณสามารถกำหนดเวลาโพสต์ตั้งค่าการแสดงผลเป็นทั้ง เอกชน หรือ สาธารณะ, ตั้งโพสต์เป็น รอการตรวจสอบ สถานะเลือกรูปแบบการโพสต์และสร้างโพสต์เหนียว
  3. ส่วนช่วยให้คุณสามารถแก้ไข Permalink ของคุณ
  4. คุณสามารถเลือกหรือสร้างหมวดหมู่ใหม่ได้ที่นี่
  5. เพิ่มแท็กในโพสต์ของคุณ
  6. กำหนดภาพเด่น
  7. สร้างข้อความที่ตัดตอนมาด้วยตนเอง
  8. อนุญาตความคิดเห็น pingbacks และ trackbacks

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

หลังจากย่อหน้าแรกให้กดปุ่ม ENTER กดปุ่มอีกครั้งเพื่อสร้างบรรทัดใหม่ (หรือบล็อกย่อหน้า) ตอนนี้ให้เราเพิ่มรูปภาพด้านล่างย่อหน้าแรก.

การเพิ่มรูปภาพในกูเทนแบร์ก

เพิ่มภาพใหม่ในกูเทนแบร์ก

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

เมื่อคุณกดปุ่ม ENTER คีย์สักครู่ก่อนหน้านี้คุณเรียกบล็อกย่อหน้าใหม่ การดูว่า Gutenberg นั้นใช้งานง่ายคุณสามารถเพิ่มภาพได้โดยคลิกที่เครื่องหมายบวก (+) รูปภาพหรือปกไอคอนเมื่อเราเน้นในภาพด้านล่าง.

การเพิ่มภาพใหม่ในโปรแกรมแก้ไขกูเทนแบร์ก

หมายเหตุสองประการ:

  1. คุณสามารถเพิ่มภาพผ่านไอคอนเครื่องหมายบวก (+)
  2. ที่นี่คุณสามารถเพิ่มภาพได้อย่างง่ายดาย
  3. ตัวเลือกนี้ช่วยให้คุณเพิ่ม ปก รูปภาพ (โดยทั่วไปมักจะใหญ่กว่าภาพถ่ายอื่น ๆ นอกจากนี้คุณสามารถเพิ่มข้อความบนภาพหน้าปก BTW)

ไปข้างหน้าและคลิกที่ไอคอนเครื่องหมายบวก (+) ใด ๆ จากนั้นคลิกที่ ภาพ แท็บดังที่แสดงด้านล่าง.

เพิ่มภาพในกูเทนแบร์ก

คลิกที่ ภาพ แท็บโหลด ภาพ บล็อกแสดงในภาพหน้าจอด้านล่าง.

บล็อกภาพ gutenberg

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

การตั้งค่าสื่อปกติ …

การตั้งค่าสื่อ wordpress

…และ ภาพ การตั้งค่าบล็อก.

การตั้งค่าบล็อกรูปภาพ gutenberg

คุณเรียนรู้บางสิ่งที่นี่วันนี้? ฉันหวังว่าอย่างนั้น ไปกันเถอะ.

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

วิธีเพิ่มไฟล์ที่สามารถดาวน์โหลดได้เช่น PDF, รูปภาพ, วิดีโอ, ฯลฯ

Gutenberg ทำให้การเพิ่มไฟล์ที่ดาวน์โหลดไปยัง WordPress หรือหน้าของคุณเป็นเรื่องง่าย.

ในรูปแบบใหม่ ย่อหน้า บล็อกคลิกไอคอนเครื่องหมายบวก (+) นำทางไป บล็อกทั่วไป และกดปุ่ม ไฟล์ แท็บในขณะที่เราเน้นด้านล่าง.

การเพิ่มไฟล์ที่สามารถดาวน์โหลดได้ในกูเทนแบร์ก

การทำเช่นนั้นจะเป็นการเปิดบล็อกต่อไปนี้:

บล็อกไฟล์ gutenberg

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

เพิ่มไฟล์ในกูเทนแบร์ก

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

เพิ่มใบเสนอราคาในกูเทนแบร์ก

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

เพิ่มคำพูดในกูเทนแบร์ก

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

การตั้งค่าบล็อกคำพูด gutenberg

สังเกตเห็นการตั้งค่าบล็อกคำพูดในแถบด้านข้างขวาด้านบน?

หากต้องการเพิ่มคำพูดของคุณพิมพ์ในบล็อก นี่คือผลลัพธ์ของฉัน.

อ้าง gutenberg

ดูไม่น่าเชื่อใช่ไหม?

การเพิ่มสื่อฝังใน Gutenberg

Gutenberg มาพร้อมกับบล็อกจำนวนมากเพื่อฝังวิดีโอและสื่ออื่น ๆ จากกว่า 30 เว็บไซต์เช่น YouTube, Vimeo, Facebook, SoundCloud, WordPress, Slideshare และอื่น ๆ.

หากต้องการฝังเนื้อหาให้คลิกไอคอนเครื่องหมายบวก (+) นำทางไป ฝัง, และเลือกเว็บไซต์ ตัวอย่างเช่นฉันต้องการ YouTube ดังที่แสดงด้านล่าง.

gutenberg youtube ฝัง

จากนั้นคัดลอก URL วิดีโอของ YouTube แล้วคลิก ฝัง ปุ่มดังแสดงในภาพด้านล่าง.

gutenberg youtube ฝังบล็อก

ทันทีที่คุณกดปุ่ม ฝัง ปุ่ม Gutenberg แปลงลิงก์เป็นวิดีโอโดยอัตโนมัติเมื่อเราไฮไลต์ด้านล่าง.

วิดีโอ YouTube แบบฝังในกูเทนแบร์ก

แล่นเรือใบเรียบตลอดทาง ตอนนี้ให้เราเพิ่มปุ่มแบบสแตนด์อโลนที่เหมาะสำหรับการสร้างคำกระตุ้นการตัดสินใจ (CTA).

วิธีเพิ่มปุ่มในกูเทนแบร์ก

คุณไม่ควรเพิ่มบล็อกในเวลานี้ เพียงคลิกเครื่องหมายบวก (+) แล้วเลือกบล็อกของคุณ ไม่สามารถทำได้ง่ายกว่านี้อีกแล้ว.

ดังนั้นเราจะเพิ่มปุ่มอย่างไร?

ในบรรทัดใหม่ (หรือบล็อก) คลิกไอคอนเครื่องหมายบวก (+) นำทางไป องค์ประกอบเค้าโครง และคลิก ปุ่ม แท็บที่แสดงด้านล่าง.

เพิ่มปุ่มในตัวแก้ไขกูเทนแบร์ก

การทำเช่นนั้นจะนำคุณไปสู่ ปุ่ม บล็อกตามที่เรามีรายละเอียดด้านล่าง.

เพิ่มปุ่มในตัวแก้ไขกูเทนแบร์ก

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

หลังจากคลิกไม่กี่ครั้งนี่คือสิ่งที่ฉันได้รับ.

ตัวอย่างปุ่ม gutenberg

อย่างไรก็ตามถ้าคุณใช้การผสมสีที่อ่านยากบนปุ่มของคุณ, กูเทนเบิร์กจะแจ้งให้คุณทราบทันที. ดีแค่ไหน?

วิธีเพิ่มคอลัมน์ในกูเทนแบร์ก

ด้วยปุ่มที่สวยงามให้เพิ่มบางคอลัมน์ ฉันจะเพิ่มสองคอลัมน์ดังนั้นให้ติดตามอย่างระมัดระวัง.

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

แท็บ gutenberg แก้ไขคอลัมน์

Gutenberg เพิ่มสองคอลัมน์โดยค่าเริ่มต้น ดูภาพด้านล่างและจำไว้ว่าฉันได้เพิ่มเนื้อหาลงในคอลัมน์แล้ว.

คอลัมน์กูเทนเบิร์กในเครื่องมือแก้ไข WordPress

สิ่งที่ทำให้ฉัน:

ส่วนหน้าของคอลัมน์กูเทนเบิร์ก

ไม่เลวสำหรับการทำงานไม่กี่วินาที แต่บางทีคุณไม่ต้องการสร้างคอลัมน์ บางทีคุณอาจต้องการแสดงภาพถัดจากข้อความ.

มีบล็อกสำหรับสิ่งนั้นหรือไม่? ใช่แล้ว!

วิธีเพิ่มรูปภาพถัดจากข้อความในกูเทนแบร์ก

คุณต้องการเพิ่มภาพถัดจากข้อความหรือไม่? ถ้าเป็นเช่นนั้นคุณจะรักส่วนต่อไปนี้.

ตามปกติให้คลิกที่ไอคอนเครื่องหมายบวก (+) นำทางไป องค์ประกอบเค้าโครง และคลิก สื่อและข้อความ ดังแสดงด้านล่าง.

สื่อและข้อความกูเทนเบิร์กบล็อก

คุณควรเห็น สื่อและข้อความ บล็อกที่แสดงด้านล่าง.

สื่อและบล็อกข้อความในกูเทนแบร์ก

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

ฉันเล่นรอบกับ สื่อและข้อความ บล็อกและฉันมาด้วยต่อไปนี้ ใจคุณ; ฉันกดปุ่มที่นั่นได้เช่นกัน too

สื่อและบล็อกข้อความในการดำเนินการเต็มรูปแบบ

โอ้นั่นคือส่วนหลัง! ผมขอแสดงส่วนหน้าให้คุณดู ที่นี่:

บล็อกข้อความสื่อในกูเทนแบร์ก

ดูเป็นมืออาชีพมากใช่มั้ย คุณสามารถจินตนาการถึงความสำเร็จที่คุณจะได้รับจาก Gutenberg editor.

บล็อก Gutenberg บุคคลที่สาม

นักพัฒนา WordPress มีความกระตือรือร้นในการสร้างธีมและปลั๊กอินที่เข้ากันได้กับโปรแกรมแก้ไข Gutenberg ตัวอย่างเล็ก ๆ น้อย ๆ ได้แก่ WooCommerce, Jetpack และ Yoast SEO.

ตัวอย่างเช่นคุณสามารถเพิ่มบล็อก WooCommerce ลงในโพสต์ WordPress ของคุณ ประการแรกคุณต้องติดตั้งและเปิดใช้งาน WooCommerce.

ถัดไปในบรรทัดใหม่ให้คลิกไอคอนเครื่องหมายบวก (+) นำทางไป WooCommerce และเลือกบล็อกที่คุณต้องการตามที่แสดงด้านล่าง.

wooCommerce บล็อก gutenberg

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

บล็อกเด่นอื่น ๆ

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

นี่คือรายการของบล็อกที่มีอยู่อื่น ๆ.

  • วิดเจ็ต – คุณสามารถเพิ่มเนื้อหาจากวิดเจ็ตของคุณไปยังโพสต์บล็อก
  • ย่อ – คุณยังสามารถใช้รหัสย่อพื้นฐาน
  • คลาสสิก – บล็อกที่ยอดเยี่ยมที่เก็บเนื้อหาเก่าของคุณ
  • มากกว่า – บล็อกเคยเป็นที่รู้จักกันในนาม อ่านเพิ่มเติม แท็ก
  • ตัวแบ่งหน้าตัวคั่นตัวเว้นวรรค
  • HTML ที่กำหนดเอง, Pullquote, Table
  • เฉลียง และ เสียง / วิดีโอ HTML5
  • และอีกมากมายขึ้นอยู่กับธีมและปลั๊กอินที่คุณใช้

นอกเหนือ: การสร้างหน้า WordPress คล้ายกับการสร้างโพสต์บันทึกสำหรับความแตกต่างไม่กี่นาทีดังนั้นเราจะไม่เจาะลึกในวันนี้.

Quick Gutenberg Hacks & แป้นพิมพ์ลัด

Gutenberg มาพร้อมกับแฮ็กและแป้นพิมพ์ลัดที่ทำให้ง่ายยิ่งขึ้น ตัวอย่างเช่นหากคุณพิมพ์“ /” ภายในบล็อกย่อหน้ามันจะแสดงรายการบล็อก.

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

ทางลัด gutenberg ฟันเฟือง

แป้นพิมพ์ลัด: ในการดูปุมลัดที่มีทั้งหมดกด SHIFT + ALT + H ใน Windows และ OPT + CTRL + H ใน Mac.

ที่ด้านบนของเอกสารคุณสามารถดูโครงสร้างเอกสารได้โดยคลิกที่ไอคอน (i) ดังที่แสดงด้านล่าง.

โครงสร้างเอกสารกูเทนแบร์ก

ดี เรียบเนียนเป็นพิเศษ.

โอ้และมักจะเกิดข้อผิดพลาด“ การอัปเดตล้มเหลว” เนื่องจากการเชื่อมต่ออินเทอร์เน็ตสั่นคลอน��


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

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

เราหวังว่าคู่มือแบบเป็นขั้นเป็นตอนในการแก้ไข Gutenberg ช่วยให้คุณเข้าใจในสิ่งต่าง ๆ เราเชื่อว่าตอนนี้คุณสามารถใช้เครื่องมือแก้ไขบล็อกเพื่อสร้างเนื้อหาอย่างมืออาชีพ.

โปรดแบ่งปันความกังวลความคิดและคำถามของคุณในส่วนความคิดเห็นด้านล่าง.

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