WordPress dla początkujących: Wybór i instalacja szablonu graficznego (2)

Na początek trochę teorii. Choć nie będziemy się na tym etapie zajmować projektowaniem własnych szablonów (przynajmniej na razie!), przyda się być może kilka słów o tym, na co należy zwrócić uwagę przy wyborze i ewentualnych modyfikacjach szablonu graficznego.

Rozkład elementów na stronie

Przy wyborze szablonu, najważniejsze, na co musisz zwrócić uwagę, to rozłożenie elementów na stronie głównej oraz pozostałych stronach blogu. Wybierz szablon, który rozkładem jak najbliżej odpowiada Twoim potrzebom.

Oto jakie elementy możesz chcieć zamieścić na blogu: nagłówek, wpisy (czyli artykuły), komentarze, statyczne strony (na przykład, strona „O sobie”) i linki do tych stron (prosta nawigacja), pole do przeszukiwania strony, kanał RSS, kategorie, archiwa, blogroll (linki do stron, które czytujesz), reklamy, wtyczki i stopkę.

Oto jak możesz pogrupować elementy na stronie: (1) nagłówek, linki do stron statycznych (nawigacja), (2) wpisy, komentarze, treść stron statycznych, (3) subskrypcja na kanał RSS, pole do przeszukiwania strony, kategorie; (4) archiwa, brogroll, wtyczki; (5) stopka.

Możliwe jest wiele rozkładów strony, od jednokolumnowych, przez dwu-, trzy- i czterokolumnowe, aż po galerie do prezentacji zdjęć, ale najczęściej używane są:

Rozkład trójkolumnowy – mogą to być 3 kolumny równej szerokości, bądź jedna szeroka kolumna i dwie węższe kolumny boczne umieszczone po obu stronach lub z jednej strony kolumny głównej.

Dwukolumnowy o równej szerokości, bądź jedna szersza od drugiej. Wiele blogów używa także poziomej „kolumny” na dodatkowe treści umieszczane nad stopką.

Typografia

Tradycyjna typografia to dziedzina niezwykle wyrafinowana, oferująca niezliczoną ilość opcji i kombinacji czcionek. Co ważne, odbiorca widzi dzieło dokładnie w takiej postaci, w jakiej zostało zaprojektowane i wydrukowane.

Typografia internetowa jest przy niej dziedziną bardzo niedojrzałą i w dużej mierze ignorowaną przez użytkowników. Przyczyna tkwi nie tylko w braku wiedzy z dziedziny projektowania graficznego. Projektując stronę WWW nie jesteśmy w stanie ze stuprocentową pewnością przewidzieć, w jaki sposób zostanie ona wyświetlona na ekranie użytkownika, a zależy to, między innymi od wersji przeglądarki, systemu operacyjnego, ustawień komputera i zainstalowanych fontów.

Należy pamiętać, że choć istnieją tysiące czcionek, to tylko niewielka liczba z nich jest używana do tworzenia stron WWW. Przeglądarka może bowiem wyświetlać tylko te fonty, które użytkownik ma zainstalowane na swoim komputerze. Jeśli na stronie znajduje się jakiś inny font, przeglądarka automatycznie wybierze substytut. Dlatego najbezpieczniej używać popularnych czcionek, takich jak: Arial, Verdana, Times New Roman i Georgia.

Możesz pokusić się o użycie jakichś niezwyklych czcionek, na przykład do stworzenia nagłówka czy logo, przez stworzenie pliku GIF bądź JPEG przy użyciu jakiegoś programu graficznego, na przykład Adobe Photoshop. Sposób drugi to dołączenie fontów do witryny. Oba sposoby wymagają szerszego wyjaśnienia, czym nie bedę się na razie zajmować, chciałam tylko zasygnalizować taką możliwość.

Wielkość znaków czcionki też ma duże znaczenie. Najogólniej rzecz ujmując, im większa czcionka, tym lepiej czytelny tekst. Choć ekrany komputerów są coraz większe, domyślne ustawienia wyświetlania czcionek stają się coraz mniejsze. Dlatego trend, który jest widoczny na wielu stronach WWW nowej generacji, to używanie dużych, czytelnych czcionek.

Temat typografii i użycia czcionek do projektowania stron WWW zasługuje na oddzielne omówienie, a na razie polecam do kilka ciekawych stron po polsku i po angielsku: http://www.ilovetypography.com i http://www.lettercult.com/(po angielsku), piękne blogi o typografii, warto popatrzeć, aby się zainspirować oraz strona typografia.ogme.pl (kilka artykułów po polsku).

Kolory i grafika

Zwróć uwagę na charakter projektu, jego nastrój, kolorystykę, motywy graficzne. Różne kolory mogą oddawać różne nastroje. Jeśli zdecydujesz się na tło inne niż białe i kolor czcionki inny niż czarny, zwróć uwagę czy tekst jest wystarczająco dobrze czytelny. Więcej o kolorach w Internecie dowiesz się ze strony Wikipedii.

Pamiętaj jednak, że kolory i grafika to elementy, które stosunkowo łatwo jest zmienić, więc jest to element drugorzędny przy wyborze szablonu.

Wolna przestrzeń – niezbędna jak powietrze

Niezwykle ważne przy projektowaniu strony jest pozostawienie odpowiedniej ilości wolnej przestrzeni, aby zawartość nie sprawiała wrażenia zanadto ściśniętej. Odstępy poziome i pionowe, odległości, marginesy, przerwy i spacje są równie ważne jak sam tekst. Są niezbędne jak powietrze, bo, choć ich nie widać, gdy ich zabraknie – dusimy się!