Kompletny przewodnik po korzystaniu ze SmartVideo z Divi Builder dla hostingu wideo WordPress

Dla użytkowników Divi Builder SmartVideo oferuje tylko narzędzie, którego potrzebujesz, aby zapewnić nowoczesne, profesjonalne i natywne odtwarzanie wideo w Twojej witrynie.

Żyjemy w epoce potężnych motywów WordPress i kreatorów stron, które pomogą Ci stworzyć dowolną witrynę pod słońcem. Jednym z takich motywów i kreatorów stron wizualnych jest Divi Builder autorstwa fajnych ludzi z Elegant Themes.

Jeśli jesteś zaprzysiężonym użytkownikiem Divi Builder, pokochasz dzisiejszy post. Za kilka minut pokażemy Ci dokładnie, jak używać SmartVideo Swarmify wraz z Divi Builder.

Teraz nie musisz używać w swojej witrynie odtwarzaczy wideo z linkami Vimeo lub YouTube. Oferujemy pozbawiony bałaganu odtwarzacz wideo, który wygląda absolutnie niesamowicie na Twojej stronie internetowej opartej na Divi.

Jakie są bezpośrednie korzyści?

• Odtwarzacz wideo SmartVideo nie zawiera znaków firmowych (hello, YouTube) ani linków, które odprowadzają ruch, który tak ciężko pracujesz, aby dotrzeć do Twojej witryny. Teraz możesz oznaczyć swoje odtwarzacze wideo, aby uzyskać ostry i profesjonalny wygląd :)
• Nasza sieć Video CDN i zastrzeżona technologia EdgeAI umożliwiają oferowanie superszybkich, wolnych od buforów i błędów filmów wideo odwiedzającym Twoją witrynę, bez względu na to, gdzie się znajdują. Twoi użytkownicy będą Ci wdzięczni.
• Używamy tej samej infrastruktury strumieniowej, takiej jak Netflix i Hulu, ponieważ jesteśmy w pełni zaangażowani w naszą misję. W rezultacie możesz cieszyć się filmami rozpoczynającymi się natychmiast i bez przestojów, które pomagają zatrzymać więcej odwiedzających i zwiększyć przychody.
• Nasze rozwiązanie do kodowania wideo daje radę, co oznacza, że ​​odwiedzający Twoją witrynę mogą cieszyć się wysokiej jakości odtwarzaniem wideo niezależnie od urządzenia, z którego korzystają. Pożegnaj się ze szkicowymi filmami, które wyglądają okropnie na różnych ekranach i w różnych rozdzielczościach.
• I o wiele więcej, o czym dowiesz się w dalszej części artykułu :)

Na razie dowiedzmy się więcej o Divi Builder i jak zintegrować go ze SmartVideo.

Alert spoilera: Możesz ręcznie dodać kod SmartVideo do swojej witryny Divi Builder, ale teraz możesz pominąć wszystkie techniczne rzeczy dzięki naszej nowej wtyczce SmartVideo WordPress. Oznacza to, że możesz łatwo zintegrować SmartVideo z Divi Builder, nawet jeśli nie możesz kodować, aby uratować życie.

Co to jest Divi Builder?

Jeśli jesteś nowy, Divi to piękny i potężny motyw WordPress i wizualny kreator stron. Dzięki zaawansowanej technologii budowania wizualnego Divi pomaga szybko tworzyć niesamowite witryny WordPress.

Divi jest dostarczany z mnóstwem gotowych układów, które można zaimportować do instalacji WordPress za pomocą jednego kliknięcia. Co więcej, masz Divi Visual Builder , który pozwala dostosować witrynę poprzez przeciąganie i upuszczanie elementów.

Zgadza się, nie potrzebujesz wcześniejszej wiedzy o kodowaniu, aby stworzyć niezwykłą stronę internetową z Divi. Jeśli to nie wystarczy, możesz jednocześnie korzystać z dwóch różnych układów, co zapewnia dużą swobodę projektowania.

Divi zawiera mnóstwo niesamowitych funkcji, w tym:

• Ponad 40 elementów strony internetowej, takich jak przyciski wezwania do działania, galerie, formularze, blogi, slidery, referencje itp.
• Ponad 800 gotowych projektów w różnych niszach, takich jak biznes, e-commerce, technologia, zdrowie itp.
• Pełna kontrola projektu
• 100% responsywny projekt z dodatkowymi ustawieniami dla wszystkich rodzajów urządzeń
• Niestandardowa kontrola CSS
• Duża biblioteka efektów, przejść i stylów
• Milion i jedna opcja projektowania
• I wiele więcej!

Najlepsze jest to, że kupując Divi, uzyskujesz dostęp do innych motywów i wtyczek WordPress. Elegant Themes ma ponad 700 tys. klientów, więc jesteś w dobrych rękach.

„Divi jest KRÓLEM, jeśli chodzi o łatwość projektowania stron internetowych. To, co kiedyś zajmowało tydzień, zajmuje kilka godzin, a teraz wszyscy jesteśmy w naszym osobistym celu, aby przekonwertować witryny wszystkich naszych klientów na Divi”. - Scott Lawrence

Divi jest idealny dla freelancerów, agencji i właścicieli witryn internetowych, którzy szukają potężnego, intuicyjnego i łatwego w użyciu wizualnego narzędzia do tworzenia stron. Niezależnie od tego, czy wiesz, jak kodować, czy nie, Divi to niesamowite narzędzie do tworzenia stron internetowych.

To powiedziawszy, co to jest SmartVideo?

Co to jest Swarmify SmartVideo?

Dla nowicjuszy Swarmify to wiodąca usługa akceleracji wideo, którą uruchomiliśmy w 2013 roku po dniach rygorystycznego rozwoju i testowania.

Nasza platforma to kompleksowa platforma do hostingu wideo wraz z kodowaniem, odtwarzaniem, CDN wideo, zestawami narzędzi do dostarczania i dystrybucji. Z dumą współpracujemy z coraz większą liczbą przedsiębiorców z różnych środowisk.

Pasjonujemy się tym, co robimy i niestrudzenie pracujemy, aby oferować filmy, które ładują się natychmiast bez buforowania, co jest normą w przypadku wielu serwisów hostingowych wideo, takich jak YouTube, Wistia i Vimeo.

Swarmify gwarantuje 12-krotnie szybsze odtwarzanie wideo i 8-krotnie mniejsze buforowanie niż przeciętne odtwarzacze wideo na rynku. Skupiamy się tylko na przyspieszaniu filmów i jesteśmy w tym całkiem dobrzy :)

Bezwstydna wtyczka na bok, Swarmify jest niezwykle łatwa do zintegrowania z kilkoma platformami do tworzenia stron internetowych, w tym między innymi WordPress, Shopify i Squarespace.

Chociaż możesz ręcznie osadzić odtwarzacz wideo SmartVideo w witrynie WordPress, możesz zaoszczędzić czas, korzystając z naszej rewolucyjnej wtyczki SmartVideo WordPress.

Wtyczka jest śmiesznie łatwa do zainstalowania i skonfigurowania w witrynie WordPress + Divi Builder. Zapewnisz odwiedzającym szybkie i wysokiej jakości wrażenia wideo w mniej niż 10 minut!

Dzięki tym podstawowym informacjom jesteśmy teraz gotowi na zabawną część. W następnej sekcji dowiesz się, jak używać Swarmify z Divi Builder. Innymi słowy, pokazujemy, jak dodać wideo do typowego układu Divi Builder.

Jak używać Swarmify SmartVideo z Divi Builder

W poniższej sekcji musisz zainstalować i aktywować zarówno wtyczkę SmartVideo WordPress, jak i Divi. Instalacja i aktywacja SmartVideo lub Divi to sprawa czwartoklasistów, nie spodziewamy się, że napotkasz jakiekolwiek problemy.

Jeśli masz gotowe Divi i SmartVideo, zabierzmy się do pracy. W celach ilustracyjnych pracuję z układem Divi's Web Agency , który wygląda mniej więcej tak:

Całkiem schludny, prawda? To, co zrobię, to dodam wideo SmartVideo tuż pod głównym tytułem, który brzmi „ Full Service Web Design Agency ”. Zobacz obrazek powyżej.

Zaczynajmy!

W panelu administracyjnym WordPress przejdź do strony, którą chcesz edytować. W naszym przypadku edytuję stronę główną pokazaną na screengrabie powyżej.

Otwórz stronę w edytorze jak zwykle. Aby rozpocząć edycję powyższej strony w Divi Builder, po prostu kliknij przycisk Edytuj za pomocą Divi Builder , jak podkreśliliśmy poniżej.

Spowoduje to wczytanie Twojej strony w interfejsie użytkownika. Następnie kliknij przycisk Włącz Visual Builder , jak pokazano poniżej.

Następnie przewiń do sekcji, którą chcesz edytować. W naszym przypadku dodajemy SmartVideo tuż pod głównym tytułem u góry strony.

Po najechaniu myszą na sekcję pojawiają się opcje edycji. Po prostu kliknij ikonę plusa (+) , aby dodać nowy moduł:

Spowoduje to otwarcie wyskakującego okienka, które pozwala dodać nowy moduł Divi:

Następnie wpisz „SmartVideo” w polu wyszukiwania i kliknij SmartVideo , jak pokazano poniżej.

Następnie nadszedł czas, aby skonfigurować wideo za pomocą karty Ustawienia SmartVideo . Jak widać na poniższym obrazku, dostępnych jest wiele opcji:

W Ustawieniach SmartVideo możesz:

• Wybierz źródło wideo - może to być biblioteka multimediów WordPress, YouTube, Vimeo lub dowolne inne źródło ( Uwaga : jeśli Twój film YouTube jest ustawiony jako prywatny , zmień go na niepubliczny )
• Zmień szerokość i wysokość swojego filmu
• Ustaw niestandardowy plakat dla swojego wideo (SmartVideo domyślnie wyświetla pierwszą klatkę wideo, jeśli nie wybierzesz niestandardowego obrazu plakatu)
• Włącz/wyłącz opcje, takie jak autoodtwarzanie, pętla i wyciszenie
• Włącz/wyłącz opcje, takie jak sterowanie wideo, responsywny projekt i wbudowane odtwarzanie wideo w przeglądarce Safari na iOS
• Kontroluj projekt swojego filmu za pomocą opcji Divi, które obejmują obramowanie, rozmiar, odstępy, filtry, cieniowanie ramek, animacje i wiele więcej :)

Gdy skończysz, po prostu kliknij przycisk Zapisz , jak szczegółowo opisano poniżej:

Nie zapomnij zapisać później zmian w Divi Visual Builder:

Teraz, gdy przeglądamy naszą przykładową witrynę na interfejsie, widzimy nowy odtwarzacz wideo SmartVideo gotowy do rozkręcenia imprezy:

Aby dodać SmartVideo w dowolnej sekcji, po prostu powtórz proces. Uruchom stronę, którą chcesz edytować w Divi Visual Builder, kliknij ikonę plusa (+) , aby dodać nowy moduł, wybierz moduł SmartVideo, dodaj opcje i zapisz zmiany.

Tak proste jak A, B, C !

Dodawanie filmów SmartVideo do witryny Divi nigdy nie było łatwiejsze. Możesz zapomnieć o brandingu YouTube, polecanych filmach i linkach, które kradną Twój ruch.

Poza tym możesz w pełni dostosować odtwarzacz wideo SmartVideo do stylu swojej witryny.

Co więcej?

Jeśli masz już filmy na swojej witrynie Divi, SmartVideo konwertuje je automatycznie, gdy tylko skonfigurujesz naszą wtyczkę.

Upewnij się, że masz włączoną opcję Optymalizuj tło i istniejące filmy w ustawieniach SmartVideo.

Jak?

W panelu administratora WordPress przejdź do SmartVideo > Ustawienia . Następnie przełącz opcję Optymalizuj tło i istniejące filmy :

Następnie kliknij przycisk Zapisz ustawienia u dołu strony:

I to wszystko — SmartVideo automatycznie skonwertuje wszystkie istniejące filmy.

Zgadza się; nie musisz nic więcej robić :)

Jak dostosować odtwarzacz wideo SmartVideo

Zanim przejdziemy do końca, omówimy kilka opcji dostosowania odtwarzacza wideo SmartVideo.

Zmiana kształtu i koloru odtwarzacza wideo

Domyślnie odtwarzacz wideo SmartVideo używa żółtego sześciokątnego przycisku odtwarzania. Możesz jednak zmienić kształt i kolor, aby pasowały do ​​Twojej witryny. Oto jak.

W panelu administracyjnym WordPressa kliknij SmartVideo:

Po przejściu do pulpitu SmartVideo kliknij kartę Ustawienia , jak pokazano poniżej.

Na ekranie Ustawienia przewiń w dół, a znajdziesz sekcje, które pozwalają zmienić kształt i kolor przycisku odtwarzania:

Oto więcej uwag na temat powyższego zrzutu ekranu.

1. Aby zmienić kształt przycisku odtwarzacza, wybierz z menu Domyślny , Prostokąt lub Okrąg .
2. Wybierz niestandardowy kolor przycisku odtwarzacza.
3. Kliknij przycisk Zapisz ustawienia , aby zapisać zmiany.

Teraz możesz cieszyć się nowo dostosowanym przyciskiem odtwarzacza :)

Bardziej zaawansowane opcje

SmartVideo oferuje więcej opcji dodawania napisów kodowanych ze źródeł YouTube, włączania/wyłączania akceleracji przesyłania, przełączania na alternatywne układy, dodawania niestandardowego znaku wodnego i monitorowania filmów za pomocą reklam.

Oto jak znaleźć powyższe opcje na stronie Ustawienia SmartVideo. Aby dodać napisy ze źródeł YouTube, zaznacz pole pokazane poniżej i pamiętaj o zapisaniu ustawień:

Aby uruchomić więcej opcji, przewiń w dół i kliknij Opcje zaawansowane , jak podkreśliliśmy poniżej.

W sekcji Opcje zaawansowane dostępne są następujące opcje:

1. Włącz lub wyłącz alternatywną metodę układu , co jest pomocne w przypadku nietypowego rozmiaru wideo lub problemów z wyświetlaniem na pełnym ekranie.
2. Włącz lub wyłącz przyspieszenie przesyłania, jeśli masz problemy z przesyłaniem.
3. Ustaw niestandardowy znak wodny/logo w odtwarzaczu wideo.
4. Dodaj adres URL reklamy VAST , aby sprzedawać reklamy z AdSense, Spotx, DFP i tak dalej.

Wskazówka dla profesjonalistów: Zawsze pamiętaj, aby kliknąć przycisk Zapisz ustawienia u dołu, aby zapisać zmiany.

Ostatnie słowa

Divi to wspaniały motyw WordPress i wizualny kreator stron. Pomaga tworzyć piękne strony internetowe, zanim następny facet skończy kanapkę. Proces jest tak prosty, jak importowanie układu i dostosowywanie go do momentu upuszczenia.

Funkcja przeciągania i upuszczania sprawia, że ​​dostosowywanie dowolnego układu jest dziecinnie proste. Nie potrzebujesz żadnych umiejętności kodowania, a ponadto edytujesz swoją witrynę w interfejsie użytkownika, obserwując, jak zmiany wchodzą w życie w czasie rzeczywistym.

Jeśli korzystasz z wideo w swojej witrynie, SmartVideo pomoże Ci zapewnić szybkie, wolne od buforowania i profesjonalne wrażenia wideo w Twojej witrynie. Nawet jeśli udostępniasz swoje filmy w serwisie YouTube lub w innym miejscu, nasz pozbawiony bałaganu odtwarzacz wideo eliminuje branding i linki innych firm.

Divi + SmartVideo to zwycięska kombinacja. W Twoich rękach masz teraz idealną kombinację do szybkiego tworzenia stron internetowych i oferowania niezrównanych wrażeń wideo odwiedzającym Twoją witrynę lub klientom zajmującym się projektowaniem stron internetowych.

Ponadto nie mamy ograniczeń przepustowości ani miejsca na dane, jak w przypadku innych usług, co oznacza, że ​​możesz hostować nieograniczoną liczbę filmów w przystępnych cenach :) Wypróbuj Divi + SmartVideo już dziś i ciesz się szybkimi i wysokiej jakości filmami bez wysiłku.

Poinformuj nas, jak to idzie. Szczęśliwego budowania!