whycomputer.com >> Wiedza o Internecie >  >> Internet

Jak zrobić tło gradientowe w WordPress

Kaskadowy arkusz stylów Kod projektu WWW zawiera opcję gradientu, dzięki czemu można dodawać tła gradientowe tylko do CSS do stron WordPress bez potrzeby krojenia obrazów. W programie WordPress nie można zastosować gradientu do znacznika treści, tak jak w przypadku jednolitego tła, ale można użyć kontenera div, który otacza całą witrynę. Wiele motywów zbudowanych na frameworkach CSS zawiera już taki div, choć możesz dodać jeden, jeśli twój motyw nie.

Krok 1
Przejdź do katalogu ** wp-admin ** strona internetowa i zaloguj się do pulpitu nawigacyjnego WordPress. Przejdź do ** Wygląd ** i kliknij link ** Edytor **. Kliknij link do ** header.php ** pod nagłówkiem Szablony, aby załadować plik HTML zawierający znacznik treści witryny.

Krok 2
Poszukaj div z identyfikatorem „kontenera” bezpośrednio poniżej znacznik treści w pliku header.php. Jeśli go nie znajdziesz, dodaj jeden. Oto jak powinno wyglądać: Zapisz plik, klikając niebieski przycisk ** Aktualizuj plik **. Jeśli dodałeś div, załaduj ** footer.php ** w edytorze i dodaj **** bezpośrednio nad ****, aby zamknąć div.

Krok 3 - Styl ładowania **. css ** w edytorze. Dodaj ten kod na samym dole pliku: #container {background-color: # 038394; background-image: linear-gradient (góra, # 038394, # 00CCCC); background-image: -webkit-linear-gradient (góra, # 038394, # 00CCCC); background-image: -moz-linear-gradient (góra, # 038394, # 00CCCC); } Powyższy kod ustawia awarię dla przeglądarek, które nie obsługują gradientów. Ustawienie „background-image” na „linear-gradient” tworzy tło gradientowe. Przynajmniej musisz ustawić kierunek, w którym gradient ma się zacząć, a następnie dwa kolory, które się wzajemnie zanikają. Dodaj ponownie ten wiersz kodu dwa razy, dodając prefiksy Webkit i Mozilla dla przeglądarek Chrome, Safari i Firefox.
Kliknij niebieski przycisk ** Update File **, aby zapisać plik style.css. Twoje tło gradientowe pojawia się teraz na każdej stronie Twojej witryny WordPress.

Porada
Ustaw wszystkie marginesy na zero dla swojego „kontenera”, jeśli widzisz białe znaki wokół gradientu.


URL:https://pl.whycomputer.com/Internet/100307234.html

Internet
  • Jak zrobić obraz tła Tumblr Powtórz

    Używanie powtarzającego się obrazu dla tła Tumblr często sprawia, że ​​Twój blog jest bardziej interesujący i przyciąga wzrok. Jeśli Twój motyw nie ma opcji układania, możesz sprawić, że obraz będzie powtarzany na dwa sposoby. Najprostszą metodą jest dodanie pojedynczego wiersza kodu do niestandardo

  • Jak zrobić Tumblr Cloud

    Pomimo sporadycznego komentarza do tagów, większość twoich tagów Tumblr prawdopodobnie będzie krótka i trafna, identyfikując temat Twojego postu zamiast dodawać własne dwa centy. Są to tagi, które pojawią się w Twojej chmurze Tumblr - lista często używanych tagów, z których najczęściej są wyświetlan

  • Jak utworzyć zakładkę w HTML

    Jednym z wygodnych kodów w HTML lub Hypertext Markup Language jest tag zakładki, znany również jako tag Anchor. Ten kod może zostać użyty do utworzenia linków, które po kliknięciu przeniosą widza do sekcji zakładki tej samej strony. Może to być przydatne w tworzeniu czystych, zorganizowanych stron i

Wiedza o Internecie © https://pl.whycomputer.com