วิธีแทรกวิดีโอคลิป YouTube เป็นคุณสมบัติแบบเต็มหน้าจอใน WordPress

เผยแพร่แล้ว: 2023-06-10


คุณกำลังมองหาวิธีรวมคลิปวิดีโอ YouTube เป็นพื้นหลังแบบเต็มหน้าจอใน WordPress หรือไม่?

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

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

How to add YouTube video as fullscreen background in WordPress

เหตุใดจึงต้องใช้วิดีโอ YouTube เป็นบันทึกการติดตามแบบเต็มหน้าจอ

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

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

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

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

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

วิธีรวมวิดีโอออนไลน์ YouTube เป็นบันทึกการติดตามแบบเต็มหน้าจอใน WordPress

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

An example of a YouTube video background in WordPress

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

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

ในป๊อปอัปที่ปรากฏ ให้เริ่มพิมพ์ 'Background AWB' เมื่อบล็อกที่เหมาะสมปรากฏขึ้น ให้คลิกเพื่อเพิ่มไปยังเว็บไซต์

How to add a fullscreen video to a WordPress blog post or page

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

เมื่อพิจารณาว่าคุณต้องการแทรกวิดีโอ YouTube ให้คลิกที่แท็บ 'วิดีโอ'

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

จากรายงานที่เหลือ ให้เลือกแท็บ 'YouTube / วิดีโอ'

How to add a YouTube video as a fullscreen background in WordPress

ตอนนี้คุณจะต้องการ URL ของภาพยนตร์ YouTube ที่คุณต้องการใช้บนเว็บไซต์บล็อก WordPress ของคุณ

ในแท็บใหม่ ให้ไปที่วิดีโอคลิปแล้วคัดลอกไฮเปอร์ลิงก์ในแถบที่อยู่

Getting the URL for a YouTube video

เมื่อทำเสร็จแล้ว ให้เปลี่ยนกลับไปใช้แดชบอร์ด WordPress อีกครั้ง แล้ววาง URL ลงในแท็บ 'Video URL'

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

How to customize a YouTube background video in WordPress

ก่อนที่คุณจะเริ่มแนะนำเนื้อหาที่เป็นลายลักษณ์อักษร เป็นกลยุทธ์ที่ยอดเยี่ยมในการกำหนดการตั้งค่าพื้นหลัง

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

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

Showing a YouTube background on mobile devices

บล็อกจะแสดงวิดีโอคลิป YouTube แบบเต็มวนซ้ำเมื่อแกะกล่อง

อีกทางเลือกหนึ่งคือการเข้าร่วมในส่วนต่างๆ ของภาพยนตร์โดยพิมพ์เวลาที่ถูกต้องลงในคอนเทนเนอร์ 'เวลาเริ่มต้น' และ 'เวลาสิ้นสุด'

How to add a YouTube background video to a website

คุณยังสามารถหยุดเล่นวิดีโอแบบวนซ้ำได้ด้วยการปิดสวิตช์ 'วนซ้ำ'

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

เมื่อคุณรวมวิดีโอในตอนแรก วิดีโอจะแสดงที่ความทึบ 100% ดังนั้นดูเหมือนว่าจะดี

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

Changing the opacity settings for a YouTube video

หากคุณทดลองกับความทึบ คุณอาจต้องการตรวจสอบการเพิ่มการซ้อนทับที่มีสี

เพียงคลิกเพื่อเพิ่มส่วน 'สีโอเวอร์เลย์' จากนั้นใช้การกำหนดค่าเพื่อสร้างโอเวอร์เลย์สีต่างๆ

Adding an overlay to a video background

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

หากต้องการพิจารณาผลลัพธ์ของพารัลแลกซ์ที่แตกต่างกัน เพียงคลิกเพื่อขยายส่วน 'พารัลแลกซ์' จากนั้นเลือกตัวเลือกอื่นจากเมนูแบบเลื่อนลง

Adding parallax effects to a WordPress website

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

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

หากต้องการเลือกภาพรวมของการกำหนดค่าเหล่านี้ ให้คลิกเพื่อขยายส่วน 'พารัลแลกซ์ของเมาส์'

Adding mouse parallax effects to a background video

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

ในการเริ่มต้น คลิกที่ไอคอน '+' ตรงกลางบล็อกคุณสมบัติ (AWB)

Adding blocks to a YouTube background video

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

หลังจากกำหนดค่าบล็อกแรกแล้ว ให้คลิกปุ่ม '+' อีกครั้ง จากนั้นใส่บล็อกถัดไปที่คุณต้องการใช้

Adding a RafflePress giveaway block to a video background

เพียงทำซ้ำวิธีนี้เพื่อพัฒนาการวางหรือเค้าโครงหน้าเว็บไซต์

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

An example of a YouTube video background in WordPress

โบนัส: วิธีแทรกฟีดวิดีโอ YouTube ใน WordPress

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

นั่นคือสิ่งที่ Smash Balloon จะเข้ามา

Smash Balloon YouTube Feed Professional เป็นปลั๊กอินแกลเลอรี YouTube ที่ยอดเยี่ยมที่สุดในตลาด มันแสดงคลิปวิดีโอล่าสุดทั้งหมดจากช่อง YouTube ของคุณทันที ดังนั้นผู้คนจึงเห็นเนื้อหาที่ใหม่ที่สุด

Embedding a YouTube playlist using Smash Balloon

เพียงสร้างฟีด YouTube โดยใช้ตัวแก้ไขที่ง่ายดายของ Smash Balloon แล้วแทรกลงในหน้าหรือโพสต์ใดๆ ที่อาจใช้รหัสย่อหรือบล็อกที่ออกแบบพร้อมใช้ของปลั๊กอิน

คุณยังสามารถใช้ Smash Balloon เพื่อฝังเพลย์ลิสต์ YouTube รายการโปรด และสตรีมสดบนเว็บไซต์ WordPress ของคุณ

Creating a YouTube feed using the Smash Balloon social media plugin

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

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

หากคุณชอบบทความนี้ อย่าลืมสมัครรับข้อมูลช่อง YouTube ของเราสำหรับวิดีโอสอนออนไลน์ WordPress คุณสามารถค้นหาเราได้ที่ Twitter และ Fb