Ustaw obraz tła dla swojej witryny WordPress

każdy obraz lub film, którego używasz na swojej stronie, definiuje Twoją markę dla odbiorców. Tak więc obrazy tła na twojej stronie są ważne i powinieneś je zaprojektować lub wybrać, mając na uwadze styl marki i grupę docelową.

w tym samouczku dowiesz się wielu sposobów ustawienia obrazu tła w witrynie WordPress. Przeprowadzę Cię przez proces ustawiania obrazu tła WordPress w szczegółach, abyś mógł to łatwo zrobić sam.

czy hostujesz swoją witrynę WordPress z WordPress.com lub korzystasz z samodzielnie zarządzanego serwera, ten samouczek jest dla ciebie. Poznasz następujące metody ustawiania obrazu tła dla Twojej witryny WordPress:

• Dodaj obraz tła za pomocą ustawień motywu WordPress
• Dodaj obraz tła za pomocą wtyczek WordPress
• Dodaj zdjęcia tła za pomocą CSS

Opcja 1. Dodaj obraz tła za pomocą ustawień motywu WordPress

wiele darmowych motywów WordPress pozwala ustawić obraz tła. Używam motywu Twenty Twenty-One, który jest prostym motywem dla blogów, portfeli i małych firm. Ten motyw pozwala również mieć obraz tła.

Zaloguj się do sekcji administratora witryny WordPress. Możesz obsługiwać większość ustawień WordPress stąd.

• 
  WordPress
  Jak zalogować się do panelu administracyjnego witryny WordPress
  Adi Purdila

kliknij wygląd, który zawiera wszystkie ustawienia wyglądu witryny. Zostaniesz poproszony o wybranie motywu. Wybierz Twenty Twenty-One jako swój motyw (lub dowolny inny motyw, który pozwala mieć obraz tła).

teraz najedź kursorem na menu Wygląd i kliknij Tło. Pojawi się okno dostosowywania motywu i pozwoli Ci wybrać obraz tła.

Teraz wybierz obraz i wybierz obraz z biblioteki WordPress lub prześlij obraz.

możesz ustawić szczegóły obrazu tła, takie jak tekst alternatywny, tytuł, podpis i opis. Jeśli skupiasz się na SEO, zawsze dobrym pomysłem jest dodanie tekstu alternatywnego.

po wybraniu obrazu i zapisaniu ustawień obraz tła WordPress ulegnie zmianie. Teraz możesz przeglądać różne ustawienia wstępne (wypełnij ekran, Dopasuj do ekranu itp.), co pozwoli Ci sprawić, że Twój obrazek w tle będzie wyglądał dokładnie tak, jak chcesz.

pamiętaj, aby kliknąć przycisk Zapisz zmiany w lewym górnym rogu lub zmiany nie zostaną zapisane.

Opcja 2. Dodaj obraz tła za pomocą wtyczek WordPress

używanie wtyczek do wprowadzania zmian w wyglądzie witryny jest zalecane tylko wtedy, gdy masz samodzielnie zarządzaną witrynę WordPress lub jeśli zainwestowałeś w płatny plan z WordPress.com. jeśli zdecydujesz się korzystać z wtyczek za darmo WordPress.com konto, Twoja domena zmieni się. wordpress.com do .wpcomstaging.com, co nie jest idealne.

wtyczki oferują wiele funkcji i funkcjonalności dla Twojej witryny WordPress. Na przykład za pomocą wtyczki w tle możesz dodawać różne tła w wielu obszarach swojej witryny: posty, strony i kategorie. Możesz także ustawić wideo YouTube jako tło za pomocą jednej wtyczki. Wtyczki mogą również zmieniać rozmiar zdjęć i filmów dla telefonów, dzięki czemu odbiorcy mogą łatwo cieszyć się witryną ze swoich telefonów.

• 
  WordPress
  Co To jest Wtyczka WordPress?
  Rachel McCollin
• 
  WordPress
  17 najlepszych wtyczek tła wideo dla WordPress
  Nona Blackman

w tym samouczku używamy bardzo podstawowej darmowej wtyczki. Nazywa się to prostą Wtyczką pełnoekranowego obrazu tła.

po aktywowaniu wtyczki najedź myszą na wygląd. Teraz kliknij nową opcję, pełnoekranowy Obraz BG.

następnie kliknij Wybierz obraz i prześlij obraz, który chcesz jako obraz tła WordPress. Możesz również wybrać obraz z biblioteki multimediów, jeśli wcześniej dodałeś tam preferowany obraz tła.

możesz dodać szczegóły, takie jak tekst alternatywny, podpis i opis obrazu, jeśli chcesz. Kliknij Użyj obrazu, a następnie zapisz opcje.

teraz udaj się na swoją stronę, aby zobaczyć, jak wygląda obraz tła WordPress.

Opcja 3. Dodaj zdjęcia tła za pomocą CSS

ponownie, aby dodać obraz tła za pomocą CSS, musisz mieć samodzielnie hostowaną witrynę WordPress lub subskrybować płatny plan na WordPress.com. Custom CSS nie tylko pozwoli Ci dodać obraz tła, ale możesz także wprowadzić różne zmiany w wyglądzie swojej witryny, aby wyglądała dokładnie tak, jak chcesz.

przejdź do pulpitu WordPress i kliknij wygląd > dodatkowy CSS.

teraz dodaj te linie kodu w polu CSS, aby ustawić obraz tła WordPress.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

Zastąp http://theimageurl adresem URL obrazu, którego chcesz użyć jako obrazu tła WordPress.

Możesz również dodać niestandardowe tła i obrazy do poszczególnych postów na swojej stronie WordPress. Aby to zrobić, będziesz potrzebował tego kodu:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

podobnie jak wcześniej, będziesz musiał zastąpić http://anotherimageurl adresem URL obrazu, którego chcesz użyć. Będziesz także musiał zastąpić slug nazwą istniejącej kategorii w Twojej witrynie.

po zakończeniu wprowadzania zmian w CSS, nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać wszystkie modyfikacje. Teraz możesz odwiedzić swoją witrynę, aby zobaczyć nowy obraz tła!

zwróć uwagę na rozmiar obrazu

przed przesłaniem dowolnego obrazu do witryny WordPress, skup się na jego rozmiarze. Kuszące jest dodanie wysokiej jakości obrazu. Może to jednak zwiększyć szybkość ładowania witryny. To nie brzmi jak wielka sprawa; jednak im wolniejsza jest Twoja witryna, tym większy współczynnik odrzuceń, co oznacza, że więcej osób opuszcza Twoją witrynę przed przeczytaniem lub zobaczeniem jej zawartości. To z kolei wpływa na konwersje. Google powiedział, że dwie sekundy to idealna Szybkość witryny, zwłaszcza jeśli prowadzisz firmę.

jednak z drugiej strony dodawanie obrazów o niskiej jakości tylko ze względu na mniejszy rozmiar może również negatywnie wpłynąć na wrażenia użytkownika. Tak więc idealną praktyką jest utrzymywanie równowagi i dodawanie dobrej jakości zdjęć, ale tylko wtedy, gdy jest to konieczne—to znaczy, gdy dodają wartość do treści i tylko do wymaganej rozdzielczości.

podsumowanie

w tym samouczku pokazałem trzy sposoby ustawienia obrazu tła WordPress.

1. dodawanie obrazu tła za pomocą ustawień wyglądu motywu
2. za pomocą wtyczki do dodawania obrazu tła
3. Dodawanie niestandardowego CSS

Możesz lub nie potrzebujesz obrazu tła dla swojej witryny WordPress. Jeśli jednak zdecydujesz się na obraz w tle, wiedz, że jest to znaczący element, który ustawia styl Twojej marki dla odbiorców. Upewnij się więc, że obraz tła WordPress odzwierciedla wizerunek Twojej marki.