สร้าง Brizy Builder/Cloud + Swarmify สำหรับ WordPress Video Hosting ให้สมบูรณ์

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

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

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

ขอขอบคุณเครื่องมือต่างๆ เช่น Brizy WordPress Page Builder และ Brizy Cloud น้องสาวที่โฮสต์บนคลาวด์ บริษัทเดียวกันนำเสนอโซลูชั่นทั้งสองแบบ

Brizy WordPress Page Builder มาในรูปแบบของปลั๊กอินที่คุณติดตั้งบนเว็บไซต์ WordPress ของคุณ คุณรู้ไหม บางอย่างเช่น Elementor และ Divi เป็นต้น

ในทางกลับกัน Brizy Cloud มาในรูปแบบของเครื่องมือสร้างเว็บไซต์ออนไลน์ เช่น Webflow, Wix และ Weebly เป็นต้น

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

โดยพื้นฐานแล้วเป็นผลิตภัณฑ์เดียวกัน ข้อแตกต่างที่สำคัญเพียงอย่างเดียวคืออันหนึ่งเป็นปลั๊กอิน WordPress และอีกอันเป็นบริการที่โฮสต์บนคลาวด์

รับไหม

ข่าวดีก็คือคุณสามารถผสานรวม Swarmify กับ Brizy Cloud หรือเว็บไซต์ WordPress ที่สร้างโดยใช้ตัวสร้างเพจ Brizy ได้อย่างง่ายดาย

และในโพสต์ของวันนี้ เราจะแสดงให้คุณเห็นว่าเป็นอย่างไร!

เพื่อไม่ให้เป็นการเสียเวลา เรามาเริ่มกันเลยดีกว่า เพราะมีอะไรให้เรียนรู้อีกมาก :)

Brizy Builder/Cloud คืออะไร?

อย่างแรกเลย Brizy คืออะไร? Brizy เป็นเครื่องมือสร้างเว็บไซต์ที่ใช้งานง่ายอย่างน่าทึ่ง ซึ่งมาในสองรสชาติ: ปลั๊กอิน WordPress และเวอร์ชันที่โฮสต์บนคลาวด์

ปลั๊กอิน Brizy WordPress เหมาะสำหรับผู้ที่มีเว็บไซต์ WordPress Brizy Cloud นั้นสมบูรณ์แบบสำหรับผู้เริ่มต้นที่ต้องการสร้างเว็บไซต์ที่มีทักษะการเขียนโค้ดเป็นศูนย์

ทั้งปลั๊กอิน Brizy และ Brizy Cloud เสนอตัวแก้ไขแบบลากแล้ววางที่ช่วยให้คุณสร้างเว็บไซต์ได้อย่างชัดเจน

Brizy สร้างขึ้นโดย Themefuse ผู้พัฒนาธีม WordPress ที่ได้รับรางวัล เพื่อช่วยคุณสร้างเว็บไซต์ที่น่าทึ่งด้วยเครื่องมือสร้างเว็บไซต์ที่ใช้งานง่ายซึ่งใช้งานง่าย

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

นี่คือรายการคุณสมบัติที่ฉันชอบ

Brizy Builder / คุณสมบัติหลักของคลาวด์

• ตัวแก้ไขแบบลากและวางที่ใช้งานง่าย
• เค้าโครงเว็บไซต์ที่สร้างไว้ล่วงหน้ามากกว่า 40 แบบที่คุณสามารถนำเข้าได้ด้วยคลิกเดียว
• 150+ บล็อกที่สร้างไว้ล่วงหน้า
• สไตล์สากลเพื่อปรับแต่งเว็บไซต์ของคุณอย่างรวดเร็ว
• 4000+ ไอคอน
• องค์ประกอบเนื้อหามากมาย เช่น แบบฟอร์ม ตัวเว้นวรรค ข้อความ ปุ่ม ฯลฯ
• ไม่จำกัดสไตล์
• การฉีดโค้ดแบบกำหนดเอง
• โดเมนย่อยฟรี (เช่น https://cherry1993132.brizy.site/) พร้อม Brizy Cloud (คุณสามารถโฮสต์หน้า Landing Page ได้ฟรีหากต้องการ)
• ชื่อโดเมนที่กำหนดเอง
• การผสานรวมกับแอปโปรดของคุณอย่างราบรื่น รวมถึง Zapier, Mailchimp และอื่นๆ
• บันทึกอัตโนมัติบนคลาวด์
• ตอบสนองและพร้อมมือถือ
• และอีกมากมาย!

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

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

Swarmify SmartVideo คืออะไร?

หากคุณได้อ่านบล็อกนี้มาระยะหนึ่งแล้ว แสดงว่าคุณค่อนข้างคุ้นเคยกับ Swarmify และ SmartVideo

หากคุณเพิ่งเข้ามาใหม่...ยินดีต้อนรับและรู้สึกเหมือนอยู่บ้าน :)

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

เพื่อให้บรรลุภารกิจนี้ Swarmify ได้ลงทุนอย่างมากในเทคโนโลยีที่เป็นกรรมสิทธิ์และโครงสร้างพื้นฐานเดียวกันกับที่สตรีมมิ่งยักษ์ใหญ่อย่าง Netflix และ Hulu ใช้

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

อ่านเพิ่มเติม: เกี่ยวกับคุณสมบัติ SmartVideo ที่นี่

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

ยังดีกว่าบริการ SmartVideo ของเราจะแปลงวิดีโอ YouTube และ Vimeo ทั้งหมดของคุณโดยอัตโนมัติเมื่อคุณตั้งค่าบนเว็บไซต์ Brizy ของคุณ

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

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

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

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

ลงมือทำกันเถอะ!

วิธีผสานรวม SmartVideo กับ Brizy Builder สำหรับ WordPress

ให้เราเริ่มต้นด้วย Brizy Builder สำหรับ WordPress การติดตั้ง SmartVideo บนเว็บไซต์ WordPress ของคุณนั้นง่ายมาก

ให้เราเริ่มต้นด้วยการติดตั้งปลั๊กอิน SmartVideo WordPress

ลงชื่อเข้าใช้แดชบอร์ดผู้ดูแลระบบ WordPress และไปที่ Plugins > Add New ดังที่แสดงด้านล่าง

ถัดไป ป้อน SmartVideo ในช่องค้นหา จากนั้นคลิก ติดตั้ง ทันที ตามที่เราเน้นด้านล่าง

หลังจากนั้นให้กดปุ่ม เปิดใช้งาน :

ถัดไป คลิก SmartVideo บนเมนูผู้ดูแลระบบ WordPress ของคุณ:

ปลั๊กอิน SmartVideo ของคุณยังไม่พร้อม จะเป็นการดีที่สุดที่จะเชื่อมโยงกับ Swarm CDN ของเราผ่านรหัสพิเศษที่พบในบัญชี Swarmify ของคุณ

ถัดไป ให้คลิกปุ่ม กำหนดค่า หากคุณมีบัญชี Swarmify อยู่แล้ว:

หากคุณไม่มีบัญชี Swarmify คุณมีตัวเลือกในการสร้างบัญชี ฉันมี Swarmify อยู่แล้ว ฉันจึงคลิกปุ่ม กำหนดค่า ซึ่งนำฉันไปยังหน้าต่อไปนี้

ดังที่คุณเห็นในภาพด้านบน SmartVideo ยังคงปิดใช้งานอยู่ เลื่อนลงมาที่หน้า แล้วคุณจะเห็นฟิลด์ที่ให้คุณป้อนคีย์ Swarm CDN ของคุณ:

คุณจะวางคีย์ที่คุณต้องการคัดลอกด้านล่างลงในฟิลด์ด้านบน

ลงชื่อเข้าใช้แดชบอร์ด Swarmify และคัดลอกคีย์ Swarm CDN ที่ด้านบน:

กลับไปที่ไซต์ WordPress ของคุณ วางคีย์ Swarm CDN ลงในฟิลด์ แล้วคลิก Enable SmartVideo ดังที่แสดงด้านล่าง

เมื่อคุณเลื่อนขึ้น คุณจะสังเกตเห็นว่า SmartVideo เปิดใช้งานอยู่:

นั่นเป็นเรื่องง่ายมาก

ตอนนี้เว็บไซต์ Brizy WordPress ของคุณเชื่อมต่อกับ SmartVideo :)

คุณไม่เป็นธรรมชาติที่นี้?

สำหรับตัวเลือกเพิ่มเติม ให้คลิกแท็บ การตั้งค่า ที่ด้านบน ดังที่แสดงด้านล่าง

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

สลับไปที่ Optimize วิดีโอพื้นหลังและวิดีโอที่มีอยู่ ดังที่แสดงด้านบน แล้วคลิก บันทึกการตั้งค่า ที่ด้านล่างของหน้า

ก่อนที่เราจะดำเนินการต่อ ให้เราเพิ่ม SmartVideo ลงในเว็บไซต์ Brizy WordPress ของคุณ ฉันกำลังทำงานกับหน้าต่อไปนี้

ฉันจะแทนที่ภาพที่ไฮไลต์ที่ด้านบนด้วยวิดีโอ Starship: Journey to Mars ของ SpaceX ที่ฉันยืมมาจากช่อง YouTube ของ Newsthink

เราจะใช้แท็ก SmartVideo ต่อไปนี้เพื่อฝังวิดีโอ:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

อย่าลืมแทนที่ path/to/my/video.mp4 ด้วย URL จริงของวิดีโอของคุณ

N/B: หากคุณกำลังใช้ YouTube คุณต้องใช้ลิงก์สำหรับฝัง: https://www.youtube.com/ embed /-kU6fMGh4l4 แทนลิงก์สำหรับ ดู โดยตรง: https://www.youtube.com/watch ?v= -kU6fMGh4l4. หากคุณใช้ลิงก์โดยตรง SmartVideo จะไม่พบและประมวลผลวิดีโอของคุณ

ที่กล่าวว่าแท็ก SmartVideo ที่พร้อมใช้งานของฉันมีลักษณะดังนี้:

 <smartvideo src="https://www.youtube.com/embed/-kU6fMGh4l4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

หากคุณกำลังใช้แหล่งวิดีโออื่น เช่น Amazon S3 แทนที่ลิงก์ YouTube ด้วย URL ของวิดีโอจริงของคุณ ตรวจสอบ 9 บริการอัปโหลดวิดีโอและที่เก็บข้อมูลบนคลาวด์ที่ดีที่สุด

อะไรต่อไป?

เปิดหน้า WordPress ที่คุณต้องการแก้ไขภายใน Brizy โดยคลิก ดำเนินการต่อเพื่อแก้ไขด้วย Brizy :

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

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

หน้าของฉันมีลักษณะดังนี้:

ถัดไป คลิกไอคอน เพิ่ม (+) เพื่อเปิดแผงด้านข้าง จากนั้นลากและวาง ฝัง ทุกที่ที่คุณต้องการ (ในกรณีของเรา มันอยู่ในส่วนฮีโร่เนื่องจากเรากำลังแทนที่รูปภาพ):

ถัดไป คลิกภายในองค์ประกอบ ฝัง และคลิกปุ่ม ฝัง ดังที่แสดงด้านล่าง:

ถัดไป คัดลอกและวางแท็ก SmartVideo ของคุณในกล่องที่ปรากฏขึ้น:

จะดูมั้ยเนี่ย!

เครื่องเล่นวิดีโอ SmartVideo ใช้งานได้แล้ว ถัดไป อัปเดตหน้าของคุณ:

ตอนนี้เมื่อฉันดูเว็บไซต์ตัวอย่างของฉันที่ส่วนหน้า ฉันเห็นสิ่งนี้:

รูปภาพหายไป และแทนที่ เรามีเครื่องเล่น SmartVideo ที่สวยงาม ไม่มีใครบอกได้ว่าเรายืมวิดีโอจาก YouTube

ตอนนี้เราได้รวม Swarmify SmartVideo เข้ากับไซต์ Brizy WordPress ของคุณแล้ว ให้เราเพิ่ม SmartVideo ลงใน Brizy Cloud

วิธีผสานรวม Swarmify SmartVideo กับ Brizy Cloud

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

ไม่เหมือนแท็ก SmartVideo เพราะมันเข้าไปในส่วน <head> ของหน้าเว็บของคุณ ไม่ใช่ <body> เหมือนแท็ก SmartVideo หากคุณไม่เข้าใจความหมาย ไม่ต้องกังวล เราพร้อมช่วยเหลือคุณ

แต่ฉันจะรับข้อมูลโค้ด JavaScript นี้ได้ที่ไหน

ไม่ต้องกังวล มันอยู่ในบัญชี Swarmify ของคุณ

วิธีรับข้อมูลโค้ด JavaScript SmartVideo ของคุณ

เข้าสู่ระบบบัญชี Swarmify ของคุณและคลิกการ กำหนดค่า :

จากนั้นเลือกว่าคุณมีวิดีโอ YouTube บนเว็บไซต์ Brizy Cloud ของคุณหรือไม่และคลิก ถัดไป :

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

คุณมีวิดีโอพื้นหลังหรือไม่? ระบุและคลิก ถัดไป :

คุณทำได้ดี :)

ถัดไป เปลี่ยนสีของโปรแกรมเล่นวิดีโอหากต้องการและคลิก ถัดไป :

หลังจากนั้นคุณมีโอกาสเปลี่ยนรูปร่างปุ่มเล่น คลิก ถัดไป หลังจาก:

เพิ่มลายน้ำที่กำหนดเองหากจำเป็น และคลิก ถัดไป :

ถัดไป เลือกว่าคุณต้องการรวมโฆษณาในวิดีโอของคุณหรือไม่ และกด Finish :

สุดท้าย กด Copy to Clipboard :

ไม่ยากแล้วใช่ไหม

SmartVideo JavaScript ของคุณพร้อมแล้ว ตอนนี้ให้เราเพิ่มลงในเว็บไซต์ Brizy Cloud ของคุณ

วิธีเพิ่มข้อมูลโค้ด JavaScript ของคุณไปยังเว็บไซต์ Brizy Cloud

ลงชื่อเข้าใช้ แดชบอร์ด Brizy Cloud ของคุณ (ฉันคิดว่าคุณมีเว็บไซต์ Brizy Cloud อยู่แล้ว) และเลือกเว็บไซต์ที่คุณต้องการแก้ไข:

ที่จะพาคุณตรงไปยังเครื่องมือสร้างเว็บไซต์แบบลากและวางของ Brizy Cloud:

อย่างที่คุณเห็น ฉันใช้เทมเพลตเดิมเหมือนเมื่อก่อน :)

แต่อย่าสับสน ตอนนี้เราอยู่ใน Brizy Cloud ไม่ใช่ Brizy Builder สำหรับ WordPress โปรแกรมแก้ไขภาพมีลักษณะเหมือนกัน โดยมีข้อยกเว้นเล็กน้อย

จากนั้นกดไอคอน การตั้งค่า :

หลังจากนั้นให้กดแท็บ การตั้งค่า :

ถัดไป คลิกการ แทรกโค้ด :

วางข้อมูลโค้ด SmartVideo JavaScript ของคุณลงใน ส่วน Header แล้วกด Save Changes ดังที่แสดงด้านล่าง

และนั่นแหล่ะ! Brizy Cloud ของคุณเชื่อมต่อกับ Swarmify SmartVideo แล้ว

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

ฉันกำลังพูดถึงสิ่งนี้:

ฉันไม่ต้องการที่จะข้ามขั้นตอนทั้งหมดอีกครั้งเพราะนั่นจะซ้ำซ้อนเมื่อเกือบจะเป็นสิ่งเดียวกัน กระบวนการเดียวกัน

เคล็ดลับสุดท้าย

การผสานรวมกับ Brizy Builder เกี่ยวข้องกับการใช้ปลั๊กอิน SmartVideo WordPress การผสานรวมกับ Brizy Cloud ใช้ประโยชน์จากข้อมูลโค้ด SmartVideo JavaScript

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

อย่าลืมแทนที่ path/to/my/video.mp4 ในแท็ก SmartVideo ด้วย URL จริงของวิดีโอ ไม่ว่าจะเก็บไว้ที่ใด

มีอะไรจะถามอีกไหม? แจ้งให้เราทราบ :)