Wiedza o Internecie
Wiedza o Internecie
CSS umożliwia tworzenie gradientów, więc możesz dodać tło gradientowe w WordPressie bez użycia obrazków. Ponieważ nie można bezpośrednio zastosować gradientu do elementu body, najprostszym rozwiązaniem jest użycie kontenera div obejmującego całą stronę. Większość nowoczesnych motywów już posiada taki element, ale w razie potrzeby możesz go dodać samodzielnie.
Zaloguj się do panelu wp-admin, przejdź do Wygląd → Edytor motywu (lub Theme Editor). W lewym panelu wybierz plik header.php, który zawiera znacznik <body>.
W pliku header.php odszukaj element <div id="container"> znajdujący się zaraz po otwarciu <body>. Jeśli go nie ma, wstaw go w następujący sposób:
<body>
<div id="container">
Po zapisaniu zmian (przycisk Aktualizuj plik) otwórz footer.php i zamknij div przed zamknięciem znacznika </body>:
</div>
</body>
W edytorze wybierz plik style.css i przewiń na sam dół. Dodaj poniższy kod:
#container {
background-color: #038394; /* kolor podstawowy dla przeglądarek bez wsparcia gradientu */
background-image: linear-gradient(to bottom, #038394, #00CCCC);
background-image: -webkit-linear-gradient(top, #038394, #00CCCC); /* Chrome, Safari */
background-image: -moz-linear-gradient(top, #038394, #00CCCC); /* Firefox */
}
Kod ustawia gradient przechodzący od ciemnego zielonego (#038394) do jasnego turkusu (#00CCCC). Po zapisaniu (przycisk Aktualizuj plik) zmiany będą widoczne na każdej podstronie.
#container { margin: 0; }
Użycie powtarzalnego obrazu jako tła w Tumblr sprawia, że blog wygląda bardziej atrakcyjnie. Jeśli Twój motyw nie oferuje opcji „tiling”, możesz wymusić powtarzanie tła na dwa sposoby. Najprostszy – dodać jedną linijkę kodu CSS w sekcji „Custom CSS”. Drugi – bezpośrednio zmodyfikować kod szablonu. W
Większość tagów na Tumblr jest krótka i opisuje temat wpisu, a nie Twoje komentarze. To właśnie te tagi pojawiają się w chmurze tagów – liście najczęściej używanych słów kluczowych, przy czym najpopularniejsze wyświetlane są większą czcionką. Tumblr nie oferuje wbudowanej funkcji tworzenia chmury, w
Co to jest zakładka w HTML?Zakładka (anchor) pozwala oznaczyć dowolny fragment dokumentu i odwołać się do niego za pomocą linku. Dzięki temu użytkownik może szybko przejść do wybranej sekcji.Jak dodać zakładkęZnajdź w kodzie miejsce, które ma stać się celem zakładki – najczęściej nagłówek lub ważny