Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak łatwo zmienić wielkość litery w WordPressie

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz zmienić wielkość liter w twoich wpisach lub stronach WordPress?

Czasami możesz chcieć powiększyć wiersz lub akapit albo zwiększyć wielkość czcionki na całej stronie.

W tym artykule pokażemy, jak łatwo zmienić wielkość liter w wpisach i motywach WordPress.

How to change font size in WordPress

Dlaczego warto zmieniać wielkość liter w WordPress?

Zmieniając wielkość liter na twojej witrynie internetowej WordPress, możesz poprawić czytelność treści i ułatwić użytkownikom jej przeglądanie.

Co więcej, zwiększenie wielkości pisma może również pomóc w wyróżnieniu ważnych informacji na twoim blogu WordPress.

Na przykład, jeśli prezentujesz produkt partnerski na twojej witrynie, zwiększenie wielkości jego litery może pomóc w powiadomieniu o produkcie. Może to również sprawić, że treść będzie bardziej czytelna dla widzów, którzy uzyskują dostęp do twojej witryny internetowej za pośrednictwem urządzeń mobilnych.

Powiedziawszy to, zobaczmy, jak łatwo zmienić wielkość pisma w WordPress.

W tym poradniku omówimy kilka metod, więc możesz skorzystać z poniższych odnośników, aby przejść do wybranej przez siebie metody:

Film instruktażowy

Subscribe to WPBeginner

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Metoda 1: Zmiana wielkości pisma przy użyciu nagłówków

Jeśli szukasz łatwego sposobu na zmianę wielkości pisma za pomocą nagłówków, to ta metoda jest dla Ciebie.

Używanie nagłówków w twojej treści to świetny sposób na przyciągnięcie uwagi użytkownika za pomocą czcionki o większej wielkości.

W większości motywów WordPress nagłówki mają większy krój pisma niż zwykły tekst, co pozwala podzielić twoje wpisy i strony na sekcje.

Nagłówki są również świetne do poprawy SEO witryny internetowej, ponieważ wyszukiwarki nadają odpowiednim nagłówkom większą wagę niż zwykłemu tekstowi akapitowemu.

Jak dodać nagłówek w domyślnym edytorze bloków WordPress?

Najpierw należy otworzyć nowy wpis lub stronę w edytorze bloków WordPress.

Gdy już się tam znajdziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu, aby otworzyć menu bloków.

Z tego miejsca należy znaleźć i dodać blok Nagłówek do strony/wpisu.

Add the heading block

Domyślnie blok zostanie ustawiony na Nagłówek 2.

Jeśli dodajesz podtytuł, warto trzymać się opcji „Nagłówek 2”.

Jeśli jednak chcesz to zmienić, możesz po prostu kliknąć menu rozwijane „H2”, aby wybrać inny rozmiar.

Change heading from h2

Można również zmienić rozmiar nagłówka za pomocą ustawień bloku w prawym panelu ekranu.

Możesz nawet dostosować kolor nagłówka, jego wygląd, wielkość liter i wiele więcej.

Po zakończeniu nie zapomnij kliknąć przycisku „Aktualizuj” lub „Opublikuj”, aby zapisać twoje ustawienia.

Heading settings

Jak dodać nagłówek w starym edytorze klasycznym

Jeśli nadal korzystasz ze starego klasycznego edytora WordPress, możesz dodawać nagłówki za pomocą rozwijanego menu Akapit.

Najpierw zaznacz myszką tekst, który chcesz przekształcić w nagłówek.

Następnie kliknij menu rozwijane „Akapit” w lewym górnym rogu i wybierz twój rozmiar nagłówka. Udało ci się zmienić wielkość pisma w nagłówku.

Choose heading in classic editor

Należy jednak pamiętać, że klasyczny edytor nie pozwala na zmianę wielkości liter i kolorów czcionek różnych stylów nagłówków.

Jeśli chcesz to zrobić, musisz wprowadzić zmiany w arkuszu stylów twojego motywu (style.css).

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać twoje zmiany.

Metoda 2: Zmiana wielkości litery tekstu w edytorze bloków

Jeśli chcesz zmienić wielkość litery tekstu w twoim bloku Paragraph, to ta metoda jest dla ciebie.

Najpierw należy otworzyć istniejącą stronę/wpis w edytorze bloków Gutenberg.

Gdy już się tam znajdziesz, kliknij dowolny blok akapitu, a następnie przejdź do karty „Style” w panelu bloków po prawej stronie ekranu.

W tym miejscu należy wybrać wielkość litery z sekcji „Typografia”.

Change the font size

W zależności od twoich potrzeb możesz wybrać opcję Small, Medium, Large lub Extra Large.

Jeśli chcesz zmienić twój tekst z powrotem do oryginalnego rozmiaru, możesz to również zrobić, klikając menu z trzema kropkami obok sekcji „Typografia”.

Spowoduje to otwarcie nowego menu rozwijanego, w którym należy kliknąć opcję „Resetuj”.

Reset font size

Oprócz tego można również dodawać kapitaliki, wielkość liter, odstępy, wygląd i inne elementy za pomocą tego samego menu rozwijanego.

Następnie wystarczy kliknąć przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać twoje zmiany.

Należy pamiętać, że opcje te nie są dostępne w starszym klasycznym edytorze WordPress. Jeśli chcesz z nich korzystać, zastanów się nad zmianą.

Metoda 3: Zmiana wielkości pisma za pomocą wtyczki

Jeśli chcesz zmienić wielkość liter za pomocą wtyczki, możesz skorzystać z tej metody.

Najpierw należy zainstalować i włączyć wtyczkę Advanced Editor Tools. Aby uzyskać szczegółowe instrukcje, możesz zapoznać się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączeniu wtyczka zapewnia większą kontrolę nad wielkością liter i formatowaniem tekstu, a także szereg innych funkcji. Powoduje utworzenie nowego bloku „Classic Paragraph”, który posiada wszystkie wybrane przez ciebie funkcje formatowania.

Po włączaniu przejdź do strony Ustawienia ” Narzędzia edytora zaawansowanego z panelu bocznego administratora WordPress.

Tam można łatwo przeciągnąć i upuścić funkcje formatowania z sekcji „Nieużywane przyciski” do bloku „Klasyczny akapit”.

Funkcje te obejmują wielkość liter, rodzinę pisma, kopiowanie, indeks dolny, emotikony, kod źródłowy i inne.

Add the font size field

Gdy już to zrobisz, przewiń w dół do sekcji „Opcje” i zaznacz opcję „Rozmiary pisma”, aby uzyskać dostęp do większej liczby rozmiarów liter.

Następnie wystarczy kliknąć przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Add more font sizes

Jeśli używasz wtyczki z edytorem klasycznym, będziesz musiał przełączyć się na kartę „Edytor klasyczny” u góry strony.

Gdy już się tam znajdziesz, musisz podjąć takie same działania jak w edytorze bloków.

Advanced editor tools classic editor font size

Upewnij się, że kliknąłeś przycisk „Zapisz zmiany” po wprowadzeniu twoich zmian.

Teraz, aby zobaczyć wtyczkę w działaniu, musisz otworzyć nową lub istniejącą stronę / wpis z kokpitu WordPress.

Gdy już się tam znajdziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu, aby otworzyć menu bloków.

W tym miejscu znajdź i dodaj do strony blok Akapit klasyczny.

Add the classic paragraph block to the page

Możesz teraz użyć menu rozwijanego „Rozmiary pisma”, aby zmienić rozmiar tekstu w bloku „Klasyczny akapit”.

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać twoje wpisy lub ustawienia strony.

Font size field

Metoda 4: Zmiana wielkości liter w całej witrynie za pomocą WPCode

Jeśli chcesz zmienić wielkość pisma na całej twojej witrynie internetowej, ta metoda jest dla ciebie.

Możesz łatwo zmienić wielkość liter w całej witrynie, dodając kod CSS do swojej witryny internetowej za pomocą WPCode.

Jest to najlepsza na rynku wtyczka do fragmentów kodu WordPress, która sprawia, że dodawanie kodu do twojej witryny internetowej jest bardzo łatwe i bezpieczne.

Najpierw należy zainstalować i włączyć wtyczkę WPCode. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź do strony Fragmenty kodu ” + Dodaj fragment z panelu bocznego administratora WordPress.

Następnie kliknij przycisk „Use Snippet” pod opcją „Add Your Custom Code (New Snippet)”.

Add new snippet

Spowoduje to przejście do strony „Create Custom Snippet”, gdzie można zacząć od nadania tytułu twojemu fragmentowi kodu.

Następnie wybierz opcję „Fragment kodu CSS” z rozwijanego menu „Rodzaj kodu” w prawym rogu ekranu.

Uwaga: Opcja „Fragment kodu CSS” jest dostępna tylko we wtyczce premium WPCode. Jeśli jednak korzystasz z darmowej wersji, możesz wybrać opcję „Universal Snippet”.

Choose CSS Snippet for font size code

Następnie skopiuj i wklej następujący własny kod CSS w polu „Podgląd kodu”:

p {
font-size:16px;
}

Gdy już to zrobisz, po prostu dodaj twoją pożądaną wielkość liter obok linii „krój pisma” w kodzie CSS.

Powinno to wyglądać następująco.

Paste font size code

Następnie przewiń w dół do sekcji „Wstawianie” i wybierz tryb „Automatyczne wstawianie”.

Twój kod zostanie automatycznie wykonany na Twojej witrynie po włączaniu.

Choose an insertion method

Na koniec przewiń z powrotem do góry strony i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Następnie kliknij przycisk „Zapisz fragment kodu”, aby wykonać twój kod.

Save font size code

Udało ci się zmienić wielkość pisma na twojej witrynie WordPress.

Bonus: Zmiana koloru tekstu w WordPress

Oprócz rozmiaru, możesz również zmienić kolor tekstu na twojej witrynie internetowej, aby treść była bardziej czytelna i atrakcyjna wizualnie. Może to również importować twój branding i pomóc podkreślić ważne informacje.

Aby zmienić kolor tekstu, należy otworzyć wpis na blogu w edytorze bloków i wybrać blok Akapit. Gdy to zrobisz, przejdź do karty „Style” w panelu bloków i kliknij opcję „Tekst”.

Spowoduje to otwarcie narzędzia selektora kolorów, z którego można wybrać dowolny kolor tekstu dla twojej treści.

Change text colors

Jeśli chcesz zmienić kolory tekstu na całej witrynie internetowej, możesz użyć WPCode, który jest najlepszą wtyczką do fragmentów kodu WordPress na rynku.

Po włączaniu wystarczy przejść na stronę Code Snippets ” + Add Snippet z panelu bocznego administratora WordPress i kliknąć „Use Snippet” pod opcją „Add Your Custom Code”.

Spowoduje to przejście do strony „Create Custom Snippet”, gdzie należy wybrać „CSS Snippet” jako rodzaj kodu, a następnie skopiować i wkleić poniższy kod w polu „Podgląd kodu”:

p { color:#990000; }

Jeśli chcesz użyć innego koloru dla nagłówków twojej witryny, musisz użyć selektorów h1, h2, h3 lub podobnych.

Changing the text color using custom code

Na koniec kliknij przycisk „Zapisz fragment kodu” i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Udało ci się teraz zmienić kolor tekstu w całej twojej witrynie internetowej. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym poradnikiem na temat zmiany koloru tekstu w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo zmienić wielkość pisma w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat korzystania z własnych krojów pisma w WordPress lub z naszą listą najlepszych wtyczek do tworzenia stron WordPress typu „przeciągnij i upuść„.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

177 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. sutarmaji says

    Thank you. Your explanation is clear. But, I cannot apply it to my editing activities. In my Block Editor and Classic Editor, there is no font size dropdown menu. It’s frustating. Can you help me?

  3. sarah says

    Hi there,

    thanks for this tutorial. I was trying to do the fourth method and wanted to change my H2 size. I copy and pasted the code into my custom CSS but when I change the px value nothing happens. The Size doesn’t change. Very annoying :O

    • WPBeginner Support says

      You may need to check with your theme’s support in case they are overriding your CSS

      Administrator

  4. David Johnson says

    In the new wordpress block editor, regardless of whether I give it a H1 or H4 heading, it doesn’t change the size of the font at all. Sure, in the editor the size changes, but when I publish, there is no size change for what the public sees.

    • WPBeginner Support says

      Your theme may have styling for your headings that make the text look the same. You would either want to edit it with CSS or reach out to your theme’s support.

      Administrator

  5. Jran says

    Hi, is there a way to set/change defaults with the Classic paragraph editor? So for example if you wanted each block of text to have size 14 in Book Antiqua, is there a way to keep as a preset instead of having to manually change every block or even line?

    • WPBeginner Support says

      For what you’re wanting, you would likely need to use the CSS method from this article to set the text how you’re wanting.

      Administrator

  6. Leslie Limardo says

    Hi there,
    I have the tiny mce advanced plugin. I added the font size to the selection but when i go to my pages, but doesn’t appear and I’ve clicked through all the options and don’t see where else to add it.

    • WPBeginner Support says

      You will likely need to reach out to your specific theme’s support and they should be able to assist with what could be preventing the changes.

      Administrator

  7. Yoshiko says

    Hello. Thanks for the posting. I have one question. If I want to enlarge a couple of words in one block, how can I do it?

    • WPBeginner Support says

      You would likely need to edit the paragraph using HTML to manually add the text changes to specific sections.

      Administrator

  8. Vaibhavi says

    Thank you so much for this! I was afraid I’d have to buy a premium theme to make such small changes. This helped tons! :)

  9. tonyalee says

    This was so helpful! The font on my site was so small. Quick question, is there a way to do this for lists in the block editor? I noticed they are still the same size after adding the code to my css editor.

  10. mousam says

    Thank you for this post. I use astra theme and have implemented the custom css method for paragraph.

    Thank you again

  11. M Santimi says

    Thanks for being a reliable source of factual information pertaining to wordpress.

    Would appreciate an easy way to change light grey fonts to a more easily readable black.

  12. Susan Narayan says

    Nice video, but I was looking for a way to decrease the size of the font in my post title. Any resources you could direct me to?
    Thank you.

  13. mod says

    Hi, I want to change the default wordpress font size. I tried to add it in additional css. But it did not work. Please suggest me what to do. Thanks

  14. Ryan G. Cullen says

    I want to add a tiny text at the right size of image like a source link refer to image from…

    Help me how can I do this?

  15. Habib Khan says

    Hey,
    I was confused about the size of font. What is the size of font you are using in wpbeginner

    Either way, Your articles are best keep it up!

    Cheers,
    Habib

  16. Elise says

    Hello!
    I tried to change the font sizes (body+headings) in CSS but wasn’t successful;

    Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.

    What should I do? Your comments would be greatly appreciated ☺️

    • WPBeginner Support says

      It would depend on where you are adding the code, are you under Appearance>Customize>Additional CSS?

      Administrator

  17. Victor says

    With the new version of WordPress, this does not work. I am not sure why the article lists as 4/19 because some comments are a lot older.

    • WPBeginner Support says

      The date updates even if we edit out typos, these methods should work with the classic editor and for the block editor, there is the option to change the font size in the paragraph’s block settings.

      Administrator

  18. Radoslav says

    My theme is Sydney The articles’ titles are too big in mobile. Is there a way to change them without coding and without plugins. I use Elementor.

    • WPBeginner Support says

      If you’re using Elementor, then it should have options to change the font size in the design options for what you’re using to display the post. If you’re not customizing your layout with Elementor it would require CSS or reaching out to the theme’s support.

      Administrator

  19. john felicetti says

    I want to change the site title font on my self-hosted wordpress site and cannot get a simple answer as to how to do that. can you help?

  20. Jim says

    In the video, at 28 seconds, the editor is shown. There are all kinds of tools in the button bar.

    My dashboard doesn’t have that editor. There are, in fact, no buttons at all, just a text box with giant text in it.

    So, how do I get access to a real editor like you have?

    Jim

  21. Keith Brian Johnson says

    What if you want to make the title smaller but the tagline bigger? Being able to dictate fonts and sizes of text in posts is great, but how about the title and tagline?

    • Darlene says

      My old WP theme appears to have coded Heading 1 in 12 pt font like normal text. I manually change each heading to 14 pt. But then the coding doesn’t say „h1” which Google robots look for. If I use your plugin(which is cool) and change heading font sizes, will they still be labeled h1, h2, h3? Also, I don’t want to change fonts on pages already customized. Can I apply the plugin to blog posts only? Thanks.

  22. Danny says

    The use of px (or pt) in this Guide is not recommendable, because on small Screens like on Smartphones the font size is very small. Its better to use em.

  23. Andrew Oliver says

    I want to enlarge Excel spreadsheets in my posts. I snip them and upload them via Add Media. But I don’t see a way to increase the font size of these uploads.
    So…. I increased the font size in my spreadsheet and then snipped and uploaded the spreadsheet with the larger font – but it still appears as the original size.
    Is there any way to increase the font size in the post as it currently is too small to be easily read (there are several columns in my spreadsheet)?

    • WPBeginner Support says

      Hi Andrew,

      We are not sure we fully understand your question. If you are uploading your spreadsheet as an image file, then its dimensions will depend on your post container. Let’s suppose your post container or content area is 600px wide, then your theme will automatically shrink the image to fit in the container. You can also try selecting full size image before inserting it into your post.

      Administrator

      • Mylene says

        Hi, thanks for sharing, very useful indeed. Is there a way to also adjust the font size of the title, or maybe better done in CSS (and if so, how)? thanks again!

  24. jackson says

    I use tinymcv plugin to change the font size. but when i press enter and go to the next line the font size will be default value which is 9pt. How can I change the default value to 12pt.

  25. jitendra says

    Thanks for the post. But I want to know more… I want to make the bigger size of some special word in a sentence without any plugin. Special words in a sentence. e.g. we are doing in MS word. Can it possible? Hope your answer.

    • Pragati kumar sheel says

      Hi jitendra to do that open your text editor.

      and type „font-size: 120%;”

      For example:

       Your text

      You can change the font % by any value. I hope it will help you.

  26. Brady says

    Thanks for the video and info, but I can’t change single lines of font sizes when writing a blog post.
    In Visual Editor when I select „Heading 1” or „Heading 2” it changes the entire entry, but I only need to change that one line. I have to double space to make that happen without changing everything else. But then the spacing is wrong because it doesn’t need to be double spaced. Please help. And is there any other way to change font by font size (11, 12, 14, etc) instead of the preselected „Heading 1” „Heading 2”, etc.? Because TinyMCE didn’t work for me. Thanks!

  27. veonescu ghe says

    What are you talking about, WordPress? Just make a simple option to increase the font size! Not widgets that don’t work with some themes or they work for one paragraph etc. Because the Paragraph tab give either too small a font, or weirdly formatted, hard to read. Why is it so hard to just add an option to increase the size wit a button?…

    • Theresa says

      Not kidding. This should not be this difficult. Every time I hit return it reverts back to the original size. Do I really have to select the font size for every single paragraph?

  28. Anna says

    Hi, first of all thank you for all the knowlege available on this site. It’s great !
    I followed instructions from this article, but I still can’t change to font size in headers. I installed both TinyMCE and Google fonts. I am able to change font styles but not the size.

    Thank you,
    Anna

  29. Chidi Anslem says

    Thanks for this great post. It worked for me. I can now edit font family, change font size, underline text, highlight text and even insert table. Thanks.

  30. Philip says

    I just updated my site and theme. I am having a weird issue of my woocommerce product titles having bigger fonts than they were before updates. i have tried custom css from other forums and wondering if maybe I can get an option here.. Kindly advise.

    • WPBeginner Support says

      Hey Philip,

      Have you tested your website with different browsers and devices to make sure that it is not an issue with your browser settings. After that try reaching out to your theme developer, they will be able to tell you whats changed in the new version or if there is a better way to solve this issue.

      Administrator

  31. Thomas says

    Is there a simple way to set a new default font size in WP?
    I have been manually setting to a larger font to improve readability but the theme doesn’t like it and tends to revert back to default whenever I press ENTER and also the paragraph headings don’t work when I’m inside text with the new size.
    I’d have thought this would have been one of the first features to include in WP themes. The current default font is very small and I find it hard to read.
    Thanks, Thomas.

    • WPBeginner Support says

      Hi Thomas,

      You can go to Appearance » Customize and click on the Additional CSS tab.

      Then in the CSS box on the left panel, add this CSS at the end of whatever text/code you see there.

      body { 
      font-size:16px; 
      }
      

      You will see font size change in the live preview. Don’t forget to click on the 'Save & Publish’ button on top.

      Administrator

      • Marcia says

        This is so ridiculous and why I’m having a hard time with WP. It should be just as Word. You highlight the text and select from 100’s of fonts. Why does WP make this so difficult for the lay person? Can this not be changed?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.