Jak korzystać z bloku okładki WordPress

Blok okładki WordPressa jest interesujący. Pozwala umieścić obraz, wideo lub jednolity kolor w tle i dodać bloki treści na pierwszy plan. Oznacza to, że możesz umieszczać klocki na innych blokach. Ma więcej opcji niż większość bloków. Wiedza o tym, jak korzystać z Cover Block, może znacznie poprawić wygląd Twojej witryny.

W tym artykule przyjrzymy się, co robi Cover Block i zobaczymy jego ustawienia i opcje. Zobaczymy też kilka sprawdzonych metod korzystania z tej funkcji oraz często zadawane pytania.

Jak dodać blok okładki do swojego posta lub strony?

Aby dodać blok okładki do swoich stron i postów, wybierz ikonę bloku w treści lub w lewym górnym rogu strony, wprowadź nazwę bloku i wybierz go.

Możesz także wpisać /cover i nacisnąć Enter lub wybrać blok.

Będziesz wtedy miał blok okładki w swojej treści, w którym możesz dodać multimedia, takie jak obrazy lub wideo, lub użyć koloru tła i umieścić tekst na pierwszym planie. Po wybraniu zawartości z folderu multimediów lub koloru na pierwszym planie pojawi się opcja tekstu.

Dodałem obraz z mojej biblioteki multimediów i dodałem podpis nad obrazem. Podpis jest blokiem akapitu. Możesz go zmienić na inne typy bloków, osadzić wideo i nie tylko.

Możesz także dodać wiele bloków, naciskając klawisz Enter. Wybierz ze swoich bloków jak zwykle.

Możesz także wybrać jeden z wstępnie wybranych kolorów tła.

Kolor może być używany jako nakładka na Twoje obrazy.

Ustawienia i opcje bloku okładki

Cover Block ma dwa obszary z ustawieniami i opcjami. Pierwszym z nich jest pasek narzędzi okładki. Drugi to opcje Cover Block na prawym pasku bocznym.

Pasek narzędzi bloku okładki

Kliknięcie w dowolnym miejscu Bloku okładki otwiera jego pasek narzędzi.

Zmień typ lub styl bloku okładki

Pierwsze ustawienie zmienia liczbę kolumn, umożliwia grupowanie, zmiany w obrazie i wybiera styl z domyślnego lub obramowania. Najechanie pokazuje podgląd. Najeżdżam na Obraz. Obraz usuwa bloki treści, które masz w nakładce.

Przeciągnij lub Przenieś

Chwyć narzędzie do przeciągania (6 kropek), aby przeciągnąć blok w dowolne miejsce. Narzędzie Przesuń pozwala kliknąć strzałki, aby przesunąć blok w górę lub tekst w treści.

Wyrównanie

Opcje wyrównania obejmują lewo, środek, prawo, szeroką szerokość i pełną szerokość. Lewy i prawy owijają blok z akapitem pod nim.

Oto obraz w pełnej szerokości. Można to wykorzystać do tworzenia tytułów, dzielenia sekcji itp.

Zmień pozycję treści

To wybiera lokalizację zawartości. Otwiera siatkę 3×3 z kropkami. Wybranie kropki przenosi zawartość do tego miejsca na obrazie.

Przełącz pełną wysokość

To ustawia obraz na jego pełną wysokość, zamiast zmieniać jego rozmiar.

Zastosuj filtr bichromii

Wybierz bichromię spośród wstępnie wybranych opcji. Jeden dotyczy cieni, a drugi pasemek.

Wybierz kolor na suwaku, aby go dostosować.

Wybierz kolor pod suwakiem, aby wybrać wstępnie wybrany kolor.

Zastępować

Spowoduje to otwarcie opcji multimediów, dzięki czemu możesz przesłać lub wybrać inny obraz z biblioteki.

Opcje

Opcje Bloku Zakrywającego obejmują:

Ukryj więcej ustawień – ukrywa prawy pasek boczny.

Kopiuj — kopiuje blok okładki, dzięki czemu można go wkleić w dowolnym miejscu na stronie lub w poście.

Duplikat – tworzy duplikat Bloku Okładki i umieszcza go pod oryginałem.

Wstaw przed – dodaje miejsce nad blokiem okładki na kolejny blok.

Wstaw po – dodaje miejsce pod blokiem okładki na kolejny blok.

Przenieś do – pozwala przesunąć blok, przesuwając niebieską linię w górę lub w dół za pomocą klawiszy strzałek. Naciśnij enter, a twój blok zostanie przeniesiony do miejsca, w którym znajduje się niebieska linia.

Dodaj do bloków wielokrotnego użytku – dodaje blok do bloków wielokrotnego użytku, dzięki czemu można go używać na dowolnej stronie lub w poście.

Grupa – dodaj blok do grupy, dzięki czemu można je dopasować jako pojedynczą jednostkę.

Usuń blok – usuwa blok.

Zawartość bloku okładki

Wybranie treści otwiera kolejny zestaw narzędzi tylko dla treści. Domyślnie jest to blok akapitu i zawiera wszystkie standardowe opcje zarówno dla paska narzędzi, jak i ustawień paska bocznego. Możesz go przekształcić lub dodać dowolny blok. Daje to wiele opcji dotyczących treści.

Wybierz okładkę

Spowoduje to zamknięcie paska narzędzi zawartości i otwarcie paska narzędzi Cover Block.

Zmiana rozmiaru bloku okładki

Zmień rozmiar obrazu, przeciągając kółko na dole obrazu.

Ustawienia bloku okładki

Ustawienia Cover Block znajdują się na prawym pasku bocznym. Kliknij blok lub koło zębate, aby wyświetlić pasek boczny. Jeśli wybierzesz blok w treści bloku, zostaną wyświetlone jego ustawienia paska bocznego.

Style

Wyświetl blok z obramowaniem lub bez. Możesz także ustawić domyślnie wyświetlanie obramowania. Zawiera podgląd, dzięki czemu możesz zobaczyć, jak będzie wyglądał, zanim go wybierzesz.

Rozstaw

Dodaj miejsce ze wszystkich stron lub określonych boków. Wybierz każdą stronę osobno lub połącz je ze sobą, aby dostosować je wszystkie naraz.

Ustawienia mediów

Wybierz część obrazu, która będzie wyświetlana w bloku. Możesz wybrać stałe tło (paralaksę), aby powtórzyć tło, jeśli jest zbyt małe dla obszaru, i określić punkt centralny, przesuwając okrąg lub określając lewą i górną pozycję. Możesz także wyczyścić multimedia z tego miejsca. W przypadku filmów dostępny jest tylko selektor punktów ogniskowych.

Ten przykład pokazuje Stałe tło. Obraz pozostaje na swoim miejscu podczas przewijania tekstu, tworząc efekt paralaksy.

To jest powtarzające się tło. Nadaje się do tworzenia ciekawych wzorów z małych obrazów.

Wymiary

Określ wysokość w pikselach, wpisując ją w polu. Działa to tak samo, jak narzędzie do przeciągania na dole obrazu.

Narzuta

Cover Block ma wiele opcji nakładki. Wybierz gotowy kolor i wybierz jego krycie. Wybierz jednolity kolor lub gradient. Zobaczysz zmiany w czasie rzeczywistym. Jeśli wybrałeś wyświetlanie koloru, a nie obrazu, możesz tutaj zmienić kolor. Ten przykład pokazuje jednolity kolor.

Możesz również wybrać niestandardowy kolor. Spowoduje to otwarcie selektora kolorów, w którym możesz użyć koloru w oknie, wybrać skalę kolorów za pomocą suwaka lub wprowadzić kody szesnastkowe, RGB lub HSL.

Opcja gradientu pozwala wybrać dwa kolory, które będą wyświetlane. Wybierz pomiędzy liniowym lub promieniowym. Możesz także ustawić krycie kolorów. W tym przykładzie wybrałem radialny.

Zaawansowany

Zaawansowane zawiera dwa pola. Pierwsza to opcja dla kotwicy HTML. Zapewnia to specjalny adres internetowy tylko dla Cover Block. Drugi to pole do dodawania dodatkowych klas CSS. Pozwala to na tworzenie niestandardowego CSS w celu nadania stylu bloku. Wybrany styl pojawia się również w tym polu.

Wskazówki i najlepsze praktyki dotyczące skutecznego korzystania z bloku okładki

W przypadku obrazów użyj ustawień multimediów na pasku bocznym, aby wyświetlić część obrazu, którą chcesz wyświetlić.

Używaj dużych obrazów z opcją pełnej szerokości, aby tworzyć tytuły sekcji.

Zmień na wiele kolumn na pierwszym planie i dodaj obrazy, tekst i przyciski, aby utworzyć wezwania do działania.

Używaj kolorów nakładki i tekstu, które są łatwe do odczytania na obrazie lub kolorze tła.

Przekształć blok w grupę, jeśli chcesz kontrolować kolor obramowania.

Użyj opcji wyrównania, aby ustawić blok okładki w treści lub oddzielić go.

Ustaw ustawienia pozycjonowania treści, aby stworzyć ciekawe wizualizacje i przyciągnąć uwagę czytelnika.

Użyj stałego tła, aby stworzyć efekt paralaksy.

Użyj małych obrazów z powtarzanym tłem, aby stworzyć ciekawe wzory tła.

Często zadawane pytania dotyczące bloku okładki

Co to jest blok okładki?

Jest to blok, który pozwala dodać multimedia lub kolor do tła i inne bloki na pierwszym planie.

Czym różni się od innych bloków?

Może zawierać inne bloki. Możesz dodać inne bloki na pierwszy plan. Tworzy paralaksę, wzory itp.

Czy można go przekształcić w inne bloki?

Tak. Można go przekształcić w blok obrazu. Usuwa wszelkie inne bloki dodane do obszaru zawartości.

Do czego może być używany?

Możesz użyć bloku okładki, aby utworzyć tło z wezwaniem do działania, użyć go do stworzenia tytułu nad sekcją, plakatów, sekcji bohaterów lub czegokolwiek, co chcesz mieć obraz lub wideo w tle.

Wniosek

To jest nasze spojrzenie na Cover Block. Ten blok ma jedne z najciekawszych funkcji i jest doskonałym wyborem do tworzenia nagłówków, tytułów, wezwań do działania, tła paralaksy i nie tylko. Jest łatwy w użyciu i może sprawić, że Twoja witryna będzie wyróżniać się bardziej niż większość bloków. Jego zdolność do tworzenia ciekawych wizualizacji sprawia, że ​​jest to jeden z moich ulubionych bloków WordPress.

Chcemy usłyszeć od Ciebie. Czy używasz Cover Block? Daj nam znać o swoim doświadczeniu w komentarzach.

Polecane zdjęcie za pośrednictwem fourSage / shutterstock.com