Dostosowano motyw Galerii 2

• Może 17, 2024

W ostatnim samouczku zaczęliśmy dostosowywać motyw Matrix do własnego motywu dla Galerii 2. Będziemy kontynuować, ustawiając ten nowy motyw jako domyślny motyw dla naszego portfolio i zmieniając grafikę tła.

Wewnątrz folderu motywu dla każdego motywu znajduje się plik obrazu screeshot.png, który jest zrzutem ekranu tego motywu. Wciąż mamy stary png motywu Matrix w naszym nowym folderze motywów. Możesz zastąpić to png motywem galerii. Średni rozmiar png to około 500 x 200 pikseli. Nowy plik screenshot.png zapiszesz w folderze obrazów.

C: \ xampp \ htdocs \ gallery2 \ themes \ dCipollo \ images

Teraz możemy wrócić do panelu sterowania Administratora witryny. Najpierw musimy zainstalować nasz nowy motyw. Przejdź do sekcji Wtyczki, a zobaczysz, że nasz nowy motyw znajduje się w sekcji Motywy na dole strony. Kliknij Zainstaluj, aby zainstalować nasz nowy motyw. Następnie przejdź do sekcji Motywy w obszarze Administracja i zmień domyślny szablon z Matrycy na nasz nowy motyw. Oczywiście w tym momencie nie zauważysz żadnych zmian w układzie szablonu. Nadal musimy wprowadzić te zmiany.

Najpierw lubię wprowadzać zmiany graficzne w moim motywie. Dodajmy obraz tła. Może to być powtarzający się obraz kafelkowy. Ale aby dopasować moją stronę, użyję tego samego dużego statycznego obrazu tła. Musimy zapisać nasz plik jpg w tle w folderze dCipollo w katalogu gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Teraz jesteśmy gotowi zmienić plik theme.css, aby dodać naszą grafikę tła. Jeśli spojrzymy na kod źródłowy pliku main.php, zobaczymy, że znacznik body ma klasę stylu o nazwie gallery.



Będziemy musieli znaleźć ten styl body.gallery w pliku theme.css.

body.gallery {
? ? margines: 0;
? ? wypełnienie: 0;
}

Teraz dodamy kody stylu tła do tej klasy i wskażemy adres URL obrazu tła na plik jpg w folderze dCipollo.

body.gallery {
? ? margines: 0;
? ? wypełnienie: 0;
? ? kolor tła: #eeeeee;
? ? background-image: url („../../ dCipollo / BG1_Gallery.jpg”);
? ? załącznik w tle: przewiń;
? ? powtarzanie w tle: brak powtarzania;
? ? pozycja tła: lewy górny;
}

Jeśli odświeżymy naszą stronę main.php dla naszego portfolio, nadal nie będziemy widzieć obrazu tła. Wynika to z faktu, że niektóre style mają białe tło. Ustawmy te style na przezroczystym tle.

To powinno zająć się grafiką tła dla naszego portfolio. Jesteśmy gotowi zmienić nagłówek i stopkę strony internetowej.

Instrukcje Wideo: WordPress Tips&Tricks #1 - Obrazki wyróżniające w WordPressie (Może 2024).