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”.
W treści wpisu pojawi się nowy blok, do którego należy wkleić link i potwierdzić osadzanie za pomocą „Osadź”.
Po chwili Gutenberg pokaże miniaturę wideo, tak jak na zrzucie ekranu poniżej:
Domyślnie motyw we froncie pokaże wideo tak jak poniżej:
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.