Czego szukasz?

Jeżeli szukasz odpowiedzi na pytania związane z SEO lub Wordpressem wpisz frazę i czekaj na podpowiedzi lub kliknij enter! Wyniki pokazują także linki do zewnętrznych źródeł.

2957 artykułów w bazie

Dodatkowe funkcje w edytorze wizualnym WordPressa

Pisanie wpisów w WordPress jest wygodne w głównej mierze dzięki edytorowi wizualnemu, który tam się znalazł. Nie jest on przesadnie rozbudowany, co pozwala skupić się na tworzonej treści. Dodatkowo posiada wszystko, co w standardowym napisaniu wpisu możemy się przydać. Wgramy zdjęcia, dodamy nagłówki, pogrubimy treść. Co zrobić, kiedy jednak potrzebujemy czegoś więcej?

Skorzystaj z gotowych wtyczek

Wtyczek poprawiających, zamieniających lub poszerzających właściwości standardowego edytora wizualnego jest wiele. Oto kilka przykładów.

Visual Composer / MotoPress

Czyli płatne edytory do edycji stron w WordPress. Od innych odróżniają się tym, że posiadają wiele gotowych elementów, możliwość tworzenia kolumn, animacji, jak i wiele funkcji ułatwiających pracę, jak np. możliwość dodawania formularza kontaktowego jednym przyciskiem, dowolnego ustawienia go i oczywiście opisania bez potrzeby kodowania.

Więcej o Visual Composer możecie przeczytać tutaj: http://www.seowordpress.pl/visual-composer-dla-wordpress-palacy-problem-czy-dobry-przyjaciel/ 

Shortcodes Ultimate

W woli ścisłości należy dodać, że Visual Composer i MotoPress również na nich działają, jednak schowane są one za edytorem wizualnym, który wystarczy przekliknąć. W Shortcodes Ultimate musimy wybrać odpowiedni shortcode, a następnie go uzupełnić, operujemy nimi na zasadzie kopiuj/wklej odpowiedniego, czytelnego kodu. Do edycji wpisu jest on wystarczający, ciężej za jego pomoc samemu zbudować np. całą stronę główną tak, jak można to zrobić za pomocą Visual Composera, czy MotoPress.

ultimate

Więcej o Shortcode Ultimate przeczytacie tutaj: http://www.seowordpress.pl/dbamy-o-estetyke-wpisu-z-shortcodes-ultimate/ 

Mesh – Multiple Content Sections

Intuicyjna wtyczka Mesh działająca na zasadzie bloków, czyli kolejne podejście do edytora wizualnego dla WordPress. Cała prostota tego rozwiązania to fakt, że polega to głównie na zabawie blokami tekstu.

mesh

Najbardziej zaskakujący jest efekt. Domyślnie treść pojawi się pod komentarzami, podzielona jak na edytorze na bloki. Warto zauważyć, że pod każdą sekcją znajduje się przycisk “PUBLISH” i to jego trzeba użyć, jeżeli chcemy, aby bloki pojawiły się na stronie. Znacząco łatwiej jest zarządzać treścią z użyciem tej wtyczki. Dużym ułatwieniem jest również fakt pozostania w konwencji pracy zgodnej ze wtyczką. Jeżeli zaakceptujemy sposób jej funkcjonowania, już przy 5 lub 6 wpisie staje się to zrozumiałe i bardzo intuicyjne. Warto spróbować pracy z tą wtyczką na nowej witrynie.

mash2

Tym bardziej że w porównaniu do innych, podobnych edytorów wizualnych jakość kodu jest tutaj znacznie wyższa. Co prezentuje na poniższym screenie. Jeżeli nasz motyw jest responsywny, generowany tutaj kod również ładnie się poskłada na urządzeniach mobilnych.

drugi

Visual Editor Custom Buttons

Jeżeli nie chcemy, nie umiemy lub nie mam czasu dopisać wszystkiego sami, możemy zastosować wtyczkę Visual Editor Custom Buttons. Która pozwala nam zdefiniować własne shortcody z poziomu panelu administratora. Wystarczy zdefiniować jego nazwę, to co jest przed nim, po nim i ikonkę.

button

W edytorze wygląda to następująco. Aby użyć, zaznaczam tekst i klikamy na przycisk.

button2

Jeżeli chcemy, aby przycisk dodawał nam normalny blok z tekstem, stosujemy opcję przy tworzeniu “Single block”.

Simple Tooltips

Simple Tooltips to kolejna wtyczka, bez której wyjaśnianie nieco ciężysz słów, czyli bycie frontem do czytelnika, dzielenie się swoją wiedzą z nim, byłoby znacznie cięższe. Wtyczka ta pozwala dodać w bardzo prosty sposób ToolTip.

tooltip

Działa ona na zasadzie shortcodu:

i daje przyjemny dla oka efekt:

tooltip2

We wpisie możemy ich dodawać dowolną ilość. Kod, który generuje wtyczka, jest klarowny.

MCE Table Buttons

MCE Table Buttons to prosta w użyciu wtyczka, pozwalająca dodać tabelę do wpisu WordPress, czyli coś, czego wielu z nas po prostu brakuje.

table

Dodawanie tabeli działa tak samo, jak w usłudze Google Drive, a więc nikt nie będzie miał problemu z jej obsłużeniem. Jedyny minus to fakt, że tabela wstawia się pusta. Jeżeli więc chcemy dodawać treść, może się okazać, że wygodniej jest przełączyć się na edytor tekstowy z wizualnego. To czy tabela jest responsywna i jej wygląd ostatecznie zależy od arkusza stylów naszego motywu, na testowym Emmet Lite wszystko wygląda, jak powinno.

table2

TinyMCE Advanced

TinyMCE Advanced czyli wtyczka, bez której pewna część osób nie wyobraża sobie pracy z WordPressem. Mamy tutaj możliwość dodawania tabel (jak we wtyczce powyżej), możliwość przypisywania indeksów górny/dolny, dodawania znaku specjalnego itp. Niektóre z tych rzeczy są dostępne domyślnie w edytorze WordPressa, jednak zdecydowanie wtyczka ta porządkuje je w znany nam sposób z edytora tekstowego np. Worda.

tinymce

Podsumowanie

Jak widać, możliwości edycji edytora jest sporo. Warto dobrać ten najbardziej przyjazny dla nas. Warto pamiętać, że nie jest to decyzja jednorazowa. Warto wybrać taki, który jest wspierany lub stoi za nim programista, któremu możemy zaufać. Najgorsza sytuacja to taka, kiedy podczas aktualizacji WordPressa pozostajemy z niedziałającym edytorem i tysiącem wpisów, z którymi trzeba coś zrobić.

Jeżeli znacie jeszcze jakieś metody do jego wzbogacenia, zapraszam do wystawienia komentarza i podzielenia się nimi.

Wojciech Władziński

O Wojciech Władziński

Branżą SEO zajmuję się od 2008 roku. Na co dzień specjalista ds. SEO w firmie Virtal. Tworzę i optymalizuję duże serwisy jak i mniejsze strony internetowe. Szczególnie upodobałem sobie środowisko WordPressa, który mimo powszechnej opinii nie jest tylko platformą blogową.
Udostępnij na: Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

3 komentarze

  1. Szkoda że edytory same z siebie nie dają jakiegoś responsywnego defaultowego css dla tabel. Dobrą opcją była by jeszcze możliwość wyboru rodzaju responsywności spośród kilku.

Zostaw odpowiedź

Email nie będzie publikowany. Wymagane pola są oznaczone *

Możesz używać tych tagów HTML <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Oferuję szereg usług związanych z WordpressemSPRAWDŹ OFERTĘ
Przeczytaj inne:
Jak naprawić błędy testowania rich snippets?

Testując swoje rozszerzone opisy związane z autorstwem (więcej możecie przeczytać tutaj) często można napotkać na błędy wyświetlane przez Google Structured...

Zamknij