3 วิธีง่ายๆ ในการเพิ่มพื้นหลังวิดีโอ WordPress ให้กับเว็บไซต์ของคุณ

เผยแพร่แล้ว: 2021-12-11

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

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

สารบัญ
[แสดงซ่อน]
  1. ทำไมคุณควรเพิ่มพื้นหลังวิดีโอ WordPress ลงในเว็บไซต์ของคุณ?
  2. เคล็ดลับที่เป็นประโยชน์เกี่ยวกับวิธีการเพิ่มพื้นหลังวิดีโอ WordPress ให้กับเว็บไซต์ของคุณ
  3. คุณสามารถหาที่มาของพื้นหลังวิดีโอ WordPress ได้ที่ไหน?
  4. 3 วิธีในการเพิ่มพื้นหลังวิดีโอ WordPress ให้กับเว็บไซต์ของคุณ
    1. ใช้ธีม WordPress ที่รองรับพื้นหลังวิดีโอ
    2. ใช้ตัวสร้างเพจ
      1. Gutenberg
      2. Elementor Page Builder
    3. ใช้ปลั๊กอินพื้นหลังวิดีโอ WordPress
      1. Smart Slider 3
      2. เครื่องเล่นวิดีโอและพื้นหลังวิดีโอแบบเต็มหน้าจอ
      3. ปลั๊กอิน WordPress พื้นหลังรูปภาพและวิดีโอแบบเต็มหน้าจอ
  5. คำพูดสุดท้าย

ทำไมคุณควรเพิ่ม พื้นหลังวิดีโอ WordPress ลงในเว็บไซต์ของคุณ?

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

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

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

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

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

คุณสามารถหาที่มาของ พื้นหลังวิดีโอ WordPress ได้ที่ไหน?

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

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

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

3 วิธีในการเพิ่มพื้นหลังวิดีโอ WordPress ให้กับเว็บไซต์ของคุณ

ใช้ ธีม WordPress ที่รองรับ พื้นหลังวิดีโอ

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

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

หลังจากติดตั้งธีมแล้ว ให้ไปที่หน้าเอกสารประกอบหรือติดต่อฝ่ายสนับสนุนเพื่อทราบวิธีเพิ่มวิดีโอพื้นหลังของ WordPress

ใช้ตัวสร้างเพจ

Gutenberg

ตัวแก้ไขและตัวสร้างเพจเริ่มต้นของ WordPress—Gutenberg—ให้คุณเพิ่มพื้นหลังวิดีโอได้อย่างง่ายดายแล้ว

  1. คลิกเครื่องหมาย ' + ' เพื่อเพิ่มบล็อกใหม่ ค้นหา ' ปก ' จากนั้นคลิกที่บล็อก ปก เพื่อเพิ่ม
wordpress-วิดีโอพื้นหลัง-1
  1. อัปโหลดวิดีโอหรือเพิ่มจาก Media Library หากคุณได้อัปโหลดแล้ว
wordpress-วิดีโอ-พื้นหลัง-2
  1. คลิกที่ข้อความ ' เขียนชื่อ …' เพื่อเพิ่มชื่อ
wordpress-วิดีโอพื้นหลัง-3
  1. ปรับแต่งพื้นหลังวิดีโอ Gutenberg โดยใช้แถบเครื่องมือและแถบด้านข้าง คุณสามารถเพิ่มคลาส CSS เพื่อปรับแต่งเพิ่มเติมได้
wordpress-วิดีโอ-พื้นหลัง-4
wordpress-วิดีโอพื้นหลัง-5
wordpress-วิดีโอ-พื้นหลัง-6

นี่คือความหมายของตัวเลือกในแถบด้านข้าง:

  • โอเวอร์เล ย์ : กำหนดสีที่ปรากฏบนวิดีโอ
  • ความ ทึบของพื้นหลัง : ปรับความโปร่งใส ยิ่งค่าต่ำเท่าไหร่ก็ยิ่งโปร่งใสมากขึ้นเท่านั้น

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

Elementor Page Builder

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

ธีมบางธีมรองรับ Elementor เช่น Woostify ดังนั้นนี่จึงเป็นตัวเลือกที่ดีที่สุดหากธีมของคุณเป็นกรณีนี้ด้วย

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

หลังจากดาวน์โหลดและเปิดใช้งานปลั๊กอิน Elementor Website Builder แล้ว ให้ทำตามคำแนะนำด้านล่างเพื่อเพิ่มพื้นหลังวิดีโอ Elementor ไปยังเว็บไซต์ของคุณ

  1. เปิดโพสต์/หน้าใหม่หรือที่มีอยู่ด้วย Elementor
  2. เพิ่มส่วนจากตัวแก้ไขโดยคลิกปุ่ม '+'
wordpress-วิดีโอพื้นหลัง-7
  1. เลือกความกว้างของส่วนที่ต้องการ ในกรณีนี้ ฉันจะเลือกส่วนความกว้างเต็ม
wordpress-วิดีโอพื้นหลัง-8
  1. แผงด้านซ้ายจะปรากฏขึ้น คุณสามารถเลือกรูปลักษณ์ของส่วนได้จากแท็บเค้าโครง เลือกความกว้างของเนื้อหาที่ทำเครื่องหมายเป็น '1' ในรูปภาพด้านล่าง ฉันจะเลือกมันเป็นกล่อง คุณยังสามารถเลือกตัวเลือกความกว้างเต็มได้
wordpress-วิดีโอพื้นหลัง-9
  1. คลิกแท็บรูปแบบที่มีเครื่องหมาย '2' ในภาพด้านบนเพื่อเพิ่มวิดีโอ ในส่วนพื้นหลัง คุณสามารถเลือกสไตล์พื้นหลังได้สามแบบ ได้แก่ พื้นหลังแบบทึบ การไล่ระดับสี และพื้นหลังวิดีโอ คลิกที่ตัวเลือกพื้นหลังของวิดีโอที่มีเครื่องหมาย '1' ในภาพด้านล่าง
wordpress-video-background-10
  1. คุณยังสามารถใช้เอฟเฟกต์โฮเวอร์และเอฟเฟกต์อนุภาคได้โดยคลิกที่ปุ่มที่มีเครื่องหมาย '2' และ '3' ในรูปภาพด้านบนตามลำดับ
  2. คุณระบุลิงก์ YouTube เป็นวิดีโอพื้นหลังได้ หรือคุณสามารถอัปโหลดวิดีโอ .mp4 โดยใช้ไลบรารีสื่อ จากนั้นพิมพ์ Permalink ของมัน
wordpress-วิดีโอ-พื้นหลัง-11
  1. คุณสามารถระบุเวลาเริ่มต้นและสิ้นสุด และระบุรูปภาพสำรองตามที่มีเครื่องหมาย '2' และ '3' ในรูปภาพด้านบนตามลำดับ
  2. คุณอาจมีปัญหาเรื่องความสูง หากเป็นกรณีนี้ ให้ปรับความสูงต่ำสุดจากแท็บเค้าโครง
wordpress-video-background-12

นั่นแหละ! แม้ว่าวิธีนี้จะซับซ้อนกว่ามาก แต่คุณก็มีการควบคุมและคุณสมบัติขั้นสูงในการปรับวิดีโอพื้นหลังของ Elementor ให้เหมาะกับความต้องการของคุณมากขึ้น

ใช้ ปลั๊กอินพื้นหลังวิดีโอ WordPress

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

ในปัจจุบันนี้ คุณสามารถเลือกปลั๊กอิน WordPress ทั้งแบบฟรีและมีค่าใช้จ่ายได้ ซึ่งมีตัวเลือกในการใช้วิดีโอ YouTube, Vimeo และ MP4 ในพื้นหลัง ในบทความนี้เราจะแสดงเฉพาะรายการเด่นบางรายการเท่านั้น

Smart Slider 3

wordpress-video-background-13

หากคุณกำลังมองหาปลั๊กอินพื้นหลังวิดีโอ WordPress ฟรีที่ดีที่สุด Smart Slider 3 จะเป็นตัวเลือกที่ดีที่สุด

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

ปลั๊กอินรองรับวิดีโอจาก YouTube และ Vimeo นอกจากนี้ยังช่วยให้คุณสามารถอัปโหลดไฟล์ .mp4 และใช้งานได้

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

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

เครื่องเล่นวิดีโอและพื้นหลังวิดีโอแบบเต็มหน้าจอ

wordpress-วิดีโอพื้นหลัง-14

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

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

ปลั๊กอิน WordPress พื้นหลังรูปภาพและวิดีโอแบบเต็มหน้าจอ

wordpress-video-background-15

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

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

คำพูดสุดท้าย

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