Jak zmienić projekt administratora WordPress
W mojej grupie Vkontakte zadano mi pytanie, jak zmienić wygląd panelu administracyjnego WordPress CMS. Myślę, że oficjalny przewodnik pomoże mi w tym pytaniu, jak zawsze., zacznijmy razem.
Odwiedzając witrynę Kodeks WordPressa jak zawsze zdałem sobie sprawę, że nie ma rosyjskiego tłumaczenia tego pytania, co oznacza, że zaczynamy tłumaczyć i szukać różnych artykułów na ten temat.
Postaram się przedstawić swoją wersję zmiany wyglądu panelu administracyjnego.
Więc, oparty na tym samym Chukow o czym już pisałem w dziale "Do tworzenia wtyczek» możesz bezboleśnie zmienić wygląd panelu administracyjnego. Ponieważ hooków można używać we własnych wtyczkach, postanowiłem stworzyć dla Ciebie podstawowy kod., a dowiesz się dokładnie jak i co, jesteście moimi mądralami ).
Zacznijmy tworzyć wtyczkę motywu administratora WordPress
Będziemy pracować z tym hakiem add_action(„admin_head”, „mój_nagłówek_administratora”). Zacząć utwórz folder na swojej stronie testowej w folderze wtyczek motywy wp-admin i plik wp-content/plugins/wp-admin-themes/my-admin-themes.php. Umieść podstawowy kod wtyczki w pliku:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?php /* Plugin Name: My Admin Theme Plugin URI: https://wp-admn.com.ua/my-admin-theme Description: My WordPress Admin Theme - Upload and Activate. Author: Ms. WordPress Version: 1.0 Author URI: https://wp-admin.com */ function my_admin_head() { echo '<link rel="stylesheet" type="text/css" href="' .plugins_url('wp-admin.css', __FILE__). '">'; } add_action('admin_head', 'my_admin_head'); ?> |
Ogólnie rzecz biorąc, wtyczka jest już dla nas gotowa. Następnie przejdź do panelu administracyjnego naszej strony i aktywuj stworzoną wtyczkę Mój motyw administratora. Po aktywacji utworzona wtyczka pomoże Ci dostosować style panelu administracyjnego poprzez folder wtyczek.
Utwórz kolejny plik w folderze wtyczki wp-admin.css i dodaj dowolny z poniższych przykładowych kodów:
Style administratora
#wp-admin-bar-nazwa-witryny – Główny styl wyświetlania nazwy witryny lub linku do wyświetlenia witryny w pasku administratora ( #wp-admin-bar-nazwa-witryny).
Próbowanie stylu i oglądanie panelu administratora:
1 2 3 4 5 |
#wp-admin-bar-site-name{ background-color: #616c6e!important; background: -moz-linear-gradient(bottom,#616c6e,#B0C4DE); background: -webkit-gradient(linear,left bottom,left top,from(#616c6e),to(#B0C4DE)); } |
#menu administratora wstecz, #zawijanie menu administratora – Zmiana tła menu pierwszego poziomu w panelu administratora
Próbowanie stylów i obserwowanie administratora WordPress:
1 2 3 4 5 |
#adminmenuback, #adminmenuwrap{ background-color: #dbe8f8!important; background: -moz-linear-gradient(bottom,#dbe8f8,#fff); background: -webkit-gradient(linear,left bottom,left top,from(#dbe8f8),to(#fff)); } |
Próbowanie stylu i oglądanie panelu administratora:
1 2 3 4 5 |
#adminmenu ul { background-color: #dbe8f8!important; background: -moz-linear-gradient(bottom,#dbe8f8,#fff); background: -webkit-gradient(linear,left bottom,left top,from(#dbe8f8),to(#fff)); } |
Próbowanie stylu i oglądanie panelu administratora:
1 2 3 4 5 |
#wpwrap { background-color: #E4F0FE!important; background: -moz-linear-gradient(bottom,#E4F0FE,#B0C4DE); background: -webkit-gradient(linear,left bottom,left top,from(#E4F0FE),to(#B0C4DE)); } |
Przykład:
1 2 3 4 5 6 |
#footer { background-color: #E4F0FE!important; background: -moz-linear-gradient(bottom,#E4F0FE,#B0C4DE); background: -webkit-gradient(linear,left bottom,left top,from(#E4F0FE),to(#B0C4DE)); padding:30px; } |
#wpbody h2 - zmień tytuły na każdej stronie w panelu administracyjnym.
Przykład:
1 2 3 4 |
#wpbody h2{ font-size:25px; color:#8b2010 !important; } |
Myślę, że możesz się zmienić, po prostu sprawdzając określone elementy.
Możesz także skopiować standardowe style administracyjne WordPress i zamień je w platynę, są w tym folderze: /wp-admin/css. Skopiuj do folderu wtyczki i zmień panel administracyjny według własnego uznania.
Oto mój wynik pracy z wtyczką, którą stworzyliśmy:
Deweloperzy CMS WordPress Polecam również wtyczkę Motyw administratora WP zmienić wygląd silnika.
Kolejny mały bonus w artykule:
Możesz nieco zmienić stopkę w panelu administracyjnym za pomocą specjalnego zaczepu:
1 2 3 4 5 |
function remove_footer_admin () { echo 'Уроки WordPress <a href="https://wp-admin.com.ua">wp-admin.com.ua</a> (с) 2012'; } add_filter('admin_footer_text', 'remove_footer_admin'); |
Kod sprawdzony, wszystko działa poprawnie. Powodzenia w rozwijaniu stron WordPress!
/*
- Podstawowy kurs projektowania stron internetowych;
- Układ stron;
- Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
- Tworzenie stron internetowych w PHP.
Dziękuję za artykuł, bardzo pomogłeś. Czy można zmienić kod HTML administratora?
znalezione przykłady, ale zostały wykonane w javascript, Myśleć,
że nie ma potrzeby zmiany kodów źródłowych. Zmieniając główny kod, możesz stracić szablon administratora, Kiedy silnik zostanie zaktualizowany?.
Opcjonalnie możesz spojrzeć w stronę haków WordPress, ale tylko po angielsku. znaleźć coś przydatnego, Rzuć lub jeśli znajdziesz coś, czego nie rozumiesz, ale to 100% pracujący, ustalimy to razem. Po prostu nie wszystko )