Easy Table of Contents zalicza się do jednych z ciekawszych wtyczek do WordPress jakie miałam okazję przetestować a później wielokrotnie używać.

Jak działa Easy Table of Contents?

Jak już wspomniałam pomocą tej wtyczki możemy umieścić w treści (ale także w panelu bocznym) wpisu, strony spis treści, będące mapą jego struktury.

Przy budowie tego menu są pod uwagę elementy takie jak nagłówki od H1 do H5. Po uruchomieniu i skonfigurowaniu wtyczki tak naprawdę nic nie musimy robić. Poza prawidłowym podziałem tekstu w naszych postach i na stronach. Co najważniejsze wtyczka wykryje jeśli użyjemy nagłówków w złej kolejności. Wyświetli się w tedy źle sformatowane menu.

Jeżeli nie wiecie jak zainstalować wtyczkę instrukcję znajdziecie w innym moim wpisie.

Do czego potrzebna nam wtyczka do budowy spisu treści

Mapa taka nie tylko poprawi poruszanie się w obrębie konkretnej treści, ale także poinformuje go o tym jakiego typu treści może znaleźć w tym miejscu.

Konfiguracja wtyczki

Po aktywacji w Ustawieniach pojawi się nowy odnośnik Table of Contents. Wtyczka posiada dużo ciekawych opcji – dzięki, którym możemy skonfigurować menu.

Wtyczka nie jest przetłumaczona na język polski, dostępna jest jednak w języku angielskim.

Możemy np. zdecydować czy będziemy brali pod uwagę wszystkie nagłówki na stronie.

Zachęcam do samodzielnego przetestowania opcji w celu jak najlepszego dostosowania mapki wpisu do swoich potrzeb.

Artykuł Jak stworzyć automatyczną mapę (spis treści) wpisu w WordPress – Easy Table of Contents pochodzi z serwisu Kurs WordPress od podstaw.

Czas czytania treści na stronie, blogu

Z informacją o tym, że przewidywany czas czytania artykułu może zająć mi np. 3 minuty spotykam się na blogach już od dłuższego czas. Sama jednak to rozwiązanie stosuję od niedawna.

Prawdę mówiąc zaczęłam je stosować głównie testowo. Część moich blogów zawiera, krótkie kursy – a tym samym kody i skrypty (np. HTML, CSS) tak naprawdę nie da się przewidzieć ile czasu zajmie komuś ich przeczytanie.

Jeden będzie czytał je szybciej a drugi wolniej. Możliwe jest jedynie orientacyjne określenie czasu czytania.

Ręczne liczenie czasu czytania

Długość czasu czytania wpisu możemy obliczyć samodzielnie z pomocą np. stopera (również tego w komórce). Kiedy już znajdziemy włączamy stoper i czytamy zawartość naszego wpisu.

Otrzymany wynik możemy następnie dodać jako orientacyjny czas czytania.

Z pewnością zajmie nam to trochę czasu.

Określenie czasu czytania z pomocą Reading Time WP

Oczywiście nie zawsze musimy samodzielnie określać czas czytania. Istnieje kilka wtyczek, które mogą to zrobić za nas (to czy robią to poprawnie to już zupełnie inna para kaloszy). Ja zdecydowałam się na użycie wtyczki Reading Time WP

Wtyczkę instalujemy tak jak wszystkie inne. Proces instalacji wtyczek opisałam w innym wpisie tu macie do niego link.

Po instalacji wtyczki należy ją aktywować. Pojawi się w tedy w Ustawieniach nowa zakładka Reading Time WP, w której możemy edytować jej ustawiania.

Wtyczka jest domyślnie dodawane przez wtyczkę opisy są w języku angielskim. Dlatego po instalacji o ile nie prowadzimy anglojęzycznej witryny musimy wejść w jej ustawienia.

Przetłumaczenie na inny język nie powinno być specjalnie trudne. Wystarczy wpisać w odpowiednie pola adekwatny tekst np. czas czytania, minut.

W moim przypadku nigdzie nie musiałam dodawać, żadnych dodatkowych kodów – tekst generowany przez wtyczkę dodał się automatycznie. Musiałam jednak wprowadzić kilka zmian w CSS. Domyśle ustawiony tekst zlewał się z tekstem wpisu.

W razie gdyby w waszym motywie nie włączyła się wtyczka automatycznie u dołu strony z ustawieniami znajdziecie krótkie kody, które można dodać do wpisu.

Artykuł Liczenie czasu czytania wpisu w WordPress (Reading Time WP) pochodzi z serwisu Kurs WordPress od podstaw.

To dość nie komfortowa sytuacja, ale przynajmniej raz o ile nie więcej przytrafia się użytkownikowi WordPress. Co więc w takiej sytuacji należy zrobić.

Po pierwsze nie wpadać w panikę!

Jak wyłączyć wtyczkę z pomocą serwera FTP?

W takiej sytuacji użyteczny okaże się dostęp do serwera FTP.

1. Logujemy się więc na serwer z pomocą programu obsługującego klienta FTP (np. FileZilla, Total Commander). Tych programów jest całkiem sporo – nazwy podałam tylko przykładowe.
2. Następnie odnajdujemy na hostingu miejsce w którym zainstalowany został WordPress. Wchodzimy do katalogu /wp-content/ a następnie odnajdujemy w nim /plugins/.
3. W większości wypadków wystarczy usunąć z folderu /plugins/ katalog z powodującą problemy wtyczką – z reguły jest to ostatnio zainstalowana lub aktualizowana. Jeśli jednak nie jesteśmy pewni, która wtyczka powoduje problemy możemy:
   • pobrać wtyczki na lokalny komputer (tak by posiadać ich zapasowe wersje) – z serwera zaś usunąć je wszystkie
   • zmienić nazwę katalogu z wtyczkami np.  plugins na plugins-old – potem tworzymy nowy katalog plugins
4. Po usunięciu wszystkich wtyczek z serwera strona na pewno zacznie działać, ale będzie bez rozszerzeń. Dlatego jeśli zdecydowaliśmy się na ich wszystkie usunięcie – teraz będziemy musieli je wgrywać po kolei. Na szczęście tylko w sporadycznych przypadkach trzeba będzie po raz kolejny konfigurować wtyczki i będą się one automatycznie włączać.

Po wgraniu wtyczki sprawdzamy czy strona nadal działa.

W podobny sposób możemy poradzić sobie z uszkodzonym motywem.

Jak wyłączyć wtyczki poprzez bazę danych?

Inną metodą ratowania naszej strony lub bloga opartego o WordPress jest wyłączenie wszystkich wtyczek w bazie danych.

Dla większości jest to bardziej hardcorowa wersja – wymaga bowiem przynajmniej podstawowej obsługi baz danych.

1. Na początek musimy się zalogować do naszej bazy danych. (dane do bazy znaleźć można w pliku konfiguracyjnym wp-config.php na serwerze FTP)
2. O ile nie znamy jej lokalizacji będziemy musieli zalogować się do panelu naszego hostingu. A w nim następnie odszukać phpMyAdmin.
   • W większości przypadków hasło do bazy nie jest jawne –  a jego zmiana wywoła błąd połączenia z bazą danych u wszystkich stron z niej korzystających.
3. Dlatego ta metoda jest raczej przeznaczona dla osób, które mogą w swoim panelu automatycznie zalogować się do phpMyAdmin lub mają zapisane dane swojej bazy.
4. Po wejściu w bazę szukamy w niej tabeli o nazwie wp_options wchodzimy do niej i edytujemy wiersz (rekord) active_plugins
5. Zmieniamy wartość option_value na a:0:{} i zapisujemy
6. Spowoduje to wyłączenie wszystkich wtyczek.

Artykuł Jak wyłączyć uszkodzoną wtyczkę w WordPress? Bez dostępu do panelu! pochodzi z serwisu Kurs WordPress od podstaw.

Istnieją jednak takie wersje strony, na których chce się zostać nieco dłużej – spersonalizowane pod witrynę.

Co powinna zawierać strona 404

Przed przygotowaniem strony warto jest dobrze to przemyśleć. Na pewno musi znaleźć się na niej czytelny komunikat co jest powodem jego pojawienia.

W CMS WordPress bardzo łatwo można stworzyć własną stronę 404 bez konieczności modyfikowania motywu z pomocą odpowiedniej wtyczki. Dzisiaj przedstawię wam jedną z takich wtyczek czyli: 404page – your smart custom 404 error page

Instalacja wtyczki

Nie będę wam tutaj dokładnie opisywać jak zainstalować wtyczkę w CMS – Proces instalacji wtyczki.

Po zainstalowaniu wtyczki pamiętajcie by ją aktywować.

Konfiguracja wtyczki dla nieistniejących stron

Następnie udajemy się w lokalizację Wygląd -> 404 Error Page.

Równocześnie warto jest utworzyć nową stronę, która w przyszłości będzie pełnić funkcję strony błędu.

Wtyczka niestety nie jest w języku Polskim, choć nie powinno to sprawiać dużych problemów.

Praktycznie interesuje nas tylko „Page to be displayed as 404 page”. Opis ten dotyczy rozwijanego pola w którym możemy wybrać stronę, która zastąpi domyślną 404.

W naszym przypadku będzie to strona, o której wspomniałam już wcześniej. Powyżej tego tekstu umieściłam obrazek na którym widać jakie inne opcje mam włączone.

Pamiętaj by zapisać zmiany! Przycisk zapisu znajduje się zaraz poniżej konfigurowanych pól.

Zmiana wyglądu strony

Po zapisaniu zmian w panelu obok nazwy wybranej strony (naszej nowej 404) pojawi się informacja. Na czarnym tle 404.

Oczywiście strona ta będzie dalej funkcjonować jak pozostałe, można ją więc w każdej chwili edytować.

Przykładowo zawartość mojej nowej strony błędu wygląda tak:

A tak prezentuje się ona dla osób, które na nią trafią.

Jak widać nie jest ona na razie za ciekawa posiada jednak wszystkie podstawowe cechy jakie powinna mieć tego typu strona czyli komunikat – strona nie istnieje.

Artykuł Jak szybko stworzyć własną stronę błędu 404 w WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Umieszczenie na stronie samego adresu e-mail w praktyce nie zawsze wystarczy.  Skopiowanie adresu i zalogowanie się do skrzynki pocztowej może skutecznie zniechęcić część osób a i nigdy nie mamy pewności czy koś nie spisze sobie tego adresu i nie za spamuj nam skrzynki. Dlatego warto jest pomyśleć o formularzu kontaktowym.

Trochę o formularzach w CMS

Na platformę WordPress stworzonych zostało wiele wtyczek, dzięki którym możemy szybko i w łatwy sposób zbudować formularz. Obsługa większości z nich nie wymaga praktycznie żadnej wiedzy informatycznej – jedynie poświęcenia chwili na doczytanie co napisał autor. Jedną z nich jest właśnie Contact Form 7. Plugin ten przeznaczony jest zarówno do tworzenia prostych jak i nieco bardziej rozbudowanych formularzy kontaktowych.

„Pobierz Contact Form 7” .

Sama wtyczka jest w miarę intuicyjna – praktycznie konfiguracja podstawowego formularza zajmie nam najwyżej kilka minut. Dlatego jest też polecana przez wiele osób jako jedna z najlepszych. Na korzyść wtyczki z pewnością przemawia również dostępność w języku polskim – tak więc język angielski nie jest wymogiem koniecznym (choć może się przydać przy bardziej skomplikowanych konfiguracjach).

Od czego zacząć pracę z Contact Form 7

Pracę z wtyczką zaczynamy jak zwykle od jej instalacji. Proces instalacji pluginów w WordPress opisałam w innym wpisie dlatego tylko zostawię wam do tego wpisu link. Po uruchomieniu wtyczki musimy ją skonfigurować. Opcje Contact Form 7 znajdziemy w panelu bocznym – połączeniu powinien pojawić się tam nowy odnośnik „Formularze”

Po wejściu w niego zobaczymy od razu pierwszy przykładowy formularz.

Budowa formularza

W nowo otwartym oknie zobaczymy listę istniejących już formularzy. Na samym początku będzie to jeden już gotowy jeden przykładowy formularz. Obiekt ten możemy edytować lub utworzyć nowy. Warto w tym miejscu wspomnieć, że jeśli zdecydujemy się utworzyć nowy to będzie on dokładnie taki samo jak pierwszy przykładowy – gdyż zawiera on wyłącznie podstawową strukturę.

Oprócz nazwy formularza w tym oknie będziemy mogli zobaczyć jaki jest „skrót” do formularza (shortcode) oraz datę utworzenia. Kod ten przyda nam się w momencie gdy będziemy chcieli umieścić formularz w treści strony lub wpisu.

W celu wejścia w formularz klikamy w jego nazwę.

Nowy formularz będzie wyglądał jak na załączonym obrazku poniżej. Jak widać składa się on z kilku sekcji.

W górnej części znajduje się pole z nazwą formularza, oraz kodem który umieszczamy w miejscu gdzie chcemy, by został opublikowany formularz. Poniżej znajduje się właściwa część formularza składająca się proste menu w formie tabów z ustawieniami formularza oraz pole zmieniające swoją zawartość w zależności od tego, którą opcję wejdziemy.

Pierwszą kartą jest formularz.

Na początku dysponuje on następującymi polami:

• [text* your-name]
• [email* your-email]
• [text your-subject]
• [textarea your-message]

Taki formularz praktycznie powinien już wystarczyć do kontaktu. Jeśli jednak zdecydujecie się go rozbudować to jego ewentualna rozbudowa nie powinna przysparzać też dużych problemów. Praktycznie wszystkie dodatkowe pola jakie możemy dodać znajdują się nad polem tekstowym. Jedyne co do nas należy wybrać i umieścić je w odpowiednim miejscu.

Wysyłanie formularza

Teraz warto wejść w zakładkę email (gdzie zamieszczone są opcje wysyłki) i zmienić adres e-mail na ten na który mają przychodzić wiadomości.

• Odbiorca – w to miejsce wpisujemy adres na jaki mają przychodzić wiadomości e-mail
• Nadawca – adres z którego jest wysyłany (najlepiej, by był to powiązany z domeną np. biuro@aurainweb.pl dla domeny http://www.aurainweb.pl – inny może powodować nie dochodzenie wiadomości)
• Temat – pole z tematem (domyślnie wprowadzane jest z formularza [temat] można jednak usunąć i ustawić wartość domyślną np. wiadomość z strony)
• Dodatkowe nagłówki
• Treść wiadomości – treść wiadomości, w tym polu umieszczamy kody z naszego formularza, które zostaną zastąpione treścią
• Załączniki – pole na załączniki
• Email (2) – daje możliwość wysyłania kopi wiadomości

Na koniec wprowadzania zmian wszystko zapisujemy.

Komunikaty

Ważne jest też ustawienie komunikatów tak, by wypełniająca osoba wiedziała gdzie popełnia ewentualny błąd.

Umieszczanie na stronie

Tak jak piałam już wcześniej należy skopiować indywidualny shortcode formularza np.:

[contact-form-7 id="6052" title="Formularz 1"]

umieścić go w miejscu na stronie tam gdzie chcemy pokazać formularz.

Po aktualizacji formularz nie musimy umieszczać na nowo kodu jeśli wprowadzimy jakąś zmianę na stronie – automatycznie zostanie to zaktualizowane.

przykładowy formularz:
[contact-form-7 id=”6052″ title=”Formularz 1″]

Formularz można edytować podobnie jak każdy inny odwołując się do jego klasy.

Redukowanie spamu w formularzu

Bez wątpienia stanowi to wyjątkowo irytujące zjawisko. Dlatego w celu jego ograniczenia można do formularza dodatkowo zainstalować wtyczkę Really Simple CAPTCHA. W nowszej wersji pole wtyczki jest widoczne na belce narzędzi – nie jest ona jednak dostępna.

W celu skonfigurowania wtyczki musimy pobrać indywidualny klucz z Google.

Contact Form 7 wiadomości nie docierają

Na początek sprawdź czy Nadawca jest w domenie strony.

Bywa tak czasem tak że nasz hosting nie pozwala na wykorzystanie funkcji php mail, wymaga jest za to autoryzacja smtp. Domyślnie wtyczka jednak nie posiada takiej możliwości. Dlatego trzeba zainstalować dodatkową wtyczkę np. WP Mail SMTP.

Zmiana wyglądu formularza

Wygląd formularza możemy zmienić samodzielnie z pomocą HTML i CSS lub zainstalować wtyczkę Contact Form 7 Style dzięki której będziemy mogli dokonać zmiany wyglądu z poziomu edytora.

Nowsza wersja pluginu została trochę zmodyfikowana jednak zasady jej działania w CMS WordPress nie uległy zmianie.

Aktualizacja [26.09.2017]

Dodatkowe tagi:
contact form 7 konfiguracja
zaawansowane formularze kontaktowe w WordPressie
instalacja

Artykuł Najlepszy formularz kontaktowy w WordPress! – Contact Form 7 pochodzi z serwisu Kurs WordPress od podstaw.