Title: Zmiana stylu nagłówków ustawionych domyślenie w edytorze Last modified: 2017-12-10 --- # Zmiana stylu nagłówków ustawionych domyślenie w edytorze * [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/) * Cześć ! * Od miesiąca prowadzę pierwszą w życiu stronę internetową. Mam do Was mam nadzieje że niegłupie pytanie. * W edytorze tekstowym wpisów jest jakieś 6 nagłówków. Są one domyślnie ustawione w czcionce która mi nie bardzo odpowiada i za każdym razem musze ją ręcznie zmieniać gdy wstawiam nagłówek. Czy jest jakiś sposób aby to zmienić i ustawić swoje własne nagłówki ? * Przeszukałem cały internet i nic nie udało mi się znlazleść. Nie mogę też znaleśc tego w kodzie. Bardzo prosze o pomoc. * Strona przy której potrzebuję pomocy: _[[zaloguj się](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fpl.wordpress.org%2Fsupport%2Ftopic%2Fzmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze%2Fpage%2F2%2F%3Foutput_format%3Dmd&locale=pl_PL) aby zobaczyć ten link]_ Zobacz 14 odpowiedzi - od 16 do 29 (z 29 łącznie) [←](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/?output_format=md) [1](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/?output_format=md) 2 * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66525) * Nie bardzo to rozumiem. Mógłbyś mi powiedzieć dokładniej jak to zrobić ? * `add_editor_style( 'css/custom-editor-style.css' );` – obojętnie gdzie to wstawie w tym functions.php ? * A ten arkusz stylów to wogóle już nie wiem o co chodzi 🙁 * [Paweł](https://pl.wordpress.org/support/users/mrpauloen/) * (@mrpauloen) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66527) * Chyba najpierw to trzeba wyjaśnić inną rzecz. * **Po co są style edytora?** Otóż. Style edytora są po to, żeby **odzwierciedlić** style strony. Żeby chociaż po części odzwierciedlać formatowanie jakie masz na blogu (front-end). * Ale one w żaden sposób **nie wpływają na to, co się pojawi na stronie**, bo to, co jest na stronie jest formatowane za pomocą arkusza stylów o nazwie: ` style.css`, który fizycznie znajduje się w katalogu twojego motywu. * Natomiast to, co wstawisz do edytora (tekst, html, zdjęcia itd), już ma wpływ. Bowiem to jest zapisywane w bazie danych i potem wyświetlanie na stronie. * Czyli, jeżeli używasz wtyczki, która wstawia taki oto kod: `

Header one

` lub: `

Nowotwory złośliwe – bezlitosne statystki

` bo chcesz sobie zmienić styl nagłówka, lub nawet będziesz chciał mienić kolor tekstu, to to pojawi się on na stronie( będzie miało wpływ), bo style wstawiane są bezpośrednio do znacznika HTML * Ale jeżeli chociaż trochę studiowałeś kaskadowe arkusze stylów i język HTML, to powinieneś wiedzieć, że istnieje coś takiego jak hierarchia w stylach. * Dlatego wstawienie stylów `inline`, czyli bezpośrednio do znacznika za pomocą atrybutu: `style`, powoduje, że ma najwyższą hierarchie i nic, nawet zmiana w arkuszu na **!important** – Nie Pomoże. * Dlatego, u ciebie nic się nie zmieniło. * Więc, czy dodanie stylów edytora ci ma w czymś pomóc? * Jeżeli chcesz odzwierciedlać formatowanie – tak – to proszę bardzo: * W plik `function.php`, wstawiasz: * ``` /** * Registers an editor stylesheet for the theme. */ function wpdocs_theme_add_editor_styles() { add_editor_style( 'editor-style.css' ); } add_action( 'admin_init', 'wpdocs_theme_add_editor_styles' ); ``` * tak jak w dokumentacji: * > [Home](https://developer.wordpress.org/) * Następnie w katalogu motywu tworzysz plik o nazwie `editor-style.css` i w nim dodajesz regułki. * Ale tak jak wspomniałem wcześniej. Stylami edytora nie wpływasz na formatowanie na stronie docelowej. To się robi przy pomocy arkusza stylów: `style.css`, znajdującego się w twoim motywie. * Jeżeli chcesz zmienić czcionkę dla `h1`, po prostu dodaj cechę: `font-family`, do swojego arkusza, w linii `141`. * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66528) * ok, nie powiedziałeś mi gdzie należy wstawić formułkę do `function.php`, więc wstawiłem ją na sam koniec * ![Beztytulu448832e4bd0e9909.png](https://s1.gifyu.com/images/Beztytulu448832e4bd0e9909. png) * Jesli chodzi o ten plik `editor.style.css` to umieściłem go w katalogu theme * ![Beztytulu2244e963b171ee6bb.png](https://s1.gifyu.com/images/Beztytulu2244e963b171ee6bb. png) * Ale niestety nie mam bladego pojęcia jak przypisać styl i wielkośc czcionki do konkretnego nagłówka. Plik jest narazie pusty. - Ta odpowiedź została zmodyfikowana 8 lat, 10 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). - Ta odpowiedź została zmodyfikowana 8 lat, 10 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). - Ta odpowiedź została zmodyfikowana 8 lat, 10 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66532) * w dodatku troszkę mi się strona posypała: * Warning: Cannot modify header information – headers already sent by (output started at /home/michaha/ftp/wp/wp-content/themes/colormag/functions.php:528) in /home/ michaha/ftp/wp/wp-includes/pluggable.php on line 1216 * I nie mogę tego cofnąć: * Operacja nie powiodła się. Twoje zmiany nie zostały zachowane. Proszę spróbować ponownie. Istnieje prawdopodobieństwo, że będzie trzeba ręcznie poprawić i wgrać plik na serwer używając FTP. - Ta odpowiedź została zmodyfikowana 8 lat, 10 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). * [Paweł](https://pl.wordpress.org/support/users/mrpauloen/) * (@mrpauloen) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66534) * Tak to właśnie jest, jak się używa edytora online. Powinien być zakazany. * Funkcje wstawiłeś za znacznikiem zamykający PHP w lini 527. Usuń to. * A plik ma być w głównym katalogu Twojego motywu. - Ta odpowiedź została zmodyfikowana 8 lat, 10 miesięcy temu przez [Paweł](https://pl.wordpress.org/support/users/mrpauloen/). * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66536) * ⌊2d772c63097e0f909.png⌉⌊2d772c63097e0f909.png⌉ Wstawiłem to teraz bezpośrednio do pliku function.php ( jakiś inny mi się wydaje niż w tym edytorze on-line). No i usunałem też znacznik. * Nie wiem tylko jaką formułę wpisać do css. Masz może szablon takiego pliku. Ja potrafie w tych programch tylko parametry zmieniać,a nie za bardzo mi wychodzi samo programowanie. - Ta odpowiedź została zmodyfikowana 8 lat, 10 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). * [Paweł](https://pl.wordpress.org/support/users/mrpauloen/) * (@mrpauloen) * [8 lat, 10 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66538) * Zajrzyj sobie na przykład do motywu `twenty sixteen`, powinien on znajdować się u Ciebie na serwerze… * I broń Cię Panie Boże nie używaj notatnika tylko Notepad++ * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 9 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66541) * > I broń Cię Panie Boże nie używaj notatnika tylko Notepad++ * czego? a może być na przykład wordpad ? * Udało mi się osiągnąć częściowy sukces. Mój plik `editor-style.css`– wygląda tak jak poniżej. Wywaliłem wszystko to co uznałem za niepotrzbne. * ``` body { color: #1a1a1a; font-family: 'Open Sans'; font-size: 16px; font-weight: 400; line-height: 1.75; margin: 20px 40px; max-width: 600px; vertical-align: baseline; } body.post-type-page { max-width: 840px; } h1, h2, h3 h1 { font-size: 20px; line-height: 1.6; } h2 { font-size: 18px; line-height: 1.4; } h3 { font-size: 16px; line-height: 1.2; } ``` * NIe wszystkie wartości uległy zmianie tak jak powinny. Na przykład wielkość czcionki w h2 i h3 jest teraz 14pt. Reszta o dziwo jest dobrze.Czy ten plik może być przez coś nadpisywany? Dziwne jest też to że zmiany wprowadzone do tego pliku nie pojawiają się od razu a najczęsciej na drugi dzień. - Ta odpowiedź została zmodyfikowana 8 lat, 9 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). - Ta odpowiedź została zmodyfikowana 8 lat, 9 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). * [Paweł](https://pl.wordpress.org/support/users/mrpauloen/) * (@mrpauloen) * [8 lat, 9 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66544) * I znów masz błędy: * ``` h1, h2, h3 h1 { font-size: 20px; ``` * Jakieś zbłąkane owieczki te nagłówki na początku? * > NIe wszystkie wartości uległy zmianie tak jak powinny * Jeden przecinek mniej i wszystko się wali. * Zazwyczaj globalne selektory powinny wystarczyć, ale jak nie, to próbuj dodać`! important` i sprawdzać w Konsoli czy przejęło style. Jak nie przejęło style, to musisz je bardziej sprecyzować. * Może dodanie do każdego atrybutu: `#tinymce` pomoże np: * ``` body#tinymce.wp-editor { font-family: Arial, Helvetica, sans-serif; margin: 10px; } body#tinymce.wp-editor a { color: #4CA6CF; } ``` * > a może być na przykład wordpad ? * Nie może być. * > Dziwne jest też to że zmiany wprowadzone do tego pliku nie pojawiają się od > razu a najczęsciej na drugi dzień. * Usuń pamięć podręczną z przeglądarki. F12 i gdy konsola jest otworzona: Ctrl + Shift + R lub 3 sekundy trzymasz **„Odśwież”** * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 9 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66551) * Nie wszystko zmienia. Wogóle to jest trochę dziwna sytuacja, bo co innego mam w pliku editor-style a zupełnie inną formułę podaje mi jak daje – „inspect”. Żeby nie było że gadam głupoty to wklejam: * – najpierw mój obecny editor-style.css * ``` body#tinymce.wp-editor { color: #1a1a1a; font-family: 'Open Sans'; font-size: 15px !important; font-weight: normal; line-height: 1.4; margin: 5px 5px; } h1,h2,h3 { margin: 20px 0 10px !important; font-weight: normal; } h1#tinymce.wp-editor { font-size: 20px !important; line-height: 1.6 !important; } h2#tinymce.wp-editor { font-size: 18px !important; line-height: 1.4 !important; } h3#tinymce.wp-editor { font-size: 16px !important; line-height: 1.2 !important; } ``` * – a teraz zbadanie nagłówka h1 * [⌊Beztytulu09201bf67abac6de.png⌉⌊Beztytulu09201bf67abac6de.png⌉[ * na przykład to max-width było wcześniej umieszczone w atrybucie body. Po wywaleniu z kodu dalej się wyświetla nie wiem czemu (?) - Ta odpowiedź została zmodyfikowana 8 lat, 9 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). - Ta odpowiedź została zmodyfikowana 8 lat, 9 miesięcy temu przez [michaha](https://pl.wordpress.org/support/users/michaha/). * [Paweł](https://pl.wordpress.org/support/users/mrpauloen/) * (@mrpauloen) * [8 lat, 9 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66636) * Podstawy CSS się kłaniają panie Michale. * Źle używasz zapisów selektorów. * Atrybut i klasa `#tinymce.wp-editor` są rodzicami czyli elementami nadrzędnym a ty traktujesz je jako podrzędne i przypisujesz nagłówkom: * ``` h1#tinymce.wp-editor { font-size: 20px !important; ``` * Dlatego nie działa a nagłówki bez tych dodatków już działają. * W konsoli masz wyraźnie podaną ścieżkę dostępu: * `h1` jest po `#tinymce` * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 9 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66650) * > Podstawy CSS się kłaniają panie Michale. * No niestety, uczę się tego na żywca. * Mogłem coś dalej w skaładni przekręcić bo wczytuje mi coś inne: * ``` body#tinymce.wp-editor { color: #1a1a1a; font-family: 'Open Sans'; font-size: 15px !important; font-weight: normal; line-height: 1.4; margin: 5px 5px; } h1,h2,h3,pre { margin: 20px 0 10px !important; font-weight: normal; } #tinymce.wp-editor h1 { font-size: 20px !important; line-height: 1.6 !important; } #tinymce.wp-editor h2 { font-size: 18px !important; line-height: 1.4 !important; } #tinymce.wp-editor h3 { font-size: 16px !important; line-height: 1.2 !important; } #tinymce.wp-editor pre { font-size: 7px !important; line-height: 1.2 !important; font-style: oblique; } ``` * [robinsongit](https://pl.wordpress.org/support/users/robinsongit/) * (@robinsongit) * [8 lat, 8 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-66930) * A nie lepiej zakupić sobie wtyczkę Divi builder lub beaver builder i skończyć raz na zawsze z grzebaniem w cssach ? * Twórca wątku [michaha](https://pl.wordpress.org/support/users/michaha/) * (@michaha) * [8 lat, 8 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-67714) * niestety ale budżet mojej strony to 0zł i 0gr. * Poza tym takie grzebanie w css nie jest złe i może się przydać na przyszłość 😉 Zobacz 14 odpowiedzi - od 16 do 29 (z 29 łącznie) [←](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/?output_format=md) [1](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/?output_format=md) 2 Temat ‘Zmiana stylu nagłówków ustawionych domyślenie w edytorze’ jest zamknięty na nowe odpowiedzi. ## Tagi * [editor style](https://pl.wordpress.org/support/topic-tag/editor-style/) * [style edytora wysiwyg](https://pl.wordpress.org/support/topic-tag/style-edytora-wysiwyg/) * W: [Zaawansowane](https://pl.wordpress.org/support/forum/zaawansowane/) * 29 odpowiedzi * 3 uczestnik * Ostatnia odpowiedź od: [michaha](https://pl.wordpress.org/support/users/michaha/) * Ostatnia aktywność: [8 lat, 8 miesięcy temu](https://pl.wordpress.org/support/topic/zmiana-stylu-naglowkow-ustawionych-domyslenie-w-edytorze/page/2/#post-67714) * Status: nierzwiązane ## Tematy ### Najbardziej popularne tematy ### Tematy bez odpowiedzi ### Wątki niezwiązane ze wsparciem ### Rozwiązane wątki ### Nierozwiązane tematy ### Wszystkie tematy