WordPress Dla Poczatkujacych

Foto © HFred Kuipers

WordPress dla początkujących

Dowiedz się jak zainstalować i używać najpopularniejszy system

do blogowania

czasnaekurs.pl styczeń 2009


Spis Treści Dlaczego WordPress? ........................................................................................ 3

Zalety systemu WordPress ................................................................................................................. 4

Czy strona WordPress musi być blogiem, czyli jak w prosty sposób i za darmo stworzyć stronę

WWW? ................................................................................................................................................ 3

Darmowe konto czy własna instalacja? .............................................................. 5

Darmowe konto .................................................................................................................................. 5

Instalacja własna ................................................................................................................................ 5

Zanim przystąpisz do instalacji .......................................................................... 6

Konto hostingowe ............................................................................................................................... 6

Wybór i rejestracja domeny ............................................................................................................... 6

Klient FTP ........................................................................................................................................... 7

Edytor tekstowy .................................................................................................................................. 7

Instalacja krok po kroku .................................................................................... 8

Krok 1: Pobierz i rozpakuj pliki programu WordPress ...................................................................... 8

Krok 2: Utwórz nową bazę MySQL na Twoim koncie hostingowym ................................................ 9

Krok 3: Wprowadź zmiany do pliku wp-config-sample.php ............................................................ 9

Krok 4. Spolszczenie Wordpressa .................................................................................................... 10

Krok 5: Wgraj pliki WP na serwer hostingowy ................................................................................ 10

Krok 6: Instalacja .............................................................................................................................. 11

Wygląd Twojego blogu, czyli wybór szaty graficznej ......................................... 12

Co to jest szablon (styl, skórka, szatka, etc.)? .................................................................................. 12

Rozkład elementów na stronie ......................................................................................................... 13

Typografia ......................................................................................................................................... 14

Wolna przestrzeń – niezbędna jak powietrze ................................................................................... 15

Kolory i grafika .................................................................................................................................. 15

Wybór szablonu ................................................................................................................................. 15

Spolszczenie szablonu ....................................................................................................................... 15

Instalacja szablonu krok po kroku ................................................................................................... 16

Wtyczki, czyli jak dodawać nowe funkcje ......................................................... 16

Co to jest wtyczka?............................................................................................................................ 16

Instalacja i konfiguracja wtyczek ...................................................................................................... 17

Copyright © 2009 Joanna Słodownik http://www.czasnaekurs.pl/ strona: 2


Dlaczego WordPress? WordPress to najpopularniejszy, niezwykle łatwy w użyciu i funkcjonalny system do prowadzenia blogów. Jest tworzony jest przez społeczność skupioną wokół projektu wordpress.org, dzięki czemu jest dostępny za darmo, posiada ogromne wsparcie ze strony osób go tworzących oraz rzeszę wiernych fanów.

Liczba wtyczek, czyli mini-programów, które rozszerzają jego funkcjonalność i szablonów graficznych, które modyfikują jego wygląd przyprawia o zawrót głowy.

Istnieje wiele innych programów do pisania blogów, jednak WordPress jest prawdopodobnie najłatwiejszym do instalacji, obsługi i konfiguracji.

Czy strona WordPress musi być blogiem, czyli jak w prosty sposób i za darmo stworzyć stronę WWW?

Co prawda, WordPress został stworzony jako platforma do blogowania, ale sposoby jego wkorzystania bynajmniej nie kończą się na zakładaniu blogów i są ograniczone jedynie przez wyobraźnię twórców.

Strona, którą Ty zdecydujesz się założyć, nie musi być typowym blogiem-pamiętnikiem, a może być, na przykład:

• statyczną stroną WWW, na której zamieścisz swoje CV i portfolio,

• sklepem internetowym, w którym będziesz sprzedawać produkty swoje i/lub swoich partnerów,

• witryną firmową, której celem będzie nawiązywanie bezpośrednich kontaktów z klientami i promowanie firmy,

• czasopismem internetowym pisanym przez wielu autorów,

• serwisem społecznościowym, skupiającym wokół siebie ludzi o podobnych zainteresowaniach,

• czym tylko zechcesz!

Wielką zaletą platformy WordPress jest ogromna łatwość dostosowywania jej do indywidualnych potrzeb. Dzięki istnieniu setek darmowych szablonów graficznych i wtyczek, czyli mini-programów dodających nowe funkcje, możesz w prosty sposób i za darmo w ciągu kilku minut lub godzin (w zależności od Twoich umiejętności i tego, co chcesz osiągnąć) stworzyć swoją stronę WWW.

Jeśli nosisz się z zamiarem założenia własnej strony WWW, ale do tej pory nie bardzo wiedziałeś jak sie do tego zabrać, przeczytaj niniejszy samouczek „WordPress dla początkujących” i już dziś możesz mieć w pełni funkcjonalną witrynę. Tym samym w niecały jeden dzień możesz zrobić to, co inni jedynie planują od tygodni, miesięcy, a nawet lat – stworzyć własną stronę WWW!

Nie musisz mieć produktu, nie musisz mieć firmy. Możesz, a nawet powinieneś, zacząć nawet wtedy, gdy dopiero przymierzasz się do działalności. Wybierz jakąś dziedzinę, która Cię pasjonuje i zacznij pisać na ten temat. Niech to będzie tak zwany blog ekspercki, w którym będziesz dzielić się swoją wiedzą i pomału budować swoją pozycję eksperta.



Przewagą blogów nad tradycyjnymi stronami WWW jest to, że niezwykle łatwo jest dodawać nowe treści. Tradycyjne witryny internetowe zazwyczaj są statyczne, zmieniają się bardzo powoli lub wcale. Blog, jak każda strona internetowa, potrzebuje czasu by zostać zauważonym przez przeglądarki. Jeżeli będziesz regularnie dopisywać coś na blog, to wyszukiwarki zaczną kierować do Ciebie osoby, które będą poszukiwać słów związanych z tym, o czym piszesz. Dlatego im wcześniej zaczniesz, tym lepiej!

Zalety systemu WordPress

Łatwy w użyciu. WordPress jest super-przyjazny dla użytkownika. Intuicyjny w użyciu i świetnie zorganizowany. Łatwe edytory, nawigacja, administracja, instalacja systemu, dodatków i szablonów. Dodawanie wpisów jest wygodne i intuicyjne, dodawanie nowych kategorii – banalnie proste.

Funkcjonalny. Masa opcji w panelu administracyjnym sprawia, że można łatwo dostosowywać go do indywidualnych potrzeb. WordPress może być niewielkim prywatnym blogiem, rozbudowaną witryną firmową, bądź dużym serwisem społecznościowym. Gdy potrzebujesz dodatkowej funkcji, po prostu znajdujesz nową wtyczkę i ją instalujesz.

Mnóstwo wtyczek i szablonów graficznych, zarówno darmowych, jak i odpłatnych – każdy znajdzie coś dla siebie. Na stronie WordPress.org i WordPress-polska.org znajdziesz zarówno katalog wtyczek jak i katalog szablonów graficznych. Instalacja i konfiguracja szablonów i wtyczek jest uproszczona jak to tylko możliwe.

Łatwy w pozycjonowaniu. WordPress został zaprojektowany tak, aby być w stu procentach zgodnym ze standardami sieciowymi. A Google kocha takie strony! Jeśli zdecydujesz się na WordPressa to Twój blog zostanie szybko zaindeksowany przez najpopularniejszą wyszukiwarkę na świecie. Pingowanie odpowiednich miejsc po napisaniu posta sprawia, że roboty nie mają problemu z dotarciem do naszego serwisu.

Darmowy, czyli za jego pobranie i użytkowanie nie są pobierane pieniądze, bez względu na to czy wykorzystujesz go do prowadzenia prywatnego dziennika, czy komercyjnego blogu.

Możliwość modyfikacji kodu źródłowego skryptu i dostosowywanie go do własnych potrzeb i upodobań. Możesz także tworzyć nowe wtyczki i szablony i udostępniać je innym za darmo lub za opłatą.


http://wordpress.org/

http://wordpress-polska.org/


Darmowe konto czy własna instalacja? Do wyboru masz dwie możliwości użytkowania WordPress:

Darmowe konto (WordPress.com)

Własna instalacja (WordPress.org)

Wybór należy do Ciebie, a zależy on od tego, jakie cele chcesz osiągnąć przez blogowanie.

Darmowe konto

Zaletą darmowych blogów prowadzonych na witrynach takich jak WordPress.com, jest to, że najczęściej są bezpłatne i nie wymagają instalacji. Wystarczy, że zarejestrujesz się na wybranej witrynie, wybierzesz tytuł i możesz zacząć pisać.

Wady to ograniczone możliwości umieszczania treści komercyjnych (np. płatnych ogłoszeń), ograniczone możliwości modyfikacji wyglądu i funkcjonalności oraz to, że blog nie należy do Ciebie, to znaczy, nie możesz skopiować całego blogu na swój komputer lub przenieść go w inne miejsce.

Jeśli jednak chcesz prowadzić prosty blog i nie interesują Cię możliwości zmiany wyglądu, funkcjonalności, czy zarabiania na blogu, a także nie masz żadnego doświadczenia informatycznego (i nie zamierzasz go zdobyć), to hostowany blog może okazać się dla Ciebie lepszym rozwiązaniem.

Instalacja własna

Własna instalacja wymaga więcej wysiłku i co nieco kosztuje, ale jeśli myślisz poważnie o blogowaniu, jest to inwestycja, która na pewno się opłaci.

Da Ci to dużo większą swobodę wyboru szaty graficznej (szablonu), instalacji nowych funkcji (tzw. wtyczek), oraz możliwość zamieszczania komercyjnych treści, o których sam będziesz decydować.

Możesz trzymać kopię swojego blogu na własnym komputerze, nie spotka Cię więc przykra niespodzianka w postaci przypadkowego usunięcia blogu przez usługodawcę (co jest mało prawdopodobne, ale teoretycznie możliwe) czy braku możliwości przeniesienia zawartości na inną platformę.

Korzystając z WordPress’a zainstalowanego przez siebie jesteś wolny!

W dalszym ciągu tego samouczka będziemy się zajmować wyłącznie punktem drugim, to jest opisem jak samemu zainstalować i skonfigurować WordPressa.


http://wordpress.com/

http://wordpress.org/


Zanim przystąpisz do instalacji

WordPress został napisany w języku skryptowym PHP, a do funkcjonowania wykorzystuje bazę MySQL.

Zanim przystąpisz do instalacji WordPressa, potrzebne Ci będą:

własne konto hostingowe

własna domena (nie jest niezbędna do instalacji, możesz ją zarejestrować później)

klient FTP (program do transferowania plików)

edytor tekstowy

Konto hostingowe

Konto hostingowe to miejsce, gdzie przechowywany będzie Twój blog. Pozwala ono także na zakładanie kont emailowych i innych stron WWW. Jeśli zamierzasz stworzyć blog, który będzie postrzegany w sposób profesjonalny, zainwestuj w płatne konto. Konta można zakładać również na serwisach darmowych, lecz oferują one bardzo ograniczone możliwości, wymuszają wyświetlanie reklam obcych firm na Twojej stronie, oraz doklejają treści reklamowe do wysyłanych emaili.

Upewnij się, że konto spełnia następujące wymagania konieczne do instalacji WP:

PHP wersja 4.3 lub wyższa MySQL wersja 4.0 lub wyższa Apache mod_rewrite (nie jest to warunek konieczny, ale przydatny)

Aktualne wymagania możesz sprawdzić na stronie http://wordpress.org/about/requirements/.

Wymagania te są dość podstawowe i większość kont hostingowych je spełnia. Jeśli masz już stronę internetową, to możesz zainstalować WP na tym samym koncie.

Wybór i rejestracja domeny

Jeśli chcesz mieć blog na własnej domenie (a chcesz!), potrzebna Ci będzie również domena internetowa. Domena to adres, pod którym znajdować się będzie Twój blog, na przykład www.mojeblogowanie.com. Domenę możesz na ogół wykupić w tej samej firmie hostingowej przy zakładaniu konta.

Wybór domeny to temat na osobny artykuł, powiem więc tylko tyle, że musisz znaleźć jakąś odpowiadającą Ci nazwę, która nie została już przez kogoś zarejestrowana.

Podobnie jak w przypadku hostingu, nie korzystaj z darmowych domen, jeśli chcesz, aby Twój blog był postrzegany jako profesjonalny.

Po zakupie domeny czeka Cię jeszcze jej konfiguracja – podanie adresu DNS. Jeśli dokonasz zakupu w porządnej firmie to wszystko powinno być wyjaśnione na ich stronach lub będziesz miał możliwość łatwego kontaktu z osobą, która odpowie na wszelkie pytania.


http://wordpress.org/about/requirements/

http://www.mojeblogowanie.com/


Po założeniu konta uzyskasz login i hasło do logowania do panelu konta. Po zalogowaniu się do panelu konta należy utworzyć bazę i zapisać nazwę bazy, nazwę użytkownika bazy, hasło oraz host bazy (najczęściej localhost).

Uwaga! Zapisz te wszystkie informacje, tzn. nazwę bazy, nazwę użytkownika bazy, hasło oraz hosta bazy (najczęściej będzie to localhost), abyś mógł je łatwo odnaleźć. Będą Ci potrzebne w dalszych etapach instalacji.

Klient FTP

Przy instalacji będzie Ci potrzebne narzędzie pozwalające wgrywać pliki na Twój serwer hostingowy. Służy do tego klient FTP. Skrót FTP pochodzi od angielskiego File Transfer Protocol, co oznacza protokół transmisji danych) – usługi FTP pozwalają na przesyłanie plików pomiędzy odległymi komputerami.

W sieci jest dostępnych wiele takich programów, zarówno darmowych, jak i odpłatnych. Przykładowe programy to total commander (http://totalcmd.pl/), FileZilla (http://filezilla.sourceforge.net/), Cyberduck dla Mackintosha (http://cyberduck.ch/), ale możesz znaleźć w sieci masę innych i wybrać ten, który najbardziej Ci odpowiada.

Dla celów bezpieczeństwa, połączenie z odległym komputerem rozpoczyna się od podania nazwy konta i hasła. Będziesz musiał wpisać dane konta FTP, które znajduje się w panelu administracyjnym wybranego hostingu.

Edytor tekstowy

Edytor tekstowy jest potrzebny do zrobienia kilku drobnych zmian w pliku konfiguracyjnym WP. Może to być na przykład Textpad, Notepad lub Textedit (ale nie Word!).

Edytor przyda się także, jeśli w przyszłości chciałbyś zająć się edytowaniem lub tworzeniem własnych szablonów.


http://totalcmd.pl/

http://totalcmd.pl/

http://filezilla.sourceforge.net/

http://filezilla.sourceforge.net/

http://cyberduck.ch/


Instalacja krok po kroku

Krok 1: Pobierz i rozpakuj pliki programu WordPress

Aby pobrać ostatnią wersję programu WordPress, otwórz stronę http://wordpress.org/download i kliknij na przycisku Download WordPress.

Program zapyta Cię, czy chcesz otworzyć, czy zapisać plik. Kliknij Zapisz.

Wskaż, gdzie na swoim komputerze chcesz zachować plik. Kliknij Zapisz.

Rozpakuj skompresowany plik .zip. W tym celu dwukrotnie kliknij na plik ZIP, który zapisany został na komputerze. Jeśli plik nie otworzy automatycznie, kliknij na nim prawym klawiszem myszy i wybierz Rozpakuj.


http://wordpress.org/download


Krok 2: Utwórz nową bazę MySQL na Twoim koncie hostingowym

Potrzebny Ci do tego będzie Twój login i hasło do logowania do panelu obsługi konta, które otrzymałeś przy zakładaniu konta.

1. Zaloguj się do panelu, utwórz bazę i zapamiętaj (najlepiej zapisz): nazwę bazy, nazwę użytkownika bazy, hasło oraz nazwę komputera, na którym znajduje się baza MySQL. W większości przypadków MySQL i serwer webowy znajdują się na tym samym komputerze, stąd nazwa “localhost”. Jeśli masz wątpliwości jak to zrobić, skontaktuj się ze swoim serwisem hostingowym.

Krok 3: Wprowadź zmiany do pliku wp-config-sample.php

1. Otwórz plik wp-config-sample.php używając edytora tekstowego.

2. Zmień plik następująco:

/** The name of the database for WordPress */ define(‘DB_NAME’, ‘ Twoja_baza_danych’);

/** MySQL database username */ define(‘DB_USER’, ‘Twoja_nazwa_uzytkownika’);

/** MySQL database password */ define(‘DB_PASSWORD’, ‘Twoje_super_tajne_haslo’);



/** MySQL hostname */ define(‘DB_HOST’, ‘localhost’);

W 99-ciu przypadkach na 100, nie będziesz musiał zmieniać tej ostatniej wartości. Jeśli masz wątpliwości, skontaktuj się z Twoją firmą hostingową.

3. W celu spolszczenia systemu WordPress od razu zmień także:

define (‘WPLANG‘, “);

na:

define (‘WPLANG‘, ‘pl‘);

Zachowaj plik jako wp-config.php.

Uwaga: .php jest rozszerzeniem pliku; jeśli Twoj editor będzie próbował to zmienić, nie pozwól na to.

Krok 4. Spolszczenie Wordpressa

1. Wejdź na stronę: http://kubazwolinski.com/wp/wordpress-27-po-polsku/ i ściągnij pliki: pl_PL.mo i pl_PL.po.

2. Zmień ich nazwy odpowiednio na: pl.mo i pl.po.

3. Wrzuć oba pliki do katalogu languages.

4. Następnie cały folder wgraj do /wp-includes/.

Krok 5: Wgraj pliki WP na serwer hostingowy

Masz teraz na swoim komputerze katalog nazwany WordPress, w którym znajdują się wszystkie potrzebne Ci pliki WP.


http://www.php.net/define

http://www.php.net/define

http://kubazwolinski.com/wp/wordpress-27-po-polsku/


1. Połącz się z Twoim kontem przez klienta FTP i wgraj pliki – nie folder z plikami, ale bezpośrednio *pliki*– na Twoje konto.

Krok 6: Instalacja

Teraz możesz przystąpić do instalacji.

1. Otwórz w przeglądarce stronę http://www.twoja_domena.pl/wp-admin/install.php i postępuj zgodnie z instrukcjami na ekranie.

2. Podaj tytuł swojego blogu i adres emajlowy.

3. Na koniec instalacji skrypt instalacyjny poda Ci hasło do zalogowania się.

4. Zaloguj się używając nazwy użytkownika admin i podanego hasła.

5. Polecam Ci od razu skonfigurować użytkownika admin i stworzyć nowe, łatwe do zapamiętania hasło. (Hasło, które poda Ci skrypt będzie na przykład takie: Dj*sMi$)Hy83.)

6. W tym celu otwórz zakładkę Autorzy > Twój profil.

7. Możesz tutaj od razu wprowadzić swoje imię, tak jak będzie się ono wyświetlać pod wpisami (no chyba, ze chcesz skrywać się pod ksywką admin), a także zmienić hasło na takie, które łatwo Ci będzie zapamiętać.

8. Dobrze jest także zrobić sobie zakładkę do strony administratora /wp-admin/.

I to wszystko! Tym samym masz już zainstalowany WordPress w pełni gotowy do użytku. Następnym krokiem jest upiększenie wyglądu Twojego bloga przez wybór i instalację szablonu graficznego.


http://www.twoja_domena.pl/wp-admin/install.php


Wygląd Twojego blogu, czyli wybór szaty graficznej Instalacja platformy WordPress juz za Tobą. Następnym krokiem jest upiększenie wyglądu Twojego blogu przez wybór i aktywację szaty graficznej, nazywanej też szablonem, stylem, skórką, szatką, motywem i nie wiem czym jeszcze.

Zmiana wyglądu wymaga wykonania czterech kroków, a mianowicie:

wybór szablonu

ściągnięcie szablonu

wgranie szablonu do naszego blogu

aktywacja szablonu

Ale zacznijmy od wyjaśnienia, czym jest szablon i na co należy zwrócic uwage przy jego wyborze.

Co to jest szablon (styl, skórka, szatka, etc.)?

Z technicznego punktu widzenia, szablon to zbior plików, które modyfikują wygląd i układ elementów Twojego blogu.

WordPress jest platformą CMS (ang. Content Management System, czyli system zarządzania treścią) i tak jak wszyskie platformy CMS, oddziela treść –zawartość informacyjną strony, która znajduje się w bazie danych, od jej wyglądu – sposobu prezentacji, który opisywany jest w plikach szablonu.

Po wprowadzeniu nowych informacji, system przenosi je do bazy danych, a przy wyświetlaniu strony jedynie wypełnia odpowiednie miejsca na stronie według wybranego szablonu. Dzięki takiemu podejściu proces publikacji staje się prosty. Każda strona WWW generowana jest dynamicznie, a zmiana koncepcji graficznej całej witryny sprowadza się do przygotowania i zamiany szablonu, bez koniecznosci każdorazowego przebudowywania całości.

Pliki odpowiedzialne za wygląd mieszczą się w odpowiednich podkatalogach /wp-content/themes/. Np. szablon domyślny (Default) mieści się w katalogu /wp-content/themes/Default/.

Każdy plik odpowiada za inną część blogu. Oto najczęściej spotykane pliki:

index.php – zawiera to, co znajduje się na stronie głównej, czyli nagłówki, treść wpisów (lub sam wstęp), etc.

home.php – jeśli szablon zawiera tę stronę, to będzie to pierwsza strona, która zostanie wyświetlona po wejściu na blog; może to być na przykład statyczna strona, lub strona z dużą grafiką, która różni się od pozostałych stron blogu.

single.php – odpowiada za wygląd strony, kiedy wyświetlany jest pojedynczy wpis.

header.php – odpowiada za nagłówek.

sidebar.php – określa wszystko to, co mieści się w panelu bocznym.

page.php – określa wygląd stron statycznych.

footer.php – odpowiada za zawartość stopki.


http://pl.wikipedia.org/wiki/Baza_danych


comments.php – odpowiada za formularz komentarzy.

404.php – zawiera treść wyświetlaną, gdy zostanie podany błędny adres.

style.css – plik css, zawierający arkusz elementów stylu, ustalających w jaki sposób zawartość strony ma zostać wyświetlona przez przeglądarkę internetową.

Choć nie będziemy się na tym etapie zajmować projektowaniem własnych szablonów, 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ę. Możesz mieć ich więcej, ale na początek wystarczy.

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.

Nagłówek (1) Nagłówek (1)

Kolumna główna (2)


Kolumna

boczna (3)

K olumna

boczna (4)

Kolumna

boczna (3)

Kolumna

boczna (4)

Stopka (5) Stopka (5)



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ą.

Nagłówek (1)

Stopka (5) Ko

lumna

boczna (3, 4)


Nagłówek (1)

Stopka (5)

Dodatkowe treści (3)

Kolumna

bo

czna

(4) Kolumna

główna (2)

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).


http://www.ilovetypography.com/

http://www.lettercult.com/

http://www.typografia.ogme.pl/index.php/artykuly-mainmenu-4/6-typografia-internetowa


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ę!

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.

Wybór szablonu

W sieci możesz znaleść setki gotowych szablonów graficznych, zarówno darmowych jak i odpłatnych. Darmowe szablony graficzne możesz pobrać między innymi z:

szablony na stronie Wordpress.org

szablony na stronie WordPress-polska.org

100 darmowych szablonów na stronie Smashing Magazine

szablony na stronie Alexa Kinga

strona WordPress Themes 360

strona Briana Gardnera

20 darmowych szablonów Pingable’s

Jeśli szukasz czegoś specjalnego, możesz zdecydować się na zakup szablonu. Zaletą takiego rozwiązania jest to, że prawdopodobnie mniej osób go używa, a więc jest on rzadziej spotykany, a ponadto często można wtedy liczyć na jakąś formę pomocy autora przy instalacji i modyfikacjach.

Oczywiście, możesz także zaprojektować własny szablon, ale to wychodzi poza zakres tego samouczka (choć niewykluczone, że wkrótce powstanie i taki).

Spolszczenie szablonu

Spolszczenie do samej platformy WordPress zostało opisane już przy okazji instalacji. Jeżeli chodzi o szablon, to często trzeba go samemu spolszczyć.


http://www.portaldtp.pl/content/view/129/177/

http://pl.wikipedia.org/wiki/Kolory_w_Internecie

http://wordpress.org/extend/themes/

http://wordpress-polska.org/download/motyw-graficzny

http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/

http://www.alexking.org/index.php?content=software/wordpress/themes.php

http://www.wpthemes360.com/

http://www.briangardner.com/themes

http://www.pingable.org/20-of-the-best-free-magazine-wordpress-themes/


Jeśli czcesz uniknąć tego kroku, wybierz szablon który został wykonany w języku polskim lub już przetłumaczony na polski. Ponadto, niektóre szablony są wielojęzyczne, to znaczy zostały napisane tak, że wykorzystują tylko sformułowania używane w pliku polskiego tłumaczenia.

Jeżeli zdecydujesz sie na szablon, który nie posiada wersji polskiej i wymaga tłumaczenia, masz dwa wyjścia:

Wyedytować szablon przy użyciu edytora tekstowego i przetłumaczyć wyrazy angielskojęzyczne występujące na stronach na język polski. Nie jest to trudne, ale wymaga i czasu i cierpliwości.

Znaleść kogoś kto to zrobi za Ciebie, np. http://www.adamklimowski.pl/wordpress-themes.

Instalacja szablonu krok po kroku

1. Pobierz pliki wybranego szablonu graficznego w postaci spakowanego archiwum.

2. Rozpakuj archiwum. Przy rozpakowywaniu zostanie automatycznie założony nowy katalog, w którym znajdą się rozpakowane pliki.

3. Połącz się z Twoim kontem hostingowym przez klienta FTP.

4. Umieść katalog z rozpakowanymi plikami szablonu w katalogu wp-content/themes.

5. Zaloguj się do swojego panelu administracyjnego przechodząc do /wp-admin/.

6. Przejdź do zakładki “Wygląd“

7. Wśród dostępnych szat graficznych powinieneś widzieć nowy szablon. Jeśli nie widzisz jego podglądu, prawdopodobnie umieściłaś pliki w złym katalogu.

8. Wybierz szatę graficzną, której chcesz używać, klikając na jej podgląd.

9. Kliknij link “Obejrzyj stronę“, aby zobaczyć stronę w nowej szacie graficznej.

10. W ten sposób możesz przetestować wiele wybranych szablonów. W każdej chwili możesz wrócić po poprzedniego szablonu powtarzając poprzednie kroki.

Wtyczki, czyli jak dodawać nowe funkcje

Wielką zaletą platformy WordPress jest łatwość dostosowywania jej do indywidualnych potrzeb. WordPress może być niewielkim prywatnym blogiem, czasopismem internetowym pisanym przez wielu autorów, rozbudowaną witryną firmową, bądź dużym serwisem społecznościowym. Gdy potrzebujesz dodatkowej funkcji, po prostu znajdujesz nową wtyczkę i ją instalujesz.

Co to jest wtyczka?

Wtyczka (ang. plug-in) to mini-program będący dodatkiem do istniejącego programu, stworzony w celu rozszerzenia jego możliwości lub automatyzacji żmudnych czynności. Stosowanie wtyczek jest częstym zabiegiem wśród twórców programów, a zwłaszcza tych tworzących otwarte oprogramowanie, czyli także platformę WordPress.


http://www.adamklimowski.pl/wordpress-themes

http://pl.wikipedia.org/wiki/J%C4%99zyk_angielski

http://pl.wikipedia.org/wiki/Oprogramowanie

http://pl.wikipedia.org/wiki/Otwarte_Oprogramowanie



Zaletą takiego rozwiązania jest to, że użytkownicy mogą sami wybierać, jakie funkcje chcą mieć w programie, a jakie nie. Poza tym odciąża to autora od pisania całego kodu programu, przenosząc część tego obowiązku na innych.

Używając wtyczek, możesz rozszerzać funkcjonalność strony niemal w nieskończoność. Przykładowe funkcje, jakie możesz dodawać to galerie zdjęć, ankiety i sondy, podkasty i wideo, kalendarze wydarzeń, statystyki odwiedzin, prowadzenie kampanii reklamowych, automatyczne odpowiadanie na komentarze przez email, sporządzanie kopii bezpieczeństwa (backup), a nawet koszyk zakupów.

Co ważne, nie musisz instalować wtyczek od razu przy instalacji platformy WordPress. Możesz je dodawać w dowolnym momencie, w miarę rozwoju Twojej strony i pojawiania się nowych potrzeb. Pamiętaj także, że wtyczki nie są częścią szablonu graficznego. Po zainstalowaniu są one dostępne do użycia z dowolnym szablonem.

Instalacja i konfiguracja wtyczek

Instalacja i konfiguracja wtyczek jest uproszczona jak to tylko możliwe. Oto co należy zrobić:

1. Znajdź potrzebną Ci wtyczkę. Poszukiwania możesz zacząć od wp-plugins.net oraz WordPress.org.

2. Ściągnij archiwum z plikami wtyczki.

3. Rozpakuj pliki archiwum. Automatycznie zostanie założony nowy katalog, do którego będą rozpakowane pliki.

4. Połącz się z Twoim kontem przez klienta FTP.

5. Wgraj katalog z plikami do /wp-content/plugins/

6. Aktywuj wtyczkę w Panelu Administracyjnym.

7. Dokonaj ewentualnych modyfikacji plików według instrukcji, uzyskanych na stronie, z której pobrałeś wtyczkę.

I to wszystko! Możesz sobie pogratulować.

UWAGA: Czasem może okazać się, że wtyczka lub szablon z jakiegoś powodu nie działa jak się spodziewałeś, albo powoduje problemy na stronie. W takiej sytuacji zwykle wystarczy po prostu ją wyłączyć używając panelu administratora. Jeśli masz problem z dostępem do panelu, usuń pliki wtyczki z katalogu /wp-content/plugins/ przy użyciu FTP.

...ciąg dalszy nastąpi...

Aby otrzymywać informacje o uaktualnieniach, zarejestruj się na biuletyn czasnaekurs.pl na stronie www.czasnaekurs.pl.

http://wp-plugins.net/

http://wordpress.org/extend/plugins/

http://www.czasnaekurs.pl/

Documents

WordPress Dla Poczatkujacych