คู่มือสำหรับผู้เริ่มต้นใช้งาน: วิธีใช้รูปแบบบล็อกของ WordPress

เผยแพร่แล้ว: 2022-05-03

คุณต้องการเรียนรู้วิธีใช้รูปแบบบล็อกของ WordPress บนเว็บไซต์ของคุณหรือไม่?

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

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

Using block patterns in WordPress

ต่อไปนี้คือหัวข้อที่เราจะกล่าวถึงในคู่มือนี้

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

รูปแบบบล็อกของ WordPress คืออะไร?

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

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

WordPress block editor

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

รูปแบบบล็อกเป็นวิธีแก้ปัญหาที่ง่ายสำหรับปัญหานั้น WordPress มาพร้อมกับรูปแบบบล็อกที่มีประโยชน์มากมายตามค่าเริ่มต้น

Block patterns in WordPress

ธีม WordPress ยอดนิยมยังมีรูปแบบของตัวเองซึ่งคุณสามารถใช้เมื่อเขียนเนื้อหา

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

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

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

วิธีใช้รูปแบบบล็อกใน WordPress

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

ในการใช้รูปแบบบล็อก คุณต้องแก้ไขบทความหรือหน้า WordPress ที่คุณต้องการใช้รูปแบบบล็อก

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

Add block pattern

คุณสามารถเลื่อนลงเพื่อดูรูปแบบบล็อกที่มี

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

Sort block patterns by category

หรือคุณสามารถคลิกที่ปุ่มสำรวจเพื่อดูรูปแบบการบล็อก

คุณสามารถดูตัวอย่างขนาดใหญ่ขึ้นในป๊อปอัปได้ที่นี่

Block patterns preview

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

Edit block pattern

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

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

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

Remove cover block

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

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

ค้นหารูปแบบการบล็อกเพิ่มเติมเพื่อใช้บนเว็บไซต์ของคุณ

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

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

เพียงไปที่เว็บไซต์ WordPress Patterns Directory เพื่อดูรูปแบบบล็อกอื่นๆ อีกมากมาย

Block pattern directory

ที่นี่คุณจะพบกับรูปแบบบล็อกอีกมากมายที่ส่งโดยชุมชน WordPress

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

Copy block pattern

ถัดไป คุณต้องกลับไปที่บล็อก WordPress และแก้ไขโพสต์หรือหน้าที่คุณต้องการแทรกรูปแบบบล็อกนี้

บนหน้าจอแก้ไขโพสต์ เพียงคลิกขวาแล้วเลือกวางในเมนูเบราว์เซอร์หรือกด CTRL+V (Command + V บน Mac)

Paste block pattern

วิธีสร้างและแบ่งปันรูปแบบบล็อกของคุณเอง

ต้องการสร้างและแบ่งปันรูปแบบบล็อก WordPress ของคุณเองและแชร์กับคนทั่วโลกหรือไม่?

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

เพียงเข้าไปที่เว็บไซต์ WordPress Pattern Directory และคลิกที่ลิงก์ 'สร้างรูปแบบใหม่'

Create block pattern

หมายเหตุ: คุณจะต้องลงชื่อเข้าใช้หรือสร้างบัญชี WordPress.org ฟรีเพื่อบันทึกรูปแบบของคุณ

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

Block pattern creator

เพียงเพิ่มบล็อกเพื่อสร้างเค้าโครงรูปแบบของคุณ

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

Editing block pattern layout

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

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

ก่อนที่คุณจะส่งรูปแบบการบล็อกสำหรับไดเรกทอรีรูปแบบ โปรดตรวจสอบว่าคุณได้อ่านหลักเกณฑ์ไดเรกทอรีรูปแบบบล็อกแล้ว

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

Your patterns

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

การสร้างรูปแบบบล็อก WordPress ด้วยตนเอง

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

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

Switch to the code editor

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

Copy raw code blocks

จากนั้นเปิดโปรแกรมแก้ไขข้อความธรรมดาเช่น Notepad แล้ววางโค้ดนั้นลงไป คุณจะต้องใช้มันในขั้นตอนต่อไป

ตอนนี้คุณพร้อมที่จะลงทะเบียนบล็อกของคุณเป็นรูปแบบแล้ว

ในการทำเช่นนั้น เพียงคัดลอกและวางโค้ดต่อไปนี้ลงในไฟล์ functions.php ของธีมของคุณหรือปลั๊กอินเฉพาะไซต์

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

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

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

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

Add custom block pattern to your post

ลบรูปแบบบล็อกใน WordPress

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

สิ่งที่คุณต้องทำคือคัดลอกและวางโค้ดต่อไปนี้ลงในไฟล์ functions.php ของธีมของคุณหรือปลั๊กอินเฉพาะไซต์

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

ในตัวอย่างนี้ 'my-plugin/my-awesome-pattern' คือชื่อของรูปแบบที่เราใช้เมื่อลงทะเบียน

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

ลบ Core WordPress Patterns

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

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

หากต้องการลบรูปแบบ WordPress หลักทั้งหมด คุณต้องเพิ่มโค้ดต่อไปนี้ในไฟล์ฟังก์ชันของธีมหรือปลั๊กอินเฉพาะไซต์

remove_theme_support( 'core-block-patterns' );

บล็อกที่นำกลับมาใช้ใหม่ได้และรูปแบบบล็อกต่างกันอย่างไร

รูปแบบบล็อกและบล็อกที่นำกลับมาใช้ใหม่ได้ต่างก็ตั้งใจที่จะแก้ปัญหาที่คล้ายคลึงกัน: ให้ตัวเลือกแก่ผู้ใช้ในการเพิ่มบล็อกที่ใช้กันทั่วไปอย่างง่ายดาย

อย่างไรก็ตามพวกเขาค่อนข้างแตกต่างกัน

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

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

Reusable block in WordPress

สำหรับรายละเอียดเพิ่มเติม โปรดดูบทแนะนำเกี่ยวกับวิธีใช้บล็อกที่นำกลับมาใช้ใหม่ได้บน WordPress

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

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

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

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลจากบทแนะนำวิดีโอ YouTube Channel สำหรับ WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook