ภาพรวมและบทช่วยสอน Kadence Blocks 3.0

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

ในบล็อกโพสต์นี้ ฉันจะแนะนำคุณเกี่ยวกับคุณลักษณะใหม่และการปรับปรุงใน Kadence Blocks 3.0 และสาธิตวิธีใช้คุณลักษณะเหล่านี้เพื่อสร้างเพจและโพสต์ที่น่าทึ่ง

มีอะไรใหม่ใน Kadence Blocks 3.0?

Kadence Blocks 3.0 เป็นการอัปเดตครั้งใหญ่ที่นำคุณลักษณะใหม่ ๆ และการปรับปรุงมาสู่ปลั๊กอิน

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

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

นี่คือไฮไลท์บางส่วน:

1. ห้องสมุดบล็อกใหม่

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

2. แผงการตั้งค่าส่วนกลาง

Kadence 3.0 มีแผงการตั้งค่าส่วนกลางใหม่ที่ให้คุณควบคุมสไตล์และการตั้งค่าเริ่มต้นสำหรับบล็อคทั้งหมดของคุณ คุณยังสามารถแทนที่การตั้งค่าส่วนกลางสำหรับแต่ละบล็อกหรือส่วนต่างๆ

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

ตอนนี้ หลังจากที่คุณตั้งค่าบล็อกแล้ว คุณเพียงแค่ไปที่แท็บ “AAdvanced” เปิดส่วน “Block Defaults” แล้วคลิก “Save as default.”

3. การพิมพ์

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

4. ระบบจานสีใหม่

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

คุณสามารถเข้าถึงสีส่วนกลางของ Kadence ได้ในแดชบอร์ดผู้ดูแลระบบของไซต์ ’ โดยไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > สี & แบบอักษร > สี

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

5. ห้องสมุดไอคอน

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

ใน Kadence Blocks 3.0 คุณสามารถเลือกไอคอนได้โดยไม่ต้องออกจากหน้าตัวเลือกไอคอน
ก่อน Kadence Blocks 3.0 ในการเลือกไอคอน คุณต้องเปลี่ยนจากหน้าหนึ่งไปยังอีกหน้าหนึ่งในเครื่องมือเลือกไอคอน

ใน Kadence Blocks 3.0 นั้นแตกต่างออกไป และตอนนี้คุณสามารถดูไอคอนทั้งหมดได้ด้วยการเลื่อน

6. พื้นหลังไล่ระดับสีใหม่

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

การปรับปรุงครั้งต่อไปใน Kadence Blocks 3.0 คือ UI ใหม่ของการตั้งค่าการไล่ระดับสี อินเทอร์เฟซใหม่ดูเหมือนเครื่องมือเลือกการไล่ระดับสีในเครื่องมือเลือก WordPress

• การไล่ระดับสีก่อน Kadence 3.0

• การไล่ระดับสีหลังจาก Kadence 3.0

7. ตัวแบ่งรูปร่าง

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

8. บล็อกคอนเทนเนอร์ใหม่

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

9. บล็อกหัวเรื่องขั้นสูง

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

10. บล็อกปุ่มขั้นสูง

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

11. บล็อกแท็บ

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

12. บล็อกหีบเพลง

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

13. บล็อกข้อความรับรอง

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

ขั้นตอนแรกในการใช้บล็อกข้อความรับรองคือการเลือกในตัวแก้ไขบล็อกของคุณ:

หลังจากเลือกบล็อกข้อความรับรองแล้ว คุณสามารถเลือกเลย์เอาต์ของข้อความรับรองได้

14. กล่องข้อมูล

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

วิธีใช้ Kadence Blocks 3.0?

หากต้องการใช้ Kadence Blocks 3.0 คุณต้องติดตั้ง WordPress 5.0 หรือสูงกว่าบนไซต์ของคุณ คุณต้องเปิดใช้งานตัวแก้ไข Gutenberg หากคุณใช้ปลั๊กอินตัวแก้ไขแบบคลาสสิก

ในการติดตั้ง Kadence Blocks 3.0 บนไซต์ของคุณ:

• ไปที่ ปลั๊กอิน > เพิ่มใหม่ ในแดชบอร์ด WordPress ของคุณ

• ค้นหา Kadence Blocks ในช่องค้นหา

• คลิกที่ ติดตั้งทันที แล้ว เปิดใช้งาน

• ไปที่การตั้งค่า Kadence Blocks > ในแดชบอร์ด WordPress ของคุณเพื่อกำหนดค่าตัวเลือกปลั๊กอิน

หากต้องการใช้ Kadence Blocks 3.0 บนเพจและหรือโพสต์ของคุณ:

• ไปที่ หน้า > เพิ่มใหม่ หรือ โพสต์ > เพิ่มใหม่ ในแดชบอร์ด WordPress ของคุณ

• คลิกที่ไอคอนเครื่องหมายบวก (+) ที่มุมซ้ายบนของตัวแก้ไขเพื่อเปิดแผงตัวแทรกบล็อก

• เรียกดูหรือค้นหาหมวดหมู่ Kadence Blocks แล้วเลือกบล็อกที่คุณต้องการแทรก

ปรับแต่งการตั้งค่าบล็อกและเนื้อหาโดยใช้ตัวเลือกแถบเครื่องมือบล็อกและแถบด้านข้าง

ทำซ้ำขั้นตอนที่ 2-4 สำหรับบล็อกอื่นๆ ที่คุณต้องการเพิ่ม

บทสรุป

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

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Kadence Blocks 3.0 หรือดูตัวอย่างจริงของสิ่งที่คุณสร้างได้ด้วย Kadence Blocks 3.0 โปรดดูเว็บไซต์อย่างเป็นทางการที่ https