Jak utworzyć obraz tła w witrynie Gutenberg

Masz dość tego, że Twoja strona wygląda mdło i nudno? Chcesz dodać odrobinę osobowości i atrakcyjności wizualnej?

Tworzenie wizualnie atrakcyjnej witryny zaczyna się od podstaw, a jednym z najbardziej fundamentalnych elementów jest tło. Dobre tło, czy to — obraz, kolor lub wideo ustala nastrój ogólnego wyglądu Twojej witryny.

Więc nie szukaj dalej! W tym przewodniku pokażemy Ci jak tworzyć oszałamiające tła na swojej stronie internetowej opartej na Gutenbergu.

Dlaczego warto dodać tło do swojej witryny Gutenberg

Tło to nie tylko elegancki element — to niezbędny komponent Twojej witryny, który przyciąga uwagę i wzbudza zainteresowanie odwiedzających.

Ale jaki wpływ ma tło na Twoją stronę internetową?

Po pierwsze, tło jest potężnym elementem opowiadania historii. Na przykład dobry wybór i połączenie różnych kolorów w tle nadaje nastrój odwiedzającym. Przyjemny kolor nie będzie drażnił ich oczu i zachęci ich do poświęcenia więcej czasu na sprawdzanie zawartości Twojej witryny. Subtelne tekstury lub nakładki gradientowe mogą zwrócić uwagę na kluczowe obszary treści, zapewniając, że Twój przekaz się wyróżni.

Po drugie, odpowiedni obraz jako tło pomaga zilustrować przesłanie treści i pomaga odbiorcom postrzegać to, co czytają. Na przykład spokojne tło natury może stworzyć uspokajającą atmosferę. Jeśli chcesz dodać energii i pobudzić swoich gości, dynamiczny pejzaż miejski jest dobrym wyborem. 

Ogólnie rzecz biorąc, dobre tło nadaje ton i podkreśla treść. Teraz określmy, jak możesz dodać dobre tło. 

Masz możliwość skorzystania z wbudowanej funkcji Gutenberga o nazwie „okładka”. Jednak ta opcja jest bardzo ograniczona, jeśli chodzi o projekt i dostosowywanie. Tak więc, jeśli nie chcesz iść na kompromis w kwestii projektu, wybierz wtyczkę o nazwie GutenKit.

Ulepszanie Twojej witryny za pomocą tła przy użyciu GutenKit

Dlaczego spośród wszystkich wtyczek oferujących dobrą personalizację tła, GutenKit?

Porozmawiajmy o tym, dlaczego jest on tak gorąco polecany wszystkim witrynom korzystającym z Gutenberga. 

• Każdy blok, wzór, moduł i ustawienie można bezproblemowo zintegrować w ramach pełnej edycji witryny (FSE).
• Możesz zbudować swoją witrynę internetową za pomocą konstruktora pętli zapytań.
• Poziomo i układy pionowe dla menu WordPress z obrazami i ikonami.
• Użytkownicy mogą dodać atrakcyjne wizualnie tło do każdego bloku.

 Teraz zobaczmy, w jaki sposób GutenKit może zamienić Twoją witrynę w żywą i atrakcyjną witrynę.

👉 Read to check solutions for Gutenberg editor is not working.

Dodawanie koloru tła bloku Gutenberga

Otwórz nową lub istniejącą stronę w swojej witrynie internetowej, aby rozpocząć projektowanie z estetycznym tłem. 

Na ekranie edytora kliknij, aby dodać nowy blok. czarna ikona plusa (+)Możesz również dodać nowy blok klikając na przełącznik wstawiania bloków. 

W obu przypadkach możesz z pewnością wybrać blok, który chcesz dodać na ekranie. W tym samouczku najpierw dodamy blok kontenera, aby móc dodać wiele bloków w jednej sekcji. Wybierz układ kontenera z dostępnych sześciu opcji.

Gdy już zdecydujesz o układzie swojego kontenera, ustaw kolor tła swojej sekcji. W narzędziu paska bocznego znajdziesz trzy sekcje, mianowicie — Układ, Styl, I Zaawansowane ustawienia.

Aby ustawić kolor tła sekcji, kliknij sekcję stylu i wybierz tło. Zauważysz, że pod typem tła znajdują się 4 ikony reprezentujące klasyczny, gradient, obraz, I wideo. Ponieważ mówimy o kolorze tła, teraz wybierzemy gradient. Upewnij się, że wybierzesz najlepszą kombinację kolorów, aby kolor tła Twojego bloku Gutenberga był przyjemny dla oczu.

Następnie pora dodać bloki, które chcesz dodać do sekcji, klikając ikonę plusa (+) wewnątrz każdej kolumny. 

I to wszystko! Proces jest tak prosty.

Podsumowanie

Tworzenie obrazu tła w witrynie Gutenberg to skuteczny sposób na poprawę atrakcyjności wizualnej witryny i doświadczenia użytkownika. Niezależnie od tego, czy używasz statycznych obrazów, dynamicznych filmów, czy prostych kolorów, kluczem jest przemyślane zastosowanie i dopasowanie do tożsamości marki. 

Dzięki narzędziom takim jak GutenKit możesz przenieść swoje projekty na wyższy poziom, dzięki czemu Twoja witryna będzie nie tylko funkcjonalna, ale także wizualnie porywająca. Łącząc kreatywność z użytecznością, możesz stworzyć witrynę, która znajdzie oddźwięk u odbiorców i pozostawi trwałe wrażenie.