publikacja: 22 lipca 2009, autor: , komentarzy 59 https://wpninja.pl/artykuly/lepszy-sposob-na-obustronne-justowanie-tekstu/

Lepszy sposób na obustronne justowanie tekstu

Specjaliści od użyteczności stron internetowych mówią, że wyrównany do obu krawędzi tekst (obustronnie wyjustowany) ssie bo obniża czytelność. Może więc warto zainteresować się techniką, która niweluje negatywne skutki tak sformatowanego tekstu?

Krótkie przypomnienie czyli jak wyjustować tekst

Zanim przejdę do konkretów chciałbym przypomnieć początkującym użytkownikom, że tekst można wyrównać do obu krawędzi na dwa sposoby:

  • zaznaczając tekst i klikając na przycisk „Wyjustuj” w edytorze WYSIWYG:

    Edytor WYSIWYG

  • dopisując do określonego elementu własność text-align:justify:

    Plik CSS

Wracając do tematu…

Dlaczego obustronne justowanie tekstu ssie?

Przeglądarki internetowe nie są jeszcze przystosowane do poprawnego wyświetlania tak sformatowanego tekstu. Nie potrafią one bowiem dzielić wyrazów i przenosić ich do nowej linii.

Powstają więc nienaturalne przerwy pomiędzy wyrazami (szczególnie widoczne są w małych blokach). Czytelność jest znacząco obniżona ponieważ oko musi nieustannie szukać kolejnych elementów zdań.

A gdyby tak nasza strona sama umiała dynamicznie dzielić wyrazy?

wp-Typography – na ratunek typografii

Wtyczka wp-Typography posiada ogrom funkcji mających na celu poprawę typografii. Główną z nich jest dzielenie wyrazów i właśnie na niej się skupimy.

Po poprawnej instalacji i aktywacji wtyczki należy wejść w „ustawienia” / „wp-Typography„. Sekcja, która nas interesuje to „hyphenation” (czyli po polsku dywiz – kreseczka służąca do przenoszenia wyrazów):

lepszy-sposob-na-obustronne-justowanie-tekstu-5

Fragment panelu zarządzania wtyczką wp-Typography

Znajdziemy tutaj m.in. główny włącznik dzielenia wyrazów i możliwość ustawienia preferowanego języka. Dobra wiadomość, że wśród 40 obsługiwanych języków jest też polski :-).

Wymagania:

  • PHP w wersji 5+,
  • kodowanie znaków w UTF-8,
  • przechodzący walidację kod XHTML.

Przeglądarki, które obsługują skrypt prawidłowo:

  • Firefox 3+,
  • Opera 8+,
  • Internet Explorer 6 +,
  • Safari 2 +.

wp-Typography istnieje także jako zwykły kod PHP, który można przystosować do własnych potrzeb (np. w innych niż WordPress CMS-ach). Szczegółowe informacje na ten temat dostępne są na stronie internetowej autora (PHP Typography).

Dodaj własny komentarz

Odnośniki z innych stron

Lista innych stron, które w jakiś sposób odnoszą się do opublikowanej tutaj treści:

  1. Podsumowanie bloga - lipiec 2009 | toin.pl

    […] Dodałem nową wtyczkę, dzięki której justowanie tek­stu już nie wygląda tak sztucz­nie. Głownie chodziło o dzielenie wyrazów. Więc teraz nie ma nie­po­trzeb­nych przerw w tekście. Pod­patrzone na WPninja.pl. […]

  2. Przydatne wtyczki - wordpress | toin.pl

    […] 10. wp-Typography […]