Archive for category WordPress

Współpraca pluginów WP Super Cache oraz WPtouch

Na swoim blogu od praktycznie samego początku używam pluginu WPtouch. W przypadku wejścia na stronę poprzez jakieś urządzenie mobilne (w moim przypadku telefon z systemem Android) pozwala na wyświetlenie strony zoptymalizowanej pod takie urządzenie. Przeglądanie jej jest dożo wygodniejsze niż zwykłej strony utworzonej na potrzeby komputerów desktopowych.

W chwili wolnego czasu postanowiłem się zabezpieczyć przed potencjalnym efektem slashdotu, digga czy też wykopu :). Na razie raczej mi to nie grozi, ale przezorny zabezpieczony i tak dalej.

Jak plugin pozwalający na tworzeniu cachu stron wybrałem WP Super Cache. Konfiguracja przebiegła bez problemów, plugin zaczął działać zgodnie z oczekiwaniami, czas otarcia strony główne spadł z 3-4 sekund do jakiejś pół sekundy. I w sumie zgodnie z oczekiwaniami przestał działać plugin WPtouch, strony na telefonie wyglądały dokładnie tak samo jak na komputerze desktopowym.

Po krótkim szukaniu okazało się, że twórcy WPtouch przygotowali odpowiedni film, w którym umieszczono potrzebne instrukcje. W filmie przedstawia się jednak tylko jak skonfigurować współpracę przy włączonym trybie HALF ON Super Cache Disabled, only legacy WP-Cache caching. Instrukcja dotyczy także starszych wersji pluginów. Dla zainteresowanych link do filmu na dole strony, można go także znaleźć na stronie konfiguracyjnej WPtouch (mała uwaga, film oglądałem bez dźwięku, więc a nuż to co dalej piszę jest tam też przedstawione, w każdym razie mi nie było dane to usłyszeć).

W moim przypadku chciałem skorzystać z trybu WP Super Cache o nazwie ON WP Cache and Super Cache enabled, więc nie postało nic innego jak tylko sprawdzić co się stanie jak się będzie postępowało wg prezentowanych instrukcji.

Pierwszym krokiem jest otworzenie strony z konfigurację WP Super Cache i zaznaczenie opcji Mobile device support using WordPress Mobile Edition:

WP Super Cache - Mobile device support

WP Super Cache - Mobile device support

Pomimo, że opcja sugeruje integrację z pluginem WordPress Mobile Edition. I okazało się, że była to jedyna rzecz którą trzeba było zrobić. Wszystko zaczęło działać tak jak powinno, użytkownicy telefonów komórkowych zaczęli otrzymywać stronę sformatowanych specjalnie dla nich. Co prawda wygląda na to, że takie strony nie są przesyłane z pamięci podręcznej, tylko za każdym razem generowane, ale przynajmniej na razie nie jest to jeszcze żadnym problemem.

Źródła

Tags: , , , ,

Dodanie spisu treści do wpisu na blogu

Od czasu do czasu napiszę dłuższy wpis, który składa się z kilku różnych punktów i aż prosi się o umieszczeniu jakiegoś krótkiego spisu treści. Oczywiście, ręczne robienie go raczej w grę nie wchodzi. Na szczęście w przypadku WordPressa z pomocą może przyjść odpowiednia wtyczka: WordPress Easy Contents.

Instalacja wtyczki WordPress Easy Contents

Instalacja wtyczki jest prosta, wystarczy skorzystać z panelu administracyjnego. Najpierw należy ja odszukać:

Następnie wybrać opcję Instaluj. Wtyczka powinna zostać zainstalowana a po instalacji należy jeszcze ją aktywować.

Instalacja WordPress Easy Contents

Konfiguracja

W celu konfiguracji wtyczki należy w panelu administracyjny wybrać Ustawienia->Easy Contents. Zostanie wyświetlony formularz z kilkoma polami, które można zmodyfikować:

Warto zmienić pozycje:

  • Table heading – nagłówek jaki ma się wyświetlić w momencie generowania spisu treści
  • Elements to add to table – jakie elementy mają się pojawić w spisie treści (ja używam na stronie nagłówki począwszy od h2)
  • Shorten – po ilu znaków nagłówek ma zostać skrócony
  • Float – jeżeli ilość wpisów w spisie treści jest mniejsza od tej wartości to spis pojawi się po prawej stronie aktualnego wpisu, inaczej będzie osobnym akapitem

Użycie

Sposób użycia jest prosty, należy w miejscu gdzie ma się pojawić wygenerowany spis treści wstawić następujący ciąg znaków (działa przynajmniej w edytorze HTML):

<!--contents-->

Jak działa i wygląda przykładowy spis treści można zobaczyć na górze tej strony :).

Źródła

Tags: , , , , ,

Wyłączenie modułu wp-Typography dla kolorowania składni

Standardowo na pisany tekst w HTML nie do końca spełnia reguły typograficzne języka polskiego (np. użycie znaków cudzysłowów, myślników, dzielenie wyrazów i tak dalej). Prostym rozwiązaniem takich problemów w WordPressie jest użycie dodatku wp-Typography.

Jeżeli jednak w tym samym czasie umieszczamy na stronie np. fragmenty kodów źródłowych, to pojawia się kłopoty: zmiana cudzysłowów prostych na drukarskie, dzielenie wyrazów czy inne. Można temu w miarę łatwo zaradzić.

W konfiguracji pluginu w sekcji General Scope znajdują dwa interesujące na pola tekstowe: jedno zawiera tagi HTML a drugi nazwy klas CSS których domyślna zawartość ma nie być przetwarzana.

wp-Typography - Domyślna konfiguracja

wp-Typography - Domyślna konfiguracja

Standardowa konfiguracja może się okazać wystarczająca, jednak ja korzystam z dodatku CodeColorer, który koloruje fragmenty umieszczanego kodu. Dodatek ten wyświetla formatowy tekst nie między np. tagami code, ale korzysta z odpowiednio zdefiniowanych klas CSS, dla każdego języka innych, dodaje także tabele jeżeli zostanie włączona numeracja i tak dalej. Na szczęście, wszystkie te zmiany są umieszczane w jednym kontenerze, o nazwie codecolorer-container. Więc wystarczy tylko podać tę wartość w drugim poolu tekstowym i od tej pory kod źródłowy będzie tylko kolorowany, bez dodatkowych efektów specjalnych.

wp-Typography - Konfiguracja z pluginem CodeColorer

wp-Typography - Konfiguracja z pluginem CodeColorer

Źródła

Tags: , , ,