Większość użytkowników WordPressa spędza większość czasu używając edytora treści do pisania wpisów i tworzenia stron. WordPress jest wyposażony w intuicyjny edytor bloków Gutenberg, który jest bardzo łatwy w użyciu.
Jednak jako zaawansowany użytkownik możesz znacznie zwiększyć swoją produktywność, ucząc się niektórych mniej znanych sztuczek. Pozwoli ci to tworzyć wysoce angażujące treści w krótszym czasie.
W tym artykule podzielimy się naszymi eksperckimi wskazówkami dotyczącymi opanowania edytora treści WordPress. Dzięki tym wskazówkom dowiesz się, jak korzystać z edytora treści WordPress jak profesjonalista.
1. Nauka podstawowych bloków
Bloki są głównymi elementami konstrukcyjnymi edytora treści WordPress, dlatego też jest on czasami nazywany edytorem bloków.
Każdy element twojej treści składa się z bloków. Domyślnie WordPress zawiera wiele powszechnie używanych bloków, takich jak akapity, listy, obrazki, galerie i inne.
Za pomocą tych bloków można tworzyć piękne układy treści. Dlatego ważne jest, aby poznać różne bloki i dowiedzieć się, jak można je wykorzystać w twojej treści. O niektórych blokach wspomnimy również w dalszej części tego artykułu.
2. Zacznij używać skrótów klawiaturowych
Przesuwanie myszy tylko po to, by pogrubić tekst lub dodać odnośnik, jest nieefektywne. Edytor treści zawiera kilka przydatnych skrótów klawiaturowych, które pomagają w wykonywaniu typowych zadań formatowania bez użycia myszy.
Korzystanie ze skrótów klawiaturowych pozwala zaoszczędzić czas i przyspieszyć pisanie. Zapoznaj się z naszym przewodnikiem po najbardziej oszczędzających czas skrótach klawiaturowych w WordPress.
3. Pojedyncze i podwójne odstępy między wierszami
Wielu początkujących użytkowników ma trudności z ustaleniem, jak tworzyć akapity i podziały wierszy w WordPress.
Aby utworzyć nowy akapit w edytorze treści, wystarczy nacisnąć klawisz Enter. WordPress utworzy nowy akapit z podwójnym odstępem między wierszami.
Jeśli jednak chcesz mieć tylko pojedynczy podział wiersza, musisz nacisnąć jednocześnie klawisze Shift + Enter.
Zapoznaj się z naszym przewodnikiem na temat dodawania pojedynczych/podwójnych odstępów między wierszami w WordPress.
4. Zmiana układu ekranu edycji
Edytor treści to w zasadzie czyste płótno z górnym paskiem i kolumną po prawej stronie. Zapewnia to przejrzysty interfejs użytkownika do tworzenia twoich wpisów.
Edytor wyświetla pasek narzędzi na górze edytowanego bloku. Pasek narzędzi można przesuwać, klikając menu z trzema kropkami w prawym górnym rogu ekranu.
Można również wyświetlać i ukrywać kolumnę ustawień, klikając ikonkę koła zębatego u góry.
WordPress ułatwia również przełączanie się w tryb Spotlight, który sprawia, że blok, w którym się znajdujesz, jest bardziej powiadomiony przez przyciemnienie reszty treści.
Potrzebujesz więcej białego miejsca na ekranie? Przełącz się na tryb pełnoekranowy, który zapewnia czyste płótno z samym paskiem narzędzi u góry.
5. Zmiana wielkości pisma w edytorze wizualnym WordPress
Rozumiemy, że typografia odgrywa bardzo ważną rolę w treści stron internetowych. Możesz chcieć użyć różnych wielkości liter, aby przyciągnąć uwagę odbiorców lub wyróżnić różne sekcje w długim artykule.
Po prostu wybierz blok, w którym chcesz zmienić wielkość litery, a zobaczysz opcję rozmiaru czcionki w ustawieniach bloku po prawej stronie.
6. Dodawanie nagłówków do twoich artykułów
Nagłówki odgrywają ważną rolę w poprawianiu czytelności. Dlatego też wyszukiwarki takie jak Google również uważają nagłówki za ważne dla SEO. Używanie twoich kluczowych słów (słów, których importerzy będą używać do wyszukiwania) w nagłówkach pomaga wyszukiwarkom importować znaczenie tych słów kluczowych.
Edytor treści ułatwia dodawanie nagłówków do twoich artykułów. Wystarczy wybrać blok nagłówka, a następnie wybrać rozmiar nagłówka i wyrównanie tekstu w ustawieniach bloku.
Możesz również dodać odnośnik do twojego nagłówka, pogrubić go lub wyróżnić kursywą.
7. Dodawanie kolumn do twoich wpisów
Edytor treści WordPress posiada wbudowany blok kolumn, który umożliwia dodawanie treści w kolumnach. Ułatwia to nadanie twojemu tekstowi wyglądu przypominającego czasopismo.
Wystarczy wybrać i dodać blok kolumn do twojego edytora. Możesz wybrać liczbę kolumn, które chcesz dodać w ustawieniach bloku.
Każda kolumna będzie automatycznie zawierać blok akapitu. W każdej kolumnie można łatwo dodać dowolne inne bloki. Na przykład cytaty blokowe, obrazki, akapity i inne.
Jeśli jednak chcesz dodać obrazek obok tekstu, zapoznaj się z następną wskazówką.
8. Dodawanie obrazka obok tekstu
W starszych wersjach WordPressa dodanie obrazka tuż obok tekstu z odpowiednim wyrównaniem było sporym wyzwaniem. Problem ten naprawiono za pomocą bloku Media & Text.
Umożliwia on dodanie obrazka obok bloku tekstu. Automatycznie dostosowuje szerokość i odstępy między dwoma blokami.
Możesz ustawić blok na pełną szerokość i użyć opcji formatowania dla bloku tekstowego.
9. Dodawanie filmów z YouTube w WordPress
Możesz przesyłać filmy na swoją witrynę WordPress. Jednak WordPress nie jest przeznaczony do użytku jako platforma do przesyłania strumieniowego, a większość firm hostingowych WordPress nie może odpowiednio obsługiwać dużych plików.
Aby dowiedzieć się więcej na ten temat, zobacz nasz artykuł o tym, dlaczego nigdy nie powinieneś przesyłać filmów na swoją witrynę WordPress.
Zamiast tego zalecamy przesyłanie twoich filmów do YouTube lub innych witryn streamingowych, a następnie osadzanie ich we wpisach i stronach WordPress.
Możesz użyć bloku YouTube, aby po prostu wkleić adres URL filmu, który chcesz dodać, a WordPress automatycznie go osadzi.
Możesz również wkleić adres URL filmu wewnątrz akapitu lub dowolnego bloku tekstowego, a WordPress automatycznie przekonwertuje go na blok YouTube.
10. Tworzenie tabel we wpisach WordPress
Edytor wpisów zawiera również blok umożliwiający łatwe dodawanie tabel do twoich wpisów i stron WordPress.
Wystarczy dodać blok tabeli, a następnie wybrać liczbę kolumn i wierszy, które chcesz dodać. Nie martw się, zawsze będziesz mógł dodać więcej kolumn i wierszy później, jeśli zajdzie taka potrzeba.
Następnie zobaczysz zwykłą tabelę. Możesz dodać treść do komórek tabeli i wybrać kolory / styl tabeli w ustawieniach bloku.
Blok tabeli WordPress jest dobry dla podstawowych tabel, ale brakuje mu wielu funkcji. Na przykład nie można wybrać wiersza nagłówka, sortować kolumn, podświetlać wierszy i nie tylko.
Dlatego zalecamy korzystanie z TablePress. Jest to darmowa wtyczka, która umożliwia tworzenie 111111 pięknych tabel i dodawanie ich do twoich wpisów i stron WordPress.
Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat łatwego dodawania tabel we wpisach WordPress.
11. Dodawanie przycisków we wpisach i na stronach WordPressa
Przyciski odgrywają ważną rolę, gdy chcesz dodać wezwanie do działania do twoich wpisów lub stron WordPress.
Edytor treści zawiera podstawowy blok przycisków, który pozwala szybko dodać przycisk do twojej treści.
Przycisk ma trzy style: Square, zaokrąglony i z obramowaniem. Możesz także wybrać tło, kolor tekstu i wyrównać przycisk do środka, lewej lub prawej strony.
12. Dodawanie obrazków okładek do wpisów WordPress
Być może widziałeś obrazki okładek używane w środku artykułu w popularnych publikacjach, takich jak New York Times. Obrazek na okładkę to po prostu obrazek umieszczony w środku artykułu, czasami z nakładką tekstu.
Celem obrazka na okładkę jest uczynienie twojej treści bardziej angażującą. Zapewnia również twoim użytkownikom przerwę od czytania tekstu i spojrzenie na obrazek, który przyciąga ich uwagę.
Edytor treści ułatwia dodawanie obrazków okładek do twoich wpisów. Wystarczy dodać blok Cover Image, a następnie przesłać obrazek, którego chcesz użyć. Najlepiej, jeśli będzie to większy plik obrazka, który będzie dobrze wyglądał w szerokim formacie.
Aby uzyskać więcej informacji, zapoznaj się z naszym artykułem na temat obrazu okładki i obrazka wyróżniającego oraz sposobu ich wykorzystania na twoim blogu.
13. Zmiana kolorów akapitów
Kolejną zgrabną sztuczką, która często pozostaje niezauważona, jest możliwość zmiany kolorów. Większość ludzi chce zachować spójność tekstu w całym artykule.
Jednak od czasu do czasu użycie kolorów może pomóc przekierować uwagę importera i podkreślić ważne części artykułu.
Edytor treści pokazuje opcje kolorów w prawej kolumnie, możesz wybrać dowolne kolory. Upewnij się tylko, że wybrana kombinacja kolorów tła i tekstu jest łatwa do odczytania.
14. Dodawanie widżetów do twoich wpisów
Widżety są dość podobne do bloków. Pozwalają one dodawać elementy internetowe do twojej witryny WordPress bez dodawania kodu.
Zazwyczaj widżety są powszechnie używane w panelach bocznych lub w stopce witryny internetowej. Można jednak również dodać niektóre widżety do obszaru treści, takie jak formularze kontaktowe.
Wystarczy poszukać sekcji Widżety pod przyciskiem dodawania bloków. Stąd możesz używać powszechnie używanych widżetów w twoich wpisach i stronach.
15. Dodawanie własnego kodu HTML do wpisów w WordPressie
Edytor treści w WordPress jest w pełni wizualnym edytorem WYSIWYG. W razie potrzeby można jednak nadal dodawać kod HTML.
Najprostszym sposobem na to jest dodanie własnego bloku HTML do twojego wpisu. Następnie możesz po prostu wkleić kod HTML, który chcesz dodać.
16. Uzyskaj liczbę słów i inne statystyki dla twoich wpisów
Podczas pracy nad długim artykułem możesz chcieć zobaczyć krótki zarys artykułu, ile ma słów i jak wszystko jest rozmieszczone.
Pasek narzędzi edytora treści ma dwa przyciski do tego celu na górze. Po pierwsze, przycisk informacji, który pokazuje liczbę słów, akapity, bloki i zarys artykułu na podstawie użytych nagłówków.
Tuż obok znajduje się przycisk nawigacji po blokach. Pokazuje on wszystkie bloki, których użyłeś w swoim artykule i możesz kliknąć blok, aby bezpośrednio do niego przejść.
Aby uzyskać bardziej szczegółowe dane, możesz zapoznać się z naszym przewodnikiem na temat uzyskiwania statystyk liczby słów w WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci odkryć nowe wskazówki dotyczące opanowania edytora treści WordPress. Warto również zapoznać się z naszym przewodnikiem na temat tworzenia newslettera e-mail i zwiększania ruchu na blogu.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
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!
Mrteesurez says
Nice post.
I didn’t see any way to see word count, number of paragraphs,l and others in block before, I used to switch to Classic editor to do it.
This post just teach me with block editor. Their are many things we still need to know about WordPress and blogging generally.
Thanks.
WPBeginner Support says
You’re welcome, glad we could share how to do this in the block editor
Administrator
Kadir says
This is a really complete guide. Thanks
WPBeginner Support says
You’re welcome
Administrator
Khalid says
I cannot find the heading block in my editor. Is it that I have inadvertently deleted it. How can I have it back.
WPBeginner Support says
Your theme’s header is decided by your theme, not the post/page editor. For changing it you would normally go under Appearance>Customize.
Administrator
Sanavi says
Very helpful for beginners. Bookmarking this article. I will surely implement these tips in my blog.
WPBeginner Support says
Glad you found our article helpful
Administrator
Michael Torres says
Very helpful for new blogger like me. Basics are very important.
WPBeginner Support says
Glad our article could be helpful
Administrator
Bob says
Good article, looks to be a great tool for beginners like me, are there
any video tutorials as I like to be shown what to do?
WPBeginner Support says
For that, you would want to take a look at our video section here: https://videos.wpbeginner.com/
Administrator
Abhijit Bangal says
I was trying to use the new gallery plugin for testing how it’d work with new blocks, which are now more flexible than before. But I stumbled upon the columns thing and tried out a few combinations. I think, to an extent, I’ll use less of the gallery plugin and more of columns. Of course, the columns cannot be everything that a gallery plugin can do/does. But to me, it’s helped me save a lot of time and energy.
Extremely helpful! Thanks team!
WPBeginner Support says
Thanks for sharing how you’re using the block editor, while it won’t have all the features it can help those looking for a custom gallery setup
Administrator
Kurt says
Single line break…Shift + Enter…sweet. Wish I had known about that before now.
WPBeginner Support says
Glad we could teach you something new and hope this trick helps with your content
Administrator
Michael Walther says
Very good article about the Gutenberg editor. However, I am still not convinced. For me, the Gutenberg editor stays what it is – an excellent answer to a question that I did not ask. Like a huge SUV to drive my daughter to kindergarten. Don’t get me wrong, shiny huge SUVs are a fine thing, but I am just a wordpress author. I’ll stick with my trusty Toyota (ie the 'old’ WP editor via plugin) as long as I possibly can.
WPBeginner Support says
Understandable, as the block editor improves it should become more useful for new WordPress users and have tools that those who have used the classic editor want to use
Administrator
Mohamed Hassan says
Thanks, an informative useful post.
WPBeginner Support says
You’re welcome, glad our post could be helpful
Administrator
Valentin Born says
Nice overview … but
`By default, WordPress visual editor allows you to change the font size into paragraph text, headings, etc.`
This is incorrect (and implies terrible advice)—don’t use “paragraph“, “heading“ etc. for font-sizes (… but for marking up paragraphs and headings)! While you offer a slightly better option in your mentioned article on how to change font sizes (namely, adding a font-sizes dialog, e.g. using TinyMCE Advanced), only at the very bottom of that article do give the important advice:
`Note: If you want to change the font size of all paragraphs (i.e the entire post content), then DO NOT use the TinyMCE advanced. Rather, you would need to adjust the styling in your style.css file.`
This should even be expanded upon: “If you ever want to change the font-size of a piece of content for purely stylistic purposes, create a class for that and add it to that element“ (perhaps with the help of a plugin)—otherwise you will manually have to crawl through every post and page, readjusting those manually set font-sizes, every time you change your theme’s base font-size.
Pawan Singh says
Hi Admin, would you please tell all your readers which editor you use. i’m impressed with the styling of text.
Amanda says
Great article! I learned some very helpful things, and was reminded of other helpful things I’ve learned from you! Thanks so much!
Bob Diebel says
Thanx much! much learned, much appreciated!
kittkatt123 says
Is there a keyboard shortcut to switch between the text editor and the visual editor? Or do I have to click every time?
Rick Teisan says
I asked how to add a visual to the media library. I was directed to thispage. There isnothing about adding a visual to the library. SUCKS. 39 MINUTES JUST TRYING TO ADD A PHOTO TO THE LIBRARY TO PUT IT IN THE BLOG POST.
MAKE IT EASY
!!!!!!
WPBeginner Support says
Hi Rick,
On the post edit screen you will see a button labeled 'Add Media’ you can click on it and then upload your photo.
You can also add a photo to your WordPress library by visiting Media > Add New page in your WordPress admin area.
Let us know if this solved your issue.
Administrator
Hamid says
thanks for sharing such valuable tips.
Nadeem says
Thanks so much for this easy and simple explanation of all the necessary suggestions for writing an article on wordpress. Keep posting such amazing articles.
Rufus B says
One of the best news letters yet from you guys. The links to other recommended articles was super helpful.
Ahmed says
Great tips, thanks
jagmohan singh negi says
hi syed , its my first landing page of my secrch in google and i dont think i have to go to other sourses to find any information about wprdpress ,blog ,adsense etc.
really nice post with complete information and presentaion is 10/9 in my view.
WPBeginner Staff says
WordPress themes are responsible for handling all things related to the visual appearance of your content. Having said that, since each WordPress theme is different, the Visual Editor can not automatically guess what styles to use. To solve this issue, it is a standard practice to add an editor stylesheet in WordPress themes. It seems like your theme does not have one. You can ask your theme developer for support. Or you can create your own editor-style.css file and copy the rules from your theme’s main stylesheet.
Gary Neal Hansen says
Thanks for the great tips. At the beginning you say the visual editor is a WYSIWYG environment — but I don’t see what I type in its proper format and font until I hit the „preview” button. Is there a setting to have the editor function as true WYSIWYG?
Chris Finnegan says
Excellent roundup, I’ll be using the keyboard shortcuts for headings from now on!
WPBeginner Staff says
You are confusing „Paste as Text” button with „Paste From Word” button which is no longer available since 3.9.
Dave Porter says
Yep, you are quite correct!
Derek Wyatt says
When switching from HTML to Visual editor and vice versa, how do you keep the html information from stripping away? I haven’t noticed a pattern as to how this happens, it just springs up when I least want it to…
As a safety measure, I just stick to the HTML editor because I don’t want to lose my formatting. Unless someone knows a way to prevent this?
Dave Porter says
Hi Derek, check out Tiny MCE Advanced
https://wordpress.org/plugins/tinymce-advanced/
And checkout the settings – there is an option to not strip out html like and
John Mauldin says
I must say that anyone who doesn’t know about all the wonderful information your site supplies is really missing out on a Great opportunity. I love the fact that you present the information in direct, no b.s., format and written in easily understandable language most anyone can digest. Keep up the GREAT work! JM
Roger Lill says
Hi, Thanks for the summary, that should save some time.
Dave Porter says
isn’t #13 obsolete with WP 3.9 ?
And 'TinyMCE Advanced’ is worth a mention
Dave