วิธีใช้ WordPress Cover Block

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

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

วิธีเพิ่มหน้าปกในโพสต์หรือหน้าของคุณ

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

คุณยังสามารถพิมพ์ /cover แล้วกด Enter หรือเลือกบล็อก

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

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

คุณสามารถเพิ่มหลายบล็อกได้ด้วยการกดปุ่ม Enter เลือกจากบล็อกของคุณตามปกติ

คุณยังสามารถเลือกสีที่เลือกไว้ล่วงหน้าสำหรับพื้นหลังของคุณได้อีกด้วย

สีสามารถใช้เป็นภาพซ้อนทับได้

การตั้งค่าและตัวเลือกการบล็อกปก

Cover Block มีสองส่วนพร้อมการตั้งค่าและตัวเลือก อย่างแรกคือแถบเครื่องมือหน้าปก ประการที่สองคือตัวเลือก Cover Block ในแถบด้านข้างขวา

แถบเครื่องมือ Cover Block

การคลิกที่ใดก็ได้ใน Cover Block จะเปิดแถบเครื่องมือขึ้น

เปลี่ยนประเภทหรือรูปแบบปก

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

ลากหรือย้าย

หยิบเครื่องมือลาก (6 จุด) เพื่อลากบล็อกไปทุกที่ที่คุณต้องการ เครื่องมือย้ายช่วยให้คลิกที่ลูกศรเพื่อย้ายบล็อกขึ้นหรือข้อความภายในเนื้อหา

การจัดตำแหน่ง

ตัวเลือกการจัดแนว ได้แก่ ซ้าย ตรงกลาง ขวา ความกว้างแบบกว้าง และความกว้างเต็ม ซ้ายและขวาห่อบล็อกด้วยย่อหน้าด้านล่าง

นี่คือรูปภาพแบบเต็มความกว้าง สามารถใช้เพื่อสร้างชื่อเรื่อง แบ่งส่วน ฯลฯ

เปลี่ยนตำแหน่งเนื้อหา

การเลือกตำแหน่งเนื้อหา มันเปิดตาราง 3×3 ที่มีจุด การเลือกจุดจะย้ายเนื้อหาไปยังตำแหน่งนั้นภายในรูปภาพ

สลับความสูงเต็ม

ซึ่งจะตั้งค่ารูปภาพให้มีความสูงเต็มที่แทนที่จะปรับขนาด

ใช้ตัวกรอง Duotone

เลือกดูโอโทนจากตัวเลือกที่คุณเลือกไว้ หนึ่งใช้กับเงาและอีกอันใช้กับไฮไลท์

เลือกสีบนแถบเลื่อนเพื่อปรับ

เลือกสีใต้แถบเลื่อนเพื่อเลือกสีที่เลือกไว้ล่วงหน้า

แทนที่

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

ตัวเลือก

ตัวเลือก Cover Block ได้แก่ :

ซ่อนการตั้งค่าเพิ่มเติม – ซ่อน แถบด้านข้างขวา

คัดลอก – คัดลอก Cover Block เพื่อให้คุณสามารถวางได้ทุกที่ภายในหน้าหรือโพสต์ของคุณ

ซ้ำ - สร้างสำเนาของ Cover Block และวางไว้ใต้ต้นฉบับ

แทรกก่อน – เพิ่มช่องว่างเหนือ Cover Block สำหรับบล็อกอื่น

แทรกหลัง – เพิ่มช่องว่างด้านล่าง Cover Block สำหรับบล็อกอื่น

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

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

กลุ่ม – เพิ่มบล็อกในกลุ่มเพื่อให้คุณสามารถปรับเปลี่ยนเป็นหน่วยเดียว

ลบบล็อก - ลบบล็อก

เนื้อหาปกบล็อก

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

เลือกปก

การดำเนินการนี้จะปิดแถบเครื่องมือเนื้อหาและเปิดแถบเครื่องมือ Cover Block

ปรับขนาดบล็อกปก

ปรับขนาดรูปภาพโดยลากวงกลมที่ด้านล่างของรูปภาพ

การตั้งค่าบล็อกปก

การตั้งค่า Cover Block จะอยู่ที่แถบด้านข้างทางขวา คลิกบล็อกหรือเฟืองเพื่อแสดงแถบด้านข้าง หากคุณเลือกบล็อกภายในเนื้อหาของบล็อก การตั้งค่าแถบด้านข้างจะแสดงขึ้น

สไตล์

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

ระยะห่าง

เพิ่มพื้นที่ทุกด้านหรือด้านเฉพาะ เลือกแต่ละด้านแยกกันหรือเชื่อมโยงเข้าด้วยกันเพื่อปรับทั้งหมดพร้อมกัน

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

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

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

นี่คือพื้นหลังที่ทำซ้ำ เหมาะสำหรับสร้างลวดลายที่น่าสนใจด้วยภาพขนาดเล็ก

ขนาด

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

โอเวอร์เลย์

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

คุณยังสามารถเลือกสีที่กำหนดเองได้ ซึ่งจะเปิดเครื่องมือเลือกสีที่คุณสามารถกำหนดสีภายในหน้าต่าง เลือกระดับสีด้วยแถบเลื่อน หรือป้อนรหัสฐานสิบหก, RGB หรือ HSL

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

ขั้นสูง

ขั้นสูงประกอบด้วยสองฟิลด์ อย่างแรกคือตัวเลือกสำหรับจุดยึด HTML นี่เป็นที่อยู่เว็บพิเศษสำหรับ Cover Block เท่านั้น ที่สองคือฟิลด์สำหรับเพิ่มคลาส CSS เพิ่มเติม สิ่งนี้ช่วยให้คุณสร้าง CSS ที่กำหนดเองเพื่อกำหนดสไตล์บล็อกของคุณ สไตล์ที่คุณเลือกจะปรากฏในช่องนี้ด้วย

เคล็ดลับและแนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ Cover Block อย่างมีประสิทธิภาพ

สำหรับรูปภาพ ให้ใช้การตั้งค่าสื่อในแถบด้านข้างเพื่อแสดงส่วนของรูปภาพที่คุณต้องการแสดง

ใช้รูปภาพขนาดใหญ่ที่มีตัวเลือกเต็มความกว้างเพื่อสร้างชื่อส่วน

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

ใช้สีซ้อนทับและข้อความที่อ่านง่ายบนรูปภาพพื้นหลังหรือสี

เปลี่ยนบล็อกเป็นกลุ่มหากคุณต้องการควบคุมสีเส้นขอบ

ใช้ตัวเลือกการจัดตำแหน่งเพื่อตั้งค่า Cover Block ในเนื้อหาของคุณหรือแยกส่วนออกจากกัน

ตั้งค่าการวางตำแหน่งเนื้อหาเพื่อสร้างภาพที่น่าสนใจและนำความสนใจของผู้อ่าน

ใช้พื้นหลังคงที่เพื่อสร้างเอฟเฟกต์พารัลแลกซ์

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

คำถามที่พบบ่อยเกี่ยวกับ Cover Block

บล็อคหน้าปกคืออะไร?

นี่คือบล็อกที่ให้คุณเพิ่มสื่อหรือสีให้กับพื้นหลังและบล็อกอื่นๆ ที่พื้นหน้า

อะไรทำให้แตกต่างจากบล็อกอื่น ๆ ?

มันสามารถมีบล็อกอื่น ๆ คุณสามารถเพิ่มบล็อคอื่น ๆ ให้กับเบื้องหน้าได้ มันสร้างพารัลแลกซ์ ลวดลาย ฯลฯ

แปลงร่างเป็นบล๊อกอื่นได้มั้ยคะ?

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

ใช้ทำอะไรได้บ้าง?

คุณสามารถใช้ Cover Block เพื่อสร้างพื้นหลังพร้อมคำกระตุ้นการตัดสินใจ ใช้เพื่อสร้างชื่อเหนือส่วน สร้างโปสเตอร์ ส่วนฮีโร่ หรืออะไรก็ได้ที่คุณต้องการให้มีรูปภาพหรือวิดีโอในพื้นหลัง

บทสรุป

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

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

ภาพเด่นผ่าน fourSage / shutterstock.com