W artykule:
Szukasz sposobu na dodanie strony WordPress w klasie body Twojego motywu?
Dodanie slug strony w motywie WordPress pozwala wykonać wszystkie dostosowania, które chcesz bez żadnych komplikacji. Możesz łatwo zmienić kolory, czcionki i inne określone elementy na podstawie określonych stron.
W tym artykule pokażemy, jak dodać slug strony w klasie body Twoich motywów WordPress.
Po co dodawać stronę Slug w Body Class w swoim temacie?
Jeśli chcesz dostosować określone strony w swojej witrynie i chcesz poprawnie zidentyfikować stronę, dodanie ślimaka strony w klasie body Twojego motywu jest naprawdę przydatne.
Domyślnie Twoja witryna WordPress wyświetli tylko klasy identyfikatora postu, co może być trudne, jeśli chodzi o rozpoznawanie prawidłowej strony. Plik slug strony pokazuje adres URL Twojego posta na blogu, co ułatwia dostosowanie strony.
Poza tym możesz wykonywać różne dostosowania do swoich stron za pomocą klasy page SLUG body. Możesz na przykład zmienić czcionkę i kolory konkretnego posta lub wyróżnić przycisk wezwania do działania na określonej stronie docelowej.
Mając to na uwadze, przyjrzyjmy się, jak możesz dodać slug strony w klasie body swojego motywu WordPress.
Dodawanie strony Slug w Twoim motywie WordPress
Aby pomóc Ci dodać adres URL strony w klasie body motywu WordPress, możesz wprowadzić następujący kod w funkcjach motywu.plik php.
// Page Slug Body Class
function add_slug_body_class ($classes ) {
global $post;
if (isset ($post)) {
$classes [] = $post->post_type . '-' . $post - > post_name;
}
return $ classes;
}
add_filter ('body_class', 'add_slug_body_class');
Możesz uzyskać dostęp do funkcji swojego motywu.Pliki php przechodząc do edytora motywów WordPress (edytora kodu). Jednak bezpośrednia edycja plików motywów jest bardzo ryzykowna.
Dzieje się tak dlatego, że każdy błąd podczas dodawania kodu może uszkodzić twoją witrynę i zablokować logowanie do pulpitu WordPress.
Znacznie prostszym sposobem dodania kodu do klasy body motywu jest użycie wtyczki WordPress, takiej jak fragmenty kodu.
Możesz łatwo dodać kod do swojej witryny w ciągu kilku minut i bez żadnych błędów za pomocą wtyczki. Ponadto zapewnia również, że kod nie zostanie usunięty, jeśli zaktualizujesz lub zmienisz swój motyw w przyszłości.
Najpierw musisz zainstalować i aktywować wtyczkę Code Snippets w swojej witrynie. Aby uzyskać więcej informacji, możesz zapoznać się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.
Następnie możesz przejść do Snippets z panelu administracyjnego WordPress. Następnie kliknij przycisk „Dodaj nowy”.
Teraz podaj tytuł fragmentu kodu i wprowadź kod w sekcji „Kod”.
Po dodaniu kodu nie zapomnij kliknąć przycisku „Aktywuj”. Aby uzyskać więcej informacji, możesz zapoznać się z naszym przewodnikiem na temat dodawania niestandardowego kodu w WordPress.
Teraz zaczniesz widzieć nową klasę body wyprowadzaną w ten sposób: page – {slug}. Użyj tej klasy, aby nadpisać domyślne style i dostosować elementy dla określonych stron.
Na przykład, załóżmy, że chcesz stylizować widżety paska bocznego, ale tylko na stronie, która ma SLUG „Edukacja.”W takim przypadku możesz dodać CSS w ten sposób:
# sidebar .widgets{background: #fffff; color: # 000;}
.strona-Edukacja #sidebar .widgets{background: #000; color: # fff;}
Aby uzyskać więcej informacji, możesz zobaczyć nasz przewodnik na temat dodawania niestandardowego CSS do WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać stronę slug w klasie body Twojego motywu WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat WordPress body class i jak wybrać najlepsze oprogramowanie do projektowania.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
