Jak dodać film z YouTube do wpisu w WordPressie? #3 Obsługa Gutenberga

W pierwszym wpisie pokazałem jak dodać wpis za pomocą nowego edytora treści, w drugim instruuję jak dodać wpis z galerią zdjęć z efektem LightBox. Dzisiaj pokażę jak bardzo szybko utworzyć wpis z filmem, który znajduje się na YouTube, Vimeo.

Dodawanie filmu z YouTube do wpisu

Po zalogowaniu do Kokpitu, wybierz Wpisy > Dodaj nowy. Jeśli tytuł, kategorie, tagi, datę publikacji i wszelkie inne sprawy masz już przygotowane, to czas dodać/osadzić zewnętrzny materiał (film z YouTube, Vimeo) w treści.

Dodaj nowy blok za pomocą “+”, następnie wybierz zakładkę “Osadzone treści” i wybierz blok “YouTube”.

Dodawanie nowego bloku z zakładki “Osadzone treści”

W treści wpisu pojawi się nowy blok, do którego należy wkleić link i potwierdzić osadzanie za pomocą “Osadź”.

Osadzanie treści w Gutenbergu

Po chwili Gutenberg pokaże miniaturę wideo, tak jak na zrzucie ekranu poniżej:

Podgląd osadzonego filmu w Gutenbergu

Domyślnie motyw we froncie pokaże wideo tak jak poniżej:

Domyślna ramka z filmem we wpisie

Trzeba, więc delikatnie ostylować ramkę, żeby filmy były na całą szerokość bloku w którym się znajdują. W przypadku tego bloga, wystarczy dopisać poniższy kod:

embed, iframe, object {
    max-width: 100%;
    width: 100%;
    min-height: 460px;
}

I to wszystko. Możesz dowolnie umieszczać wideo w swoich wpisach. Wybierasz zakładkę “Osadzone treści“, wybierasz jaki blok, konfigurujesz i gotowe.

Film z YouTube we wpisie powinien wyglądać tak:

Gutenberg oferuje osadzanie treści nie tylko z YouTube, ale również Vimeo, Twitter, Facebook, Spotify, Flickr i wiele, wiele innych serwisów.

Testuj, działaj, ogranicza Cię wyłącznie wyobraźnia.

Marcin Guzik

Marcin Guzik

Zafascynowany WordPressem. Użytkownik WP od 2008 roku, od wersji 2.4, albo 2.5 (nie pamiętam dokładnie). Piszę na: mrcng.pl. Zawodowo: jestem właścicielem Net-Factory. Prywatnie: mąż, ojciec, instruktor karate.

Opieka i serwis stron internetowych

Zajmij się swoim biznesem a my zajmiemy się Twoją stroną. Zapewniamy stałą opiekę oraz wyspecjalizowany serwis dla stron na WordPress oraz sklepów internetowych WooCommerce.

Wybierz coś dla siebie