twórz stronę WWW w 30 dni! KURS ONLINE - olagosciniak.pl fileKURS ONLINE 2 Stwórz stronę WWW w 30 dni! SPIS TREŚCI Wstęp – stwórz stronę WWW w 30 dni!.....3

2

Stwórz stronę WWW w 30 dni!

KURS ONLINE

www.olagosciniak.pl

SPIS TREŚCI

Wstęp – stwórz stronę WWW w 30 dni!................................................................................................................. 3

1. Zacznij od dobrego planu ............................................................................................................................... 4

2. Określ swoich odbiorców ............................................................................................................................... 5

3. Poszukaj inspiracji w internecie ..................................................................................................................... 6

4. Znajdź odpowiedni hosting ............................................................................................................................ 7

5. Wybierz dobrą domenę ............................................................................................................................... 10

6. Zainstaluj WordPressa ................................................................................................................................. 13

7. Poznaj kokpit WordPressa ........................................................................................................................... 21

8. Uzupełnij swój profil .................................................................................................................................... 23

9. Uporządkuj swojego bloga ........................................................................................................................... 26

10. Zostań blogerem .......................................................................................................................................... 30

11. Dodaj media ................................................................................................................................................ 36

12. Jak przygotować zdjęcia? ............................................................................................................................. 38

13. Intuicyjnie i przejrzyście ............................................................................................................................... 41

14. Ułatw kontakt .............................................................................................................................................. 42

15. Daj się poznać! ............................................................................................................................................. 45

16. Zaprezentuj swoją ofertę ............................................................................................................................. 47

17. Działaj nad podstronami .............................................................................................................................. 49

18. Nawigacja na Twojej stronie internetowej ................................................................................................... 50

19. Wzbogać swoją stronę o widgety ................................................................................................................. 52

20. Narzędzia i ustawienia ................................................................................................................................. 54

21. Użytkownicy Twojej strony WWW ............................................................................................................... 61

22. Zainstaluj wtyczkę – formularz kontaktowy ................................................................................................. 62

23. Jak znaleźć dobrą wtyczkę? .......................................................................................................................... 66

24. Rozpocznij ciekawą dyskusję ........................................................................................................................ 71

25. Odpicuj swoją stronkę WWW. Motywy graficzne ......................................................................................... 72

26. Motyw darmowy czy płatny? ....................................................................................................................... 75

27. Skonfiguruj motyw do swoich potrzeb ......................................................................................................... 81

28. Aktualizacje i kopie zapasowe to podstawa.................................................................................................. 87

29. Wszystko gotowe? ....................................................................................................................................... 88

30. Publikuj, pisz i promuj .................................................................................................................................. 90

Podsumowanie .................................................................................................................................................... 91

Pytania od czytelników......................................................................................................................................... 92

Przydatne linki ..................................................................................................................................................... 97

Tutaj zapisz swoje dostępy ................................................................................................................................... 98

http://www.olagosciniak.pl/

3


KURS ONLINE

www.olagosciniak.pl

Wstęp – stwórz stronę WWW w 30 dni!

Podejmij wyzwanie i stwórz własną stronę WWW w 30 dni! Przeznacz

codziennie około 30–60 minut na pracę nad Twoją stroną interneto-

wą, a po 30 dniach będziesz mieć swoje własne miejsce w sieci.

Przedstawiam Ci w tym e-booku 30 rozdziałów – każdy z nich jest prze-

znaczony na jeden dzień. Aby wykorzystać w pełni ten kurs, zachęcam

Cię do wykonywania proponowanych ćwiczeń na bieżąco. Dzięki temu

po jego lekturze będziesz mieć skończoną stronę internetową z Word-

Pressem.

Oczywiście realizacja kursu w 30 dni jest to czas sugerowany przeze mnie. Zrób go w swoim tempie i co naj-

ważniejsze: pracuj nad stroną cyklicznie w równych i najlepiej niedługich odstępach czasowych.

Potraktuj ten kurs jak wyzwanie! Jeśli w trakcie prac nad stroną natrafisz na problemy lub pojawią się dodat-

kowe pytania, dołącz do mojej grupy na Facebooku, a na pewno wspólnie znajdziemy rozwiązanie.

Dołącz do grupy na FB „Jesteśmy Interaktywne”

Przed przystąpieniem do prac nad tym kursem poprosiłam w ankiecie moich czytelników o zadanie mi naj-

bardziej nurtujących pytań dotyczących tworzenia stron WWW. Odpowiedzi na te pytania zamieściłam w tym

kursie, aby go dopasować do Twoich potrzeb. Dodałam także moje dobre rady, które znajdziesz na margine-

sie.

Kim jestem?

Nazywam się Ola Gościniak. Prowadzę bloga Jestem Interaktywna, na którym dzielę się swoją wie-

dzą i doświadczeniem oraz pomagam początkującym samodzielnie zbudować własną stronę

WWW. Od 2009 r. zawodowo zajmuję się tworzeniem stron internetowych. Moją misją jest zmiana

oblicza internetu – chcę, aby oglądanie każdej strony było przyjemnością. Chcę też pomóc Ci w

dodaniu Twojej stronie internetowej skrzydeł! Jesteś ze mną?

PYTANIE OD MARYSI:

Czy poradzę sobie z tym jako osoba nietechniczna?

Marysiu, uważam, że bez problemu poradzisz sobie ze stworzeniem własnej strony

internetowej. Użycie WordPressa nie wymaga wiedzy programistycznej podczas

prac nad stroną. Większość funkcji będziesz mogła samodzielnie wyklikać w panelu

administracyjnym Twojej strony. Zapraszam Cię do lektury tego kursu i wierzę, że

na jego zakończenie stwierdzisz, że samodzielne stworzenie strony WWW jest cał-

kiem proste!


https://www.facebook.com/groups/strona.www/

4


KURS ONLINE

www.olagosciniak.pl

1. Zacznij od dobrego planu

W pierwszym dniu nabierz rozpędu przed czekającymi Cię zadaniami i zaplanuj czas, jaki chcesz przeznaczyć

na pracę nad swoją stroną internetową.

Pamiętaj, żeby nie narzucić sobie zbyt krótkiego czasu pracy, aby nie zniechęcił Cię zbyt szybko nadchodzący

termin, bo wtedy możesz już od samego początku czuć, że jesteś na straconej pozycji. A wcale tak nie jest.

Razem damy radę! Termin prac nad stroną nie może być także zbyt długi, ponieważ kiedy całość prac zacznie

się rozwlekać w czasie, za każdym razem, gdy usiądziesz ponownie do swojej strony, konieczne będzie dłuższe

wdrożenie i określenie, na czym stanęły prace i czym teraz trzeba się zająć.

Optymalny czas realizacji strony to 15–60 dni. Oczywiście możliwe, że uda Ci się stworzyć swoją stronę znacz-

nie szybciej. Jeśli jednak jest to Twoja pierwsza strona, ten okres będzie dla Ciebie odpowiedni.

Zapisanie tych dat na kartce będzie dla Ciebie czynnikiem motywacyjnym, dlatego nie pomijaj tego ćwiczenia.

Jakie są koszty prowadzenia strony WWW?

Weź pod uwagę orientacyjne koszty prowadzenia strony internetowej. W przypadku samodzielnego stworze-

nia strony interesuje Cię koszt hostingu oraz domeny. W przypadku wyboru motywu płatnego dodatkowo

konieczny będzie jednorazowy koszt na jego zakup (około 50 dol.).

Brutto rocznie Na start – rejestracja Co roku – przedłużenie

Hosting 40–150 zł 100–200 zł

Domena .pl 12 zł 50–120 zł

Domena .com 47 zł 47–97 zł

Motyw 0–50 dol. 0 zł

Suma 50–200 zł + cena motywu ok. 150–300 zł

ĆWICZENIE – PLANOWANIE PRAC

Nazwa mojej strony: ……………………………

Kiedy rozpocznę pracę nad stroną? ……………………………

Kiedy strona powinna ruszyć? ……………………………

Ile czasu dziennie na to przeznaczę? ……………………………

W jakie dni będę pracować nad stroną? ……………………………

Przyjmij wyzwanie i stwórz własną stronę WWW w 30 dni! Startuje-


5


KURS ONLINE

www.olagosciniak.pl

2. Określ swoich odbiorców

To zadanie dla Ciebie: określenie Twojej grupy docelowej.

Dlaczego jest to takie ważne? Od samego początku prac nad

stroną musisz zdawać sobie sprawę z tego, że tworzysz ją

przede wszystkim nie dla siebie, ale dla swoich czytelników i

klientów. Dlatego Twoja strona internetowa musi być inte-

resująca właśnie dla nich.

Wyobraź sobie, że Twoją grupą docelową są dzieci, a Twoimi ulubionymi kolorami są np. czarny i granatowy.

To oczywiste, że strona internetowa w tych kolorach nie będzie podobała się najmłodszym. Można to przeło-

żyć także na inne obszary. Dlatego już na tym etapie tak ważne jest określenie, kim są Twoi czytelnicy. Dzięki

temu łatwiej będzie Ci podjąć wiele decyzji podczas prac, nie popełnisz też błędów przy wyborze kolorystyki

lub przy pisaniu treści, bo będziesz wiedzieć, kto trafia na Twoją stronę WWW. Określenie grupy pomoże rów-

nież w przyszłości w konfiguracji reklam na Facebooku i Google pod konkretną grupę odbiorców.

Idealnym rozwiązaniem jest jak najbardziej specyficznie zdefiniowana grupa potencjalnych klientów lub czy-

telników, ale jeśli w Twojej tematyce trudno określić tak specyficzną grupę, to się nie martw. Określ swoich

czytelników tak szczegółowo jak się da. Poniżej zamieściłam pytania, które pomogą Ci w wyznaczeniu Twojej

grupy.

ĆWICZENIE – MOJA GRUPA DOCELOWA

Moją grupą docelową są:

………………………………………………………………………………………………………

Kim jest osoba odwiedzająca moją stronę (np. kobieta w wieku 25–45 lat)?

………………………………………………………………….…………………………………

Co robi na co dzień i jakie ma wykształcenie, zawód, hobby?

………………………………………………………………………………………………………

Dlaczego odwiedza moją stronę?

………………………………………………………………………………………………………

Gdzie mieszka (duże miasto, miasteczko, wieś)?

………………………………………………………………………………………………………

W jakich godzinach najczęściej korzysta z internetu?

………………………………………………………………………………………………………


6


KURS ONLINE

www.olagosciniak.pl

3. Poszukaj inspiracji w internecie

Nie zawsze warto wymyślać koło od nowa, dlatego inspiruj się sprawdzo-

nymi rozwiązaniami i stronami WWW już działającymi w internecie. Po-

szukaj stron internetowych, które wzbudzają w Tobie pozytywne emocje i

zapisuj linki do nich – wraz z informacją, co Ci się na nich podoba. Pomoże

Ci to podczas prac nad Twoją stroną.

Przejrzyj także strony internetowe Twojej konkurencji. Być może lektura

ich sprawi, że wymyślisz jakieś innowacyjne rozwiązanie, dzięki cze-

mu będziesz przodować.

ĆWICZENIE – ULUBIONE STRONY WWW

Wypisz linki do stron, które Ci się podobają. Do każdej ze stron dopisz, co wpłynęło

na Twój wybór.

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………………………

ĆWICZENIE – KONKURENCJA

Zapisz adresy stron internetowych konkurencji. Pomyśl, jakie rozwiązania można

zastosować na Twojej stronie. Pójdź o krok dalej niż konkurencja i spróbuj wymy-

ślić jakieś innowacyjne rozwiązanie dla swojej strony WWW.

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………………………

……………………………………………………………………………………………………


7


KURS ONLINE

www.olagosciniak.pl

4. Znajdź odpowiedni hosting

Czym jest hosting?

To zapewnienie miejsca na serwerze, na którym możesz:

umieścić stronę WWW w internecie,

stworzyć skrzynki e-mail dla siebie i swoich pracowników,

przechowywać pliki i mieć do nich dostęp przez internet.

Wybrać hosting płatny czy darmowy?

Wybór hostingu w głównej mierze zależy od specyfiki Twojej strony i od tego, jak chcesz, by postrzegali Cię

Twoi odbiorcy. Przy podejmowaniu decyzji weź pod uwagę, z jakimi ograniczeniami wiąże się wybór darmo-

wego hostingu. Poniżej przedstawiam te najczęściej spotykane.

Darmowy hosting – z czym wiąże się jego wybór?

Czasami ograniczenia związane są z maksymalnym miesięcznym transferem.

Częsty brak dostępu do bazy danych MySQL, czyli strona z WordPressem nie będzie działać.

Zdarza się brak obsługi PHP, czyli strona z WordPressem nie będzie działać.

Nachalne reklamy często umieszczane na stronie (usługodawca też musi na czymś zarabiać).

Znacznie większa awaryjność niż w przypadku płatnego hostingu oraz ograniczone wsparcie technicz-

ne.

W większości przypadków brak własnej domeny konieczność korzystania z subdomeny dostawcy.

Najbardziej kluczowe jest posiadanie obsługi PHP oraz dostępu do bazy danych MySQL, jeśli chcesz, aby na

tym hostingu mogła działać strona z WordPressem, którą stworzysz podczas tego wyzwania.

Jeśli myślisz o swojej stronie internetowej poważnie lub ma ona być profesjonalną wizytówką Twojej firmy –

nie polecam darmowego hostingu. Nachalne reklamy, pojawiające się w najmniej oczekiwanych miejscach na

stronie WWW, mogą skutecznie zniechęcić Twoich potencjalnych klientów i czytelników do jej oglądania.

Natomiast jeśli startujesz z blogiem i jeszcze nie wiesz, czy będzie zainteresowanie potencjalnych czytelników,

oraz nie chcesz na start wydawać pieniędzy – darmowy hosting może być dobrym rozwiązaniem. W każdym

momencie, jeśli wzrośnie Twoja oglądalność, będziesz mieć możliwość przejścia na profesjonalny hosting.

Czym się różni hosting

od serwera?

Hosting to usługa udostępnia-

nia serwera

przez dostawcę usług interne-

towych.


8


KURS ONLINE

www.olagosciniak.pl

Na co zwrócić uwagę przy zakupie serwera?

Na co należy zwracać uwagę, jeśli zdecydujesz się na hosting płatny? Poniżej stworzyłam zestawienie najważ-

niejszych właściwości serwera, które warto sprawdzić jeszcze przed zakupem.

Płatny hosting – na co zwracać uwagę?

Pojemność serwera – przy małej stronie wystarczy ok. 1 GB, natomiast jeśli planujesz umieszczać więk-

sze ilości zdjęć na swojej stronie, konieczna będzie pojemność serwera większa niż 10 GB.

Transfer – 20 GB powinno wystarczyć przy niewielkiej stronie.

Liczba kont e-mail – niektóre hostingi ograniczają liczbę skrzynek e-mail do kilku. Warto wziąć to pod

uwagę, jeśli planujesz rozwój swojego biznesu.

Uptime – to procent określający, ile czasu w skali roku hosting działał bezawaryjnie. Są to procenty

rzędu 99,99999%, dlatego weź pod uwagę liczbę dziewiątek po przecinku.

Obsługiwane technologie (PHP, baza danych MySQL, FTP) – bez tego nie zadziała strona z CMS-em

WordPress, którą tworzysz w tym kursie.

Opinie znajomych – koniecznie zapytaj o zdanie inne osoby, aby poznać ich doświadczenia.

Zwróć uwagę na cenę – pamiętaj, aby nie przepłacać za serwer. Jeśli ma on podobne parametry do

konkurencyjnego, warto minimalizować koszty.

Nie decyduj się na serwer nieznanej firmy, bo możesz mieć potem problemy z dostępnością Twojej strony

internetowej lub z awaryjnością hostingu.

PYTANIE OD ALINY:

Czym charakteryzuje się hosting, jak można go zainstalować i na jakiej zasa-

dzie współgra ze stroną internetową?

Usługi hostingowe mają szereg różnych właściwości, które podałam powyżej.

Niezbędnymi instalacjami koniecznymi do działania serwera zajmuje się hostin-

godawca. Wystarczy tylko zakupić konkretną usługę i zainstalować stronę WWW.

W jaki sposób to zrobić? Instrukcję krok po kroku znajdziesz w kolejnych rozdzia-

łach.

Serwer to komputer utrzymywany przez dostawcę usługi hostingowej, podłączo-

ny do internetu, na którym fizycznie znajdują się pliki Twojej strony internetowej.

Jest on niezbędny w celu publikacji strony WWW w internecie.


9


KURS ONLINE

www.olagosciniak.pl

Z hostingu jakich firm korzystam?

Na co dzień zarządzam wieloma stronami internetowymi i korzystam z usług dwóch różnych firm hostingują-

cych. Dlaczego? Ponieważ każda z tych firm zapewnia mi różne możliwości – to ważne w przypadku stron

WWW, które mają inne potrzeby. Poniżej zamieszczam podsumowanie hostingu w LH.pl oraz zenbox.pl.

Tańszy – niska cena w pierwszym roku,

w kolejnych większa, ale i tak niższa niż

w zenboxie.

Tańszy – stała cena zarówno w pierwszym roku, jak

i w kolejnych latach.

Brak ograniczenia unikalnych użytkowników

(UU) – czyli unikalnych osób, które odwiedzają

Twoją stronę WWW.

Brak ograniczenia pojemności i liczby baz – licz-

ba baz danych określa, ile stron z CMS-em może

zostać zainstalowanych na serwerze.

Pakiety według przestrzeni dyskowej Pakiety według liczby UU

Profesjonalna pomoc techniczna z infolinią –

która odbiera telefony od razu, a na e-maile od-

powiada bardzo szybko; często pomoc techniczna

skonfiguruje ustawienia za Ciebie.

Szybka e-mailowa pomoc techniczna – która

odpowiada na e-maile w ciągu kilku minut; często

„mnichowie” zenboxa skonfigurują ustawienia za

Ciebie. Brak możliwości kontaktu telefonicznego.

Dokładne i zawsze aktualne zestawienie firm hostingowych, z których korzystałam, wraz z moimi ocenami

znajdziesz w artykule na moim blogu: olag.pl/hosting.

Używam tych rozwiązań na co dzień i mogę je polecić. Jednak zachęcam Cię: przejrzyj dostępną ofertę na ryn-

ku i podejmij własną decyzję, aby hosting był odpowiedni dla Twoich indywidualnych potrzeb.

25% RABATU NA HOSTING W LH.PL

Przygotowałam dla Ciebie atrakcyjny rabat 25% na hosting w LH.pl.

Na start strony lub kilku niewielkich stron WWW pakiet ORANGE powinien być odpo-

wiedni. W razie wątpliwości odezwij się do supportu LH.pl.

1. Wejdź na stronę www.olag.pl/lh.

2. Wpisz kod rabatowy interaktywna przy zakupie.


http://olag.pl/lh

http://www.olag.pl/zenbox

http://olag.pl/hosting

http://www.jesteminteraktywna.pl/zenbox

http://www.olag.pl/lh

10


KURS ONLINE

www.olagosciniak.pl

5. Wybierz dobrą domenę

Dlaczego dobra domena jest ważna?

Domena internetowa identyfikuje Twoją stronę internetową

lub bloga. Musi być łatwa do zapamiętania, aby Twoi czytel-

nicy nie mieli problemu z trafieniem na Twoją stronę WWW.

Jeśli dopiero tworzysz bloga lub biznes i nie masz jeszcze na-

zwy – przy okazji jej wymyślania sprawdzaj, czy są dostępne

takie domeny, aby nazwa Twojej przyszłej strony nie była już zarezer-

wowana. Jeśli masz problem ze znalezieniem nazwy swojego bloga lub

biznesu, zajrzyj do tego artykułu: olag.pl/nazwafirmy.

Jakie są typy domen?

Domeny dzielimy na pięć różnych grup w zależności od ich przeznaczenia. Poniżej zapoznasz się z grupami

oraz przykładami domen w każdej z nich.

narodowe .pl, .de, .fr

funkcjonalne .com.pl, .info.pl, .edu.pl

regionalne .waw.pl, poznan.pl, .bydgoszcz.pl

globalne

.com – strony komercyjne

.org – organizacje non-profit

.info – strony informacyjne

nowe domeny .hotel, .blog, .fitness, .bar

W 2014 r. pojawiły się tzw. nowe domeny – wśród nich jest około

700 nowych końcówek. Sporo domen było już zajętych i pojawiło się zapo-

trzebowanie na nowe. Opisują one tematykę strony internetowej, np. do-

mena .hotel dla hotelu itd.

Pamiętaj, że domena zawsze coś znaczy

W przypadku domen globalnych i funkcjonalnych końcówki do-

men sugerują, z jakiego typu stroną mamy do czynienia. Przy-

kładowo .com pochodzi od ang. „commercial”, .info sugeruje ist-

nienie bogatej bazy danych na stronie WWW, a .org jest wyko-

rzystywana przez organizacje non-profit. Większość rozszerzeń

ma tego typu znaczenie, dlatego sprawdź to przy wyborze do-

meny.

Co to jest domena?

Domena to podstawowy skład-

nik internetowej tożsamości.

Jest adresem internetowym,

który kieruje Cię na żądaną

stronę WWW.

Czy wiesz, że…

…w 1985 r. zarejestrowano

pierwszą domenę. W 2010 r.

było ich 180 mln, a w 2015 r. –

już ponad 300 mln?


http://olag.pl/nazwafirmy

11


KURS ONLINE

www.olagosciniak.pl

Na co zwrócić uwagę przy wyborze domeny?

Podsumowałam dobre praktyki, które mogą pomóc Ci w wyborze domeny idealnej dla Twojej strony interne-

towej.

Unikaj polskich znaków oraz cyfr w adresie – wyjątek stanowi sytuacja, gdy w nazwie Twojej firmy jest

cyfra oraz gdy będzie to bardziej intuicyjne dla Twoich odwiedzających.

Wybierz dobre rozszerzenie (.com, .pl, .poznan.pl) – w większości przypadków na potrzeby polskiego

rynku domeny .pl i .com będą najbardziej intuicyjnym rozwiązaniem. Domeny regionalne z miastem w

nazwie najlepiej zarezerwować dla stron urzędów oraz szkół, aby się nie ograniczać, gdyby w przyszłości

nastąpiła ekspansja Twojego biznesu na krajowe lub międzynarodowe rynki. Poza tym tego typu domeny

są długie do zapisania, przez co mogą nie zostać zapamiętane. Musisz pamiętać, że to nazwa witryny jest

wizytówką, a nie jej rozszerzenie.

Średnio domena powinna mieć od 4 do 25 znaków – jest to optymalna liczba znaków, aby nazwa do-

meny była zapamiętywalna dla Twoich czytelników. Łatwiej przyswoić długą nazwę, która składa się w lo-

giczną całość, niż krótki, ale całkowicie nielogiczny ciąg znaków (np. skrót).

Przedrostki tylko w ostateczności – staraj się nie używać przedrostków e-, i- itd., jeśli nie ma wolnej

domeny; tylko niewielka liczba osób ją zapamięta.

Nie wybieraj domen z łącznikami (-) – jeśli będzie możliwość wpisania nazwy Twojej domeny

z łącznikiem lub bez, to w większości przypadków Twoi czytelnicy i tak najpierw wpiszą wersję bez niego.

Warto się przed tym zabezpieczyć, aby niechcący nie trafili na stronę Twojej konkurencji.

Przemyśl zakup kilku rozszerzeń – w przypadku braku pewności co do wyboru swojej domeny rozważ

zakup kilku różnych rozszerzeń, aby w przyszłości nikt nie wykupił innego rozszerzenia i nie korzystał na

pomyłkach we wpisywaniu adresu przez Twoich klientów.

Rozważ umieszczenie w domenie słów kluczowych lub krótkiego zdania – jeśli nazwa domeny jest

zajęta, być może dobrym pomysłem będzie dodanie do niej słów kluczowych lub zamiana jej na krótkie

zdanie określające, czym się zajmujesz; poprawi to pozycję Twojej strony w Google dla danej frazy.

PYTANIE OD KAM:

Jaka domena jest najlepsza?

Najlepsza domena to taka, która będzie łatwo rozpoznawalna i zapamiętywalna. Nie

wybieraj rzadko używanych rozszerzeń i nie dodawaj zbędnych łączników, aby Twoi

czytelnicy przez pomyłkę nie trafili do Twojej konkurencji.

Skorzystaj z powyższych porad, weź jednak pod uwagę to, że od każdej z nich mogą

być wyjątki, dlatego przełóż powyższe wskazówki na swój biznes, aby wybrać dome-

nę idealną dla swojej strony WWW.


12


KURS ONLINE

www.olagosciniak.pl

Jak sprawdzić, czy nazwa domeny jest wolna?

Wejdź na przykład na stronę LH.pl i w polu „Sprawdź, czy domena jest wolna” wpisz nazwę swojej domeny,

aby zobaczyć, czy jest możliwa do zakupienia. Wyszukiwanie to nie jest wiążące – domenę możesz zakupić u

każdego operatora sprzedającego domeny z daną końcówką.

Ważną informacją jest to, że nie musisz kupować hostingu i domeny u tego samego dostawcy usług. Oczywi-

ście jeśli to zrobisz, łatwiej będzie skonfigurować Twoją stronę, a jeśli nie – konieczna będzie dodatkowa kon-

figuracja domeny.

Nie będę pokazywać, w jaki sposób to zrobić, bo konfiguracja w panelach różnych firm wygląda inaczej. Naj-

lepszym rozwiązaniem jest skorzystanie z pomocy obsługi technicznej wybranej przez Ciebie firmy – na pewno

chętnie Ci pomoże! A w przypadku firm LH.pl i zenbox.pl często nawet skonfigurują wszystko w odpowiedni

sposób (oczywiście za Twoją zgodą).

Wierzę, że lektura dwóch ostatnich rozdziałów pomoże Ci w wyborze odpowiedniego dla Ciebie dostawcy

usługi hostingowej i domeny, dlatego zaopatrz się w te, które odpowiadają Twoim potrzebom – będą one

konieczne do prac nad Twoją stroną WWW w kolejnych rozdziałach tego kursu.

ĆWICZENIE – MOJA DOMENA

Pomyśl o idealnej nazwie swojej domeny i zapisz propozycje na kartce, a następnie

sprawdź ich dostępność.





13


KURS ONLINE

www.olagosciniak.pl

6. Zainstaluj WordPressa

Dlaczego mam instalować CMS-a?

Obecnie prawie już nie wykonuje się witryn, które nie są wyposażone

w CMS-a. Coraz więcej stron internetowych (także wizytówek firmowych)

ma podstrony z blogiem, cennikiem, galerią oraz innymi działami,

na których treści wymagają częstych aktualizacji.

Z tego powodu tworzenie strony WWW bez panelu CMS-a jest po prostu

nieopłacalne. Co prawda cena wykonania strony internetowej na start być

może będzie niższa, ale – biorąc pod uwagę cenę częstych aktualizacji –

po pewnym czasie okaże się, że koszt strony jest znacznie wyższy, bo każ-

da zmiana wymaga zatrudnienia programisty.

WordPress jest jednym z najpopularniejszych CMS-ów. Dlaczego? Poniżej przedstawiam jego zalety oraz wady.

Zauważ, że popularność umieściłam w obydwóch przypadkach, ponieważ właśnie dzięki niej jest bardzo dużo

darmowych dodatków, które rozszerzą funkcjonalność Twojej strony, oraz łatwo znajdziesz pomoc w razie

problemów. Niestety popularność wpływa także na to, że strona WWW może zostać łatwiejszym celem ataków

– ale i na to są sposoby!

Zalety Wady

Popularność – łatwa do znalezienia pomoc Popularność – może stać się łatwiejszym celem

ataku, jeśli nie jest często aktualizowany przez

użytkownika. Jednak można ustrzec się przed tym,

instalując odpowiednie rozszerzenia zabezpieczają-

ce.

Łatwość obsługi i polska wersja językowa

Możliwość instalacji wtyczek – rozszerzenia funkcji

Twojej strony WWW

Duży wybór motywów graficznych (darmowe

lub płatne, np. na stronie ThemeForest) Wydajność – nie nadaje się dla dużych portali

i sklepów internetowych, gdzie lepiej się sprawdzą

rozwiązania przeznaczone do tych celów. Word-

Press jest idealny dla niewielkich i średnich stron

WWW.

Częste aktualizacje

Niedrogi hosting

Co to jest CMS (Content Management System, system zarządzania treścią)?

To panel administracyjny strony WWW, w którym po zalogowaniu możesz aktualizować jej treść.

W panelu CMS-a możesz dodawać nowe artykuły czy zdjęcia albo usuwać te nieaktualne.

Możesz wyklikać wszystko – nawet całą stronę WWW – bez konieczności pisania kodu.

Mając taki panel, unikasz kosztów związanych z obsługą strony internetowej

przez programistę, jeśli masz stronę WWW, na której treści są często aktualizowane.


htpp://themeforest.net/?ref=imagospot

14


KURS ONLINE

www.olagosciniak.pl

Czym się różni WordPress.org od WordPress.com?

Podczas tego kursu zainstalujesz WordPressa (WP) z WordPress.org. Ale

czym tak naprawdę różni się WordPress.org od WordPress.com?

Tak jak pisałam w poprzednim rozdziale, końcówka .org sugeruje organiza-

cję non-profit, dlatego ze strony WordPress.org możemy pobrać za darmo

pliki WordPressa i zainstalować je na własnym hostingu oraz podpiąć swoją

domenę. Używanie WordPressa nie wiąże się wtedy z żadnymi kosztami

(oprócz tych za serwer i domenę).

Natomiast końcówka .com sugeruje rozwiązanie komercyjne – i tak jest także w przypadku WordPress.com.

Jest to hosting dedykowany pod WordPressa. Nie musisz nic instalować – wystarczy rejestracja na stronie i już

masz własną stronę z WordPressem. Niestety w wersji darmowej hosting ten wiąże się z szeregiem ograni-

czeń, m.in. nie możesz zainstalować żadnej własnej wtyczki, musisz wybrać motyw wśród z ograniczonej ich

liczby, a Twoja strona będzie miała subdomenę z końcówką .wordpress.com. Natomiast pozbycie się niektó-

rych z tych ograniczeń wymaga przejścia na wersję płatną, która w tej chwili kosztuje 99 dol. (być może w

momencie, kiedy to czytasz, koszty są inne). Na polskie realia jest to bardzo wygórowana cena, dlatego pole-

cam zakup własnego hostingu oraz domeny, pobranie WP ze strony WordPress.org i samodzielną instalację,

którą już za chwilę przeprowadzisz według moich wskazówek.

WordPress.org WordPress.com

Możliwość pobrania i samodzielnej instalacji WP Tylko rejestracja, bez instalacji

Dostęp do kodu Brak dostępu do kodu

Możliwość podpięcia własnej domeny Podpięcie własnej domeny płatne

Możliwość instalacji motywów Wybór motywu z ograniczonej ich listy (ok. 100)

Możliwość używania i instalowania wtyczek oraz

motywów

Brak możliwości używania i instalowania wtyczek oraz

motywów

Dostęp do FTP-a i bazy danych Doklejane reklamy (usuwane za ok. 99 dol. rocznie)

Potrzebny własny hosting i domena Hosting zapewniony, w wersji darmowej subdomena

.wordpress.com

Co będzie potrzebne do instalacji?

Strona do pobrania WordPressa:

pl.wordpress.org

Program do rozpakowania paczki .zip,

np. www.7-zip.org.pl

Klient FTP, np. Total Commander lub FileZilla:

filezilla-project.org

Hosting z bazą danych MySQL, gdzie zainstalujemy

WP, np. LH.pl lub zenbox.pl

Co to jest baza danych?

W bazie danych są zapisywane

wszystkie treści dodawane

przez Ciebie w panelu admini-

stracyjnym. Jeśli chcesz mieć

CMS-a, musisz mieć bazę.


http://pl.wordpress.org/

http://7-zip.org.pl/

http://filezilla-project.org/


http://jesteminteraktywna.pl/zenbox

15


KURS ONLINE

www.olagosciniak.pl

Jak zainstalować?

Pobierz WP z pl.wordpress.org

Rozpakuj paczkę .zip i prześlij pliki przez

klienta FTP na swój serwer

Dodaj bazę danych na swoim serwerze

Wejdź na swoją stronę i przejdź przez kre-

ator instalacji

Pobierz WordPressa

Pobierz paczkę ze strony pl.wordpress.org.

UWAGA! Przed przystąpieniem do instalacji

dowiedz się od swojego dostawcy, czy nie

ma automatycznego instalatora, który wy-

kona poniższe czynności za Ciebie.

Niektóre firmy hostingowe zainstalują też

WordPressa za Ciebie – a wtedy zaoszczę-

dzony czas poświęcisz na tworzenie strony.

Na pewno zrobią to za Ciebie firmy: LH.pl i

zenbox.





http://jesteminteraktywna.pl/zenbox

16


KURS ONLINE

www.olagosciniak.pl

Wyślij na serwer

Rozpakuj plik .zip na swoim komputerze i wyślij pliki na zakupiony przez Ciebie serwer. Poniżej przykład, jak to

zrobić za pomocą programu FileZilla.

W tym programie po lewej stronie możesz nawigować w plikach swojej strony, natomiast po połączeniu się ze

swoim serwerem – po prawej stronie zobaczysz pliki już się na nim znajdujące.

Wejdź w ustawienia File Site Manager. Pojawi się wtedy okienko do wpisania danych do Twojego FTP-a,

które otrzymasz po zakupieniu swojego hostingu. W razie problemów z ich uzyskaniem skontaktuj się z firmą,

od której masz hosting.

Do podania będzie konieczny host

Twojego serwera, np. s1.zenbox.pl,

login użytkownika oraz hasło.

W większości serwerów FTP należy

wybrać protokół FTP i szyfrowanie

(encryption) „Only use plain FTP” oraz

normalny typ logowania. Jeśli te usta-

wienia nie zadziałają, skonsultuj się z

biurem obsługi firmy hostingującej.

W razie problemów możesz także

zadać pytanie na mojej grupie „Jeste-

śmy Interaktywne” na FB.




17


KURS ONLINE

www.olagosciniak.pl

Z lewej strony odszukaj na swoim komputerze rozpakowany plik WordPressa, który już został przez Ciebie

pobrany. Po połączeniu z serwerem znajdź katalog public_html i przekopiuj do niego pliki, które znajdują się

w rozpakowanym katalogu. Możesz zrobić to na zasadzie drag & drop (przeciągnij i upuść), tj. zaznacz wszyst-

kie pliki i przeciągnij je kursorem myszy w prawą stronę programu na swój serwer.

Dodaj bazę danych MySQL

Nie będę pokazywać, jak to zrobić, ponieważ w każdym hostingu będzie to wyglądało inaczej, dlatego zachę-

cam Cię do zapoznania się z działem pomocy Twojego serwera lub skontaktowania się z obsługą techniczną –

na pewno Ci w tym pomogą.

Przy zakładaniu bazy danych do podania są: nazwa bazy danych, nazwa użytkownika oraz hasło. Użyj

trudnego hasła i zapisz wszystkie te informacje w bezpiecznym miejscu. Do materiałów dołączam dodatkowy

plik, w którym możesz zapisać wszystkie konieczne hasła, aby ich nie zapomnieć; pola te znajdziesz także na

samym końcu tego e-booka.


18


KURS ONLINE

www.olagosciniak.pl

Przejdź przez kreator instalacji

Po wpisaniu nazwy domeny w przeglądarce (np.

Chrome, Firefox) powinien pojawić się kreator kon-

figuracyjny WordPressa.

W tym panelu połącz swoją stronę ze stworzoną

przed chwilą bazą danych, a następnie dodaj swo-

jego użytkownika do logowania się do panelu ad-

ministracyjnego i ustaw tytuł swojej strony.

Kliknij przycisk „Zaczynajmy” i przejdź do dalszej części konfiguracji, w której połączysz stronę z bazą danych i

zainstalujesz WordPressa.

Podaj dane, które zostały wygenerowane podczas tworzenia bazy danych, czyli:

nazwę bazy danych, nazwę użytkownika, hasło,

adres serwera bazy danych – w większości przypadków localhost zostaw bez zmian,

prefiks tabel – nie musisz teraz tego zmieniać.

Jeśli z jakichś powodów nie widzisz poniż-

szego konfiguratora, coś poszło źle podczas

kopiowania plików na stronę lub domena

jest skonfigurowana w nieprawidłowy spo-

sób – skonsultuj się z Twoim dostawcą usług

hostingowych i operatorem domeny.


19


KURS ONLINE

www.olagosciniak.pl

Jeśli wprowadzone przez Ciebie dane są prawidłowe, dostaniesz informację, że możesz przejść do uruchomie-

nia instalacji.

Aby uruchomić stronę internetową, konieczne jest podanie jej tytułu – w większości przypadków dobrym wy-

borem będzie nazwa Twojego bloga lub firmy. Możesz ten tytuł w każdej chwili zmienić, więc nie musisz się

teraz ostatecznie deklarować.


20


KURS ONLINE

www.olagosciniak.pl

Na podaną poniżej nazwę użytkownika i hasło zalogujesz się do swojego panelu administracyjnego, dlatego

zapamiętaj je lub zapisz (na końcu mojego e-booka masz na to przeznaczone miejsce). Podaj prawidłowy e-

mail, ponieważ w przypadku, gdy zapomnisz hasło, przyjdzie na niego przypomnienie.

Jeśli nie chcesz jeszcze publikować swojej strony WWW, możesz zaznaczyć prośbę o nieindeksowanie jej przez

przeglądarki. Warto to zrobić na samym początku prac nad stroną internetową. Właśnie udało Ci się zainstalować swoją stronę internetową – możesz zalogować się na podane przez

Ciebie dane. W następnym rozdziale poznasz bliżej panel i nowo stworzoną przez Ciebie stronę WWW.


21


KURS ONLINE

www.olagosciniak.pl

7. Poznaj kokpit WordPressa

Strona logowania do Twojego panelu CMS-a znajduje się pod adresem www.twojadomena.pl/wp-login.php.

Po zalogowaniu zobaczysz tzw. kokpit WordPressa, czyli panel do administrowania Twoją stroną internetową.

Panel ten jest intuicyjny – w tym kursie pokażę Ci go od podszewki, aby WordPress nie miał przed Tobą tajem-

nic.

Po lewej stronie znajduje się menu, w którym są wszystkie najważniejsze opcje:

Wpisy – artykuły blogowe, kategorie i tagi wpisów

Media – zarządzanie zdjęciami i wszystkimi plikami dodanymi w panelu administracyjnym

Strony – dodawanie i zarządzanie podstronami, np. „Oferta”, „Kontakt”, „O mnie”

Komentarze – administracja komentarzami dodanymi przez czytelników

Wygląd – zarządzanie motywami graficznymi, menu głównym, panelem z dodatkami (widgetami)

Wtyczki – rozszerzanie funkcji Twojej strony WWW poprzez wtyczki (pluginy)

Użytkownicy – zarządzanie użytkownikami, np. możesz dodać nowych administratorów

Narzędzia – dodatkowe narzędzia strony WWW, możliwość importu/eksportu ustawień

Ustawienia – bardziej zaawansowane ustawienia Twojej strony internetowej

Zaraz po zalogowaniu po prawej stronie pojawią się skróty do różnych opcji wewnątrz Twojego panelu admi-

nistracyjnego. Możesz stąd szybko przejść do personalizacji Twojej strony, dodać nową podstronę czy wpis,

możesz także zobaczyć krótkie statystyki strony (ile jest na niej wpisów, podstron i komentarzy).

Wszystkie te możliwości poznasz w dalszej części kursu, gdy będę pokazywać kolejne działy panelu CMS-a.


22


KURS ONLINE

www.olagosciniak.pl

Gratulacje!!!

Twoja strona WWW już działa! Najtrudniejsza część – ta instalacyjna – jest za

Tobą. Teraz czas na dostosowanie strony WWW do Twoich potrzeb. Weź

głęboki oddech i pracuj dalej, bo bardzo dobrze Ci idzie!

Już niedługo Twoja strona WWW powinna wyglądać tak jak poniżej; jest to

domyślny pierwszy motyw graficzny, który jest ustawiany zaraz po instalacji

WordPressa i nazywa się Twenty Seventeen.

Co roku tworzony jest nowy motyw ustawiany na start – stąd nazwa związa-

na z rokiem jego wydania.

„Witaj, świecie!” to domyślny pierwszy wpis na Twoim blogu, który został dodany podczas instalacji. Z prawej

strony znajduje się tzw. sidebar, czyli panel boczny, do którego można dodawać różne dodatki (widgety).

Zmianami motywu graficznego zajmiesz się w dalszej części kursu. Na tę chwilę zostaw ten standardowy, aby

przećwiczyć podstawowe funkcje WordPressa.

Na czarnym pasku narzędzi na samej górze ekranu znajdują się dodatkowe opcje. Dzięki nim możesz szybko i

łatwo nawigować pomiędzy panelem administracyjnym a Twoją stroną internetową, na której zobaczysz

wprowadzone przez Ciebie zmiany. Po najechaniu na tytuł strony WWW pojawi się opcja „Przejdź do strony”.


23


KURS ONLINE

www.olagosciniak.pl

8. Uzupełnij swój profil

W tym rozdziale ustawisz swój profil użytkownika oraz dodasz własny awatar.

Przygotuj w tym celu swoje zdjęcie, a za chwilę dowiesz się, jak je ustawić. W

większości motywów graficznych informacje o sobie, które podasz w profilu,

będą wyświetlane pod każdym blogowym wpisem jako notka o autorze. Dlatego

warto podać tam krótkie, a zarazem treściwe informacje.

Aby zmienić ustawienia profilu Twojego użytkownika, najedź w prawym rogu

ekranu na powitanie („Witaj…”), a pojawi się wtedy dodatkowy panel, w którym

będzie opcja „Edycja profilu” – wybierz ją. Znajduje się tutaj także możliwość

wylogowania z panelu administracyjnego.

W edycji profilu możesz zmienić kolorystykę swojego panelu administracyjnego wedle własnych preferencji.

Możesz także włączyć skróty klawiaturowe do moderacji komentarzy – dowiesz się więcej na ten temat pod

linkiem „Więcej informacji”.

Trzecią opcją jest wyłączenie widoczności paska narzędzi podczas przeglądania strony. Na sam początek nie

wyłączaj tej opcji – ułatwi Ci to nawigację pomiędzy panelem administracyjnym a Twoją stroną WWW.

Zaraz pod powyższymi opcjami znajduje się dział dotyczący podpisu, czyli informacji o Tobie, jakie będą wi-

doczne na blogu, np. pod wpisami blogowymi. W podpisie niestety nie ma możliwości zmiany loginu. Jeśli

chcesz go zmienić, będzie konieczne dodanie nowego użytkownika.


24


KURS ONLINE

www.olagosciniak.pl

Dodaj imię, nazwisko i pseudonim, następnie w polu „Przedstawiaj mnie jako” wybierz formę, jaka ma być

wyświetlana czytelnikom Twojej strony. W tym miejscu możesz zmienić adres e-mail oraz podać adres do

innej Twojej strony internetowej.

Zaraz pod danymi kontaktowymi możesz dodać krótką biografię, która będzie wyświetlana pod każdym wpi-

sem. W tym miejscu możesz także zmienić swoje hasło – poprzez wygenerowanie propozycji WordPressa lub

podanie swojej propozycji. Po wprowadzeniu zmian wybierz „Zaktualizuj profil”.


25


KURS ONLINE

www.olagosciniak.pl

Zmiana awatara

Nie ma możliwości dodania własnego zdjęcia do awatara bezpośrednio w WordPressie – zrobisz to

w zewnętrznym serwisie Gravatar. Należy się w nim zarejestrować na ten sam adres e-mail, który jest podany

w WordPressie. W Gravatarze możesz dodawać wiele różnych e-maili i przypisywać do nich różne fotografie.

Zdjęcie po dodaniu możesz wykadrować do proporcji kwadratu. W momencie, gdy to zrobisz, automatycznie

na Twoim blogu w notatce o autorze będzie pobierany Twój awatar.

Moc Gravatara jest taka, że od tej chwili na każdym blogu, na jakim dodasz komentarz, podając swojego e-

maila, automatycznie przy Twoim komentarzu pojawi się Twoja fotografia. Nie musisz za każdym razem jej

dodawać.


https://pl.gravatar.com/

26


KURS ONLINE

www.olagosciniak.pl

9. Uporządkuj swojego bloga

Kategorie i tagi służą do porządkowania artykułów na

Twoim blogu – czytelnicy Twoich artykułów znacznie

łatwiej będą mogli odnaleźć interesujące ich treści. Do-

datkowo mają one bardzo pozytywny wpływ na optyma-

lizację Twojej strony pod kątem pozycjonowania w wy-

szukiwarkach. Dlatego zachęcam do ich używania. A jak

to robić? Tego zaraz się dowiesz.

Czym się różnią kategorie od tagów?

Tagi i kategorie spełniają na blogu różne zadania. Pamiętaj, aby nie pokrywać tematycznie tagów i kategorii –

powinny się one nawzajem uzupełniać. Weź pod uwagę, że dla pojedynczego tagu lub kategorii powinno być

dodanych przynamniej kilka wpisów.

Kategorie Tagi

Ogólne – spis działów, do jakich mogą należeć wpisy

na Twoim blogu, np. spis treści książki.

Szczegółowe – dotyczą bardziej szczegółowych

zagadnień, np. indeks haseł na końcu książki

Wymagane – jeśli nie dodasz żadnej kategorii, to do

wpisu zostanie dodana kategoria „Bez kategorii”.

Opcjonalne – nie musisz używać tagów w swoich

wpisach, nie jest to wymagane.

Hierarchiczne – do każdej kategorii możesz dodać

wiele podkategorii. Płaskie – nie ma w nich relacji rodzic–dziecko.

Dodawaj niewiele kategorii – maksymalnie dwie

kategorie do wpisu.

Dodawaj dużo tagów – może być ich dodanych

nawet kilkanaście do pojedynczego wpisu.

Uporządkowana lista – kategorie są wyświetlane

zazwyczaj w formie listy.

Chmurka tagów – tagi wyświetlane są jako chmura,

a ich rozmiar zależy od liczby wystąpień.

Przykład

Prowadzę bloga kulinarnego skosztuj.to – mam na nim wiele przepisów. Aby je uporządkować, postanowiłam

stworzyć kategorie oznaczające typy posiłków, czyli np. śniadania, obiady, desery, grill itd., natomiast w tagach

opisuję składniki, np. cebula, czosnek, papryka itd. Dzięki temu moje przepisy mogę uporządkować w dwóch

różnych obszarach.

Używanie tagów nie jest konieczne,

jeśli Twoja strona jest niewielka i nie

planujesz dodawania wielu artyku-

łów na blogu. Tagi zawsze będzie

można dodać w przyszłości, jeśli

pojawi się taka potrzeba.


27


KURS ONLINE

www.olagosciniak.pl

Zarówno kategorie, jak i tagi można dodać w dwóch różnych miejscach:

W panelu dodawania/edycji wpisu blogowego

W osobnym dziale przeznaczonym do ich edycji (Wpisy Kategorie, Wpisy Tagi)

Dodawanie kategorii

Pierwszy sposób pokażę Ci podczas dodawania Twojego pierwszego wpisu, natomiast teraz zajmiesz się do-

dawaniem kategorii na drugi sposób – w tym celu przejdź do działu Wpisy Kategorie.

Aby dodać nową kategorię, wpisz jej nazwę, która będzie widoczna dla Twoich czytelników. Uproszczoną na-

zwę zostaw pustą – zostanie ona wygenerowana automatycznie na podstawie podanej nazwy. Jest to tak na-

prawdę część adresu URL, pod którym będzie widoczna strona archiwum wpisów (czyli podstrona z listą wpi-

sów danej kategorii). Natomiast w polu „Kategoria nadrzędna” możesz wybrać kategorię nadrzędną dla ak-

tualnie dodawanej kategorii, jeśli chcesz budować strukturę drzewka w kategoriach.

Możesz także dodać opis kategorii. W niektórych motywach

graficznych będzie on wyświetlany, dlatego warto napisać w

nim kilka słów na temat kategorii – będzie miało to pozy-

tywny wpływ na optymalizację Twojej strony WWW pod SEO

(proces pozycjonowania jej w wyszukiwarkach). Na zakoń-

czenie możesz wcisnąć klawisz Enter lub nacisnąć niebieski

guzik „Dodaj nową kategorię”.

Po prawej stronie znajduje się lista już dodanych kategorii.

Możesz tutaj nimi zarządzać, edytować je, usuwać. W tym celu najedź kursorem myszy na daną kategorię –

pojawi się możliwość jej usunięcia lub edycji. Jeśli planujesz usunąć więcej kategorii, zaznacz pole przed jej

nazwą, a następnie w okienku „Masowe działania” wybierz „Usuń” i naciśnij guzik „Zastosuj”. Jeśli usuniesz

kategorię, to wpisy, które są do niej dodane, nie zostaną usunięte razem z nią. Pole „Liczba” informuje, ile

wpisów znajduje się w danej kategorii.

Jeśli nie widzisz kategorii, być

może nie jest do niej dodany

żaden wpis – kategorie wy-

świetlane są, jeśli mają przypi-

sany chociaż jeden wpis.


28


KURS ONLINE

www.olagosciniak.pl

Dodawanie tagów

Dodawanie tagów wygląda analogiczne, jak dodawanie kategorii. W tym celu przejdź do działu Wpisy Tagi.

Do wypełniania są pola „Nazwa”, „Uproszczona nazwa” oraz „Opis”. Tagi nie są hierarchiczne, dlatego nie

można wybrać tagu nadrzędnego, jak to miało miejsce w przypadku kategorii.

Z prawej strony znajduje się widok listy dodanych tagów i w tym miejscu – tak samo jak w przypadku kategorii

– można je dodać, usunąć i zobaczyć, ile wpisów ma zdefiniowany dany tag.

DOBRE RADY

Nie buduj osobnej kategorii dla zaledwie kilku wpisów – powinna mieć ona ich przy-

najmniej kilkanaście.

Jeżeli w danej kategorii masz bardzo dużo wpisów, przemyśl dodanie do niej podkate-

gorii lub rozbicie jej na kilka różnych kategorii.

Nazwy kategorii powinny być krótkie – maksymalnie 2-3 słowa.

W nazwach kategorii postaraj się zawrzeć słowa kluczowe – wpłynie to pozytywnie

na samoistne pozycjonowanie się Twojej strony (SEO).

Nie powielaj kategorii – jeśli jest już podobna kategoria, to nie dodawaj nowej.

Nie dodawaj kategorii ze względu na miesiąc dodania wpisu lub autora, który napi-

sał go w WordPressie – taki podział występuje domyślnie.


29


KURS ONLINE

www.olagosciniak.pl

Dodaj kilka kategorii i tagów do swojej strony internetowej. Kolejne będziesz tworzyć wraz z rozwojem swojej

strony internetowej. Wiele z nich przyjdzie Ci na myśl dopiero na etapie pisania artykułów.

ĆWICZENIE – WYMYŚL KATEGORIE DLA TWOJEGO BLOGA

Wypisz najważniejsze kategorie dla Twojego bloga.

ĆWICZENIE – WYMYŚL TAGI DLA TWOJEGO BLOGA

Nie musisz wypisywać wszystkich – zastanów się nad ich głównym nazewnictwem i

nad tym, jakie obszary tematyczne Twojego bloga one obejmą.


30


KURS ONLINE

www.olagosciniak.pl

10. Zostań blogerem

Jak tworzyć atrakcyjne treści?

Teksty na stronę WWW różnią się od tekstów

w mediach drukowanych, bo użytkownicy inaczej

czytają na urządzaniach elektronicznych. Przebiegają

je wzrokiem, zamiast czytać od początku do końca –

tak jak to wygląda w przypadku książek. Dlatego treść

stron internetowych musi być urozmaicona i pisana

tak, aby przebieganie ich wzrokiem było możliwe.

Dodatkowo tekst na ekranie czyta się o 15% wolniej od tekstu drukowanego. Z tego powodu na potrzeby

WWW teksty powinny być przynajmniej o 15% krótsze niż te do druku.

We wpisie blogowym na początku umieść ogólne streszczenie, a szczegóły dodaj poniżej. Stosuj śródtytuły

jako punkty zaczepienia, aby łatwiej przebiegało się tekst wzrokiem. Dzięki temu czytelnik zdecyduje po prze-

czytaniu śródtytułu, czy dany akapit go interesuje i czy ma ochotę zapoznać się z jego treścią.

Atrakcyjne treści wzbogacą Twoją stronę WWW

Na stronach nie rozpisuj się za bardzo. Umieść tylko najważniejsze treści, aby czytelnik od razu wiedział,

czym się zajmujesz (zasada TL;DR – „too long; didn’t read”).

Sprawdź, czy w użytych fontach (czcionkach) działają polskie znaki!

Długie teksty na blogu wyrównaj do lewej, krótkie opisy na stronach mogą być wyśrodkowane.

Używaj śródtytułów, pogrubień, ikon, fotografii. Unikaj długich tekstów bez urozmaicenia.

Nigdy nie justuj – nie masz zbyt dużego wpływu na justowanie tekstu na każdym możliwym urządzeniu,

a może to przynieść niespodziewane rezultaty.

Zamieszczaj w swoich tekstach słowa kluczowe, ale – pisząc dla swoich czytelników – nie dodawaj słów

kluczowych na siłę, kosztem czytelności artykułu.

Czy warto prowadzić bloga?

Nawet jeśli tworzona przez Ciebie strona internetowa ma być jedynie wizytówką Twojej firmy, warto wyposa-

żyć ją w bloga. Dlaczego?

Blog angażuje społeczność, przyciąga czytelników oraz klientów.

Zwiększasz widoczność swojej strony w wyszukiwarkach.

Ludzie postrzegają Cię jako eksperta, jeśli publikujesz merytoryczne artykuły.

Blog pomaga w budowaniu listy mailingowej.

Blog nadaje wiarygodności Twojej marce/firmie.

Czcionka bezszeryfowa

czy szeryfowa?

Czcionki bezszeryfowe, czyli te bez

kreseczek na końcach każdej litery,

czyta się łatwiej na ekranie niż

szeryfowe, zwłaszcza jeśli są małe.


31


KURS ONLINE

www.olagosciniak.pl

Co to są wpisy?

Wpis jest elementarnym rodzajem treści na blogowej platformie WordPress. Możemy je inaczej nazywać po-

stami czy artykułami blogowymi. Wyświetlają się chronologicznie od najnowszych. Wpisy można porządkować

– w przeciwieństwie do stron – w kategorie i oznaczać tagami. Wpisy są dodatkowo gromadzone w archiwa ze

względu na autora i czas dodania.

Lista wpisów

Gdy przejdziesz do działu „Wpisy”, z prawej strony poja-

wi Ci się tabelka – znajdziesz w niej wszystkie artykuły

dotychczas dodane na Twojej stronie. Możesz w tym

miejscu wyświetlić za pomocą filtrów wpisy z danej daty

lub kategorii, a także zastosować „Masowe działania”,

dzięki którym możesz usunąć lub edytować wiele wpisów

naraz.

W tabelce tej znajdują się domyślnie takie informacje jak:

tytuł, autor, kategorie, tagi, liczba komentarzy i data pu-

blikacji każdego wpisu.

Po prawej stronie u góry tabelki jest także opcja wyszukiwania wpisów po tytule – wystarczy wpisać daną frazę

i nacisnąć guzik „Szukaj wpisów”, a wpisy w tabelce będą odfiltrowane tylko do tych, które zawierają tę frazę.

Dodaję wpis

Aby edytować już istniejący wpis, naciśnij na jego tytuł, natomiast aby dodać nowy artykuł – naciśnij guzik

„Dodaj nowy”. Aby dodać nowy wpis, uzupełnij:

1) Tytuł – podaj tytuł swojego artykułu, zamieść w nim słowa kluczowe dotyczące Twojego wpisu. Spraw, aby

był ciekawy dla czytelników i zachęcał do zapoznania się z jego treścią.

2) Treść wpisu – w tym polu znajdziesz edytor tekstowy bardzo podobny do tego, jakim posługujesz się w

programie Word. W tym miejscu wpisz tekst swojego blogowego artykułu.

3) Kategoria – zaznacz odpowiednie kategorie, możesz także dodać tutaj nowe kategorie; wystarczy, że

wciśniesz przycisk „Dodaj nową kategorię” i podasz jej nazwę.

Usuwanie wpisu

Jeśli przez pomyłkę usuniesz wpis –

nie martw się. Nie jest on od razu

usuwany całkowicie, ale trafia do

kosza, z którego możesz go w każdej

chwili przywrócić. Kosz znajduje się

nad tabelką obok wszystkich opubli-

kowanych wpisów.


32


KURS ONLINE

www.olagosciniak.pl

4) Format – dostępne są następujące formaty wpisu: zwykły wpis, notatka na marginesie, obrazek, film,

cytat, odnośnik, galeria, informacja o stanie, plik dźwiękowy, czat. W niektórych motywach, po wybraniu

odpowiedniego formatu, pojawią się dodatkowe pola, np. jeśli wybierzesz format plik dźwiękowy, to po-

jawi się dodatkowe okno, aby dodać plik dźwiękowy itd. Często motywy graficzne zapewniają inny wygląd

dla wpisu o różnym formacie. Jeśli nie wybierzesz żadnego formatu, to – jako domyślny – zostanie wybra-

ny zwykły wpis.

5) Opcje publikacji – służą do publikacji wpisu;

będzie on wtedy widoczny na Twoim blogu. Jeśli

jesteś w połowie dokonywania wpisu i chcesz do-

kończyć jego tworzenie w innym czasie, wybierz

opcję „Zapisz szkic”. Możesz także zmienić do-

stępność danego artykułu na np. prywatny lub

chroniony hasłem. Znajdziesz tutaj również opcję

zaplanowania publikacji posta w przyszłości lub

ustawienia konkretnej daty znajdującej się w

przeszłości.

6) Tagi – w okienku dodawania tagów możesz wpisać tagi oddzielone przecinkami i nacisnąć Enter lub przy-

cisk „Dodaj”; Zostaną one wtedy dodane do Twojego wpisu. Możesz także nacisnąć przycisk „Wybierz

spośród najpopularniejszych tagów” – będziesz wtedy mieć możliwość wyboru spośród już istniejących.

1

2

3

4

5

Planowanie wpisów

Jeśli będziesz mieć wenę i jednego dnia

napiszesz więcej wpisów, nie publikuj

ich wszystkich od razu, tylko rozłóż te

publikacje w czasie – najlepiej w rów-

nych odstępach czasowych. Pozytywnie

wpłynie to na SEO.


33


KURS ONLINE

www.olagosciniak.pl

7) Obrazek wyróżniający – jest to zdjęcie, które wyróżnia Twój artykuł na liście wpisów na blogu

(w archiwach); w większości motywów graficznych wyświetlany jest w szczegółach danego wpisu na samej

górze. W kolejnym rozdziale zobaczysz, w jaki sposób dodać taki obrazek.

Poznaj edytor tekstowy wpisu

Jeśli wybierzesz przedostatnią ikonę w pierwszym rzędzie edytora, spowodujesz, że pojawi się drugi rząd do-

datkowych opcji. Większość z nich jest analogiczna do tych ikon, które zapewne znasz z Worda. Po prostu

zaznacz tekst kursorem myszy i wybierz daną opcję.

Możesz tu określić, czy dany tekst ma mieć krój nagłówka, który jest dobry do śródtytułów, czy ma być np.

zwykłym tekstem akapitowym. Następnie możesz kolejno: pogrubić tekst, pochylić, wypunktować, dodać cytat,

wyrównać do lewej, wyśrodkować, wyrównać do prawej, dodać hiperłącze, usunąć lub edytować hiperłącze

czy dodać znacznik „Czytaj więcej”.

W drugim rzędzie możesz kolejno: przekreślić tekst, dodać poziomą linię, wybrać kolor tekstu.

Kolejne opcje dotyczą: „Wklej jako tekst” (usunięcie formatowania, jeśli kopiujesz tekst z Worda), usunięcia

formatowania już wklejonego tekstu, wstawienia symboli, zmniejszenia i zwiększenia wcięcia, wstecz i dalej.

Natomiast ostatnia ikonka jest krótką ściągawką skrótów klawiaturowych do edycji tekstów.

W prawym górnym rogu edytora możesz wybrać tryb tekstowy i edytować treść jako HTML – może się przy-

dać, jeśli znasz ten język lub potrzebujesz wkleić jakiś kod.

6

7


34


KURS ONLINE

www.olagosciniak.pl

Nad edytorem tekstowym znajduje się przycisk „Dodaj medium” – za jego pomocą do treści wpisu możesz

dodać dodatkowe zdjęcia lub inne załączniki, np. wideo, PDF.

Poniżej zamieszczam część artykułu z mojego bloga www.olagosciniak.pl, aby pokazać, w jaki sposób najlepiej

stosować streszczenie, śródtytuły i wyróżnienia w tekście.

Do śródtytułów („Łatwość obsługi”, „Aktualizacje”) najlepiej zastosować Nagłówek 2 (nagłówek drugiego po-

ziomu), natomiast streszczenie oraz słowa kluczowe w tekście warto pogrubić. Pamiętaj, aby stosować na-

główki w porządku hierarchicznym – w kolejności od najmniejszych cyfr – tak aby stanowiły logiczną całość.

Te zabiegi przyczynią się nie tylko do większej czytelności Twojego wpisu, lecz także do lepszego samoistnego

pozycjonowania Twoich treści w wyszukiwarkach. Więcej wskazówek na temat pozycjonowania przeczytasz na

moim blogu oraz w kursie „Opanuj SEO w 14 dni!” dotyczącym optymalizacji strony pod proces pozycjonowa-

nia.



http://olag.pl/kurs-seo

35


KURS ONLINE

www.olagosciniak.pl

Pierwszy wpis dodany!

Kolejny wielki krok w budowaniu upragnionej strony internetowej już za Tobą! Obecnie blogi mają ogromne

znaczenie przy tworzeniu wizerunku eksperta i zrzeszaniu społeczności wokół marek.

Teraz możesz podziwiać swój pierwszy wpis blogowy. W jaki sposób?

Po publikacji wpisu pod jego tytułem pojawi się do niego bezpośredni odnośnik – jeśli chcesz go komuś wysłać

lub umieścić link w serwisach społecznościowych, możesz go stąd skopiować. Po kliknięciu w niego możesz

przejść do podglądu wpisu.

Pamiętaj, aby obejrzeć artykuł również po wylogowaniu się z panelu administracyjnego, aby sprawdzić, czy

wszystko wygląda w oczekiwany przez Ciebie sposób i czy wpis jest poprawnie wyświetlany. Może zdarzyć się

sytuacja, że artykuł będzie widoczny tylko dla administratora strony (zapisany jako szkic lub zakolejkowany do

publikacji w przyszłości) – wtedy niezalogowani czytelnicy zobaczą błąd 404 („Strony nie znaleziono”).

Stworzony przez Ciebie wpis powinien wyglądać w tej chwili mniej więcej tak jak powyżej. Nie dodałam zbyt

wiele treści, ale Twój artykuł na pewno będzie znacznie bardziej urozmaicony i obszerny.


36


KURS ONLINE

www.olagosciniak.pl

11. Dodaj media

Obrazek wyróżniający jest to zdjęcie, które wyróżnia

Twój artykuł na liście wpisów na blogu, w archiwach

oraz w jego szczegółach. Zazwyczaj wyświetlany na

samej górze.

Po naciśnięciu linku „Ustaw obrazek wyróżniający” w edycji/dodawaniu wpisu pojawi się okienko, w którym

możesz dodać zdjęcie ze swojego dysku. Aby to zrobić, wciśnij przycisk „Wybierz pliki” i wybierz odpowiednie

zdjęcie ze swojego komputera; możesz także za pomocą metody drag & drop (przeciągnij i upuść) przeciągnąć

zdjęcie ze swojego dysku. W tym momencie zdjęcie zostanie dodane do biblioteki mediów i będzie można

ustawić je jako obrazek wyróżniający.

Pod przyciskiem „Wybierz pliki” znajduje się informacja o maksymalnej możliwej wielkości dodawanych me-

diów. Jest ona określana w ustawieniach Twojego serwera. Staraj się jednak nie dodawać bardzo dużych pli-

ków, aby nie spowolnić działania serwera. W kolejnym rozdziale dowiesz się więcej na temat prawidłowego

przygotowywania zdjęć na potrzeby strony internetowej.

Nie musisz dbać o rozmiar

Nie musisz dbać o rozmiar obrazka

wyróżniającego. WordPress automa-

tycznie generuje konieczne rozdziel-

czości na podstawie obrazka, który

dodasz do panelu CMS-a Twojej

strony internetowej.


37


KURS ONLINE

www.olagosciniak.pl

Jeśli obrazek, który chcesz dodać jako obrazek wyróżniający, był już wcześniej dodany do mediów, wystarczy,

że wybierzesz zakładkę „Biblioteka mediów” i zaznaczysz (poprzez kliknięcie) zdjęcie, które chcesz wybrać. W

przypadku bardzo obszernej kolekcji fotografii skorzystaj z filtrów znajdujących się powyżej do znalezienia

tych o konkretnej nazwie, dacie lub typie.

Po ustawieniu obrazka wyróżniającego w panelu dodania/edycji posta w miejscu „Obrazek wyróżniający”

pojawi się miniaturka zdjęcia. Możesz w tym miejscu także usunąć obrazek – wystarczy kliknąć w odpowiedni

link.

Co wybrać na obrazek wy-

różniający?

Obrazek wyróżniający może

być zdjęciem, grafiką, ilustracją

lub zrzutem ekranu. Najważ-

niejsze jest to, aby idealnie

określał tematykę Twojego

posta.


38


KURS ONLINE

www.olagosciniak.pl

12. Jak przygotować zdjęcia?

Zarówno wpisy, jak i strony urozmaicaj zdjęciami i innymi

plikami multimedialnymi. Jednak skąd brać zdjęcia, jeśli nie

masz bazy samodzielnie wykonanych fotografii?

Poniżej zamieszczam linki do moich ulubionych darmowych

i płatnych serwisów stockowych – czyli baz fotografii, które

możesz pobrać i wykorzystać do użytku komercyjnego.

Darmowe Płatne

Picjumbo Fotolia

The Stocks Shutterstock

Pixabay GraphicRiver

Pexels iStock

Masz już znalezione zdjęcia? Świetnie! Przygotuj je teraz poprawnie na potrzeby strony WWW, aby wczytywała

się szybko, a źle dopasowane media jej nie spowalniały. Warto wziąć pod uwagę, że jeśli dana strona wczytuje

się dłużej niż trzy sekundy, wiele osób wychodzi z niej, zamiast poczekać dłużej. Zapoznaj się z poniższymi

dobrymi zasadami, jak przygotować zdjęcia, aby tego uniknąć.

Dobre zasady przygotowania zdjęć na potrzeby WWW

Lepiej sprawdzają się zdjęcia poziome niż pionowe – większość ekranów jest horyzontalna

Szerokość full HD 1920 px – WordPress sam generuje pozostałe miniatury

Nie dodawaj zdjęć większych niż 1–2 MB – optymalnie do 300 KB

Najlepiej nie dodawaj zdjęć o nazwach DSC0002.jpg – niech nazwa opisuje to, co przedstawiają

W nazwie pliku nie używaj polskich znaków, spacji ani znaków specjalnych

Najlepiej jeśli w nazwie wszystkie litery będą małe, a do tego łącznik, np. piekne-zdjecie.jpg

Używaj rozszerzenia .jpg w przypadku fotografii (nie używaj .tiff ani .png)

Używaj rozszerzenia .png dla logotypu oraz ikon (lepiej wyglądają)

Zdjęcia z aparatu dopasuj do powyższych wymagań w programie graficznym, np. w Gimpie, Photoshopie czy

FastStone Image Viewerze (www.faststone.org). Więcej na ten temat przeczytasz w artykule na stronie

olag.pl/foty.

Tylko sprawdzone źródła

Nie wykorzystuj zdjęć

z nieznanego źródła ani tych

z Google Grafika. Nie złamiesz

wtedy prawa autorskiego i nie

narazisz się z tego powodu na

problemy, które mogłyby rzutować

na opinię Twojej strony i Twojego

biznesu.


http://www.picjumbo.com/

https://pl.fotolia.com/partner/204024579

http://www.thestocks.im/

http://shutterstock.7eer.net/c/245206/42911/1305

http://www.pixabay.com/

http://www.graphicriver.net/?ref=imagospot

http://www.pexels.com/

http://www.istockphoto.com/

http://olag.pl/foty

39


KURS ONLINE

www.olagosciniak.pl

Zarządzaj wszystkimi fotografiami i innymi mediami na stronie w dziale „Media”. W tym miejscu zobaczysz

wszystkie zdjęcia, pliki audio, wideo i inne dodane do Twojej strony internetowej. Możesz tutaj także dodać

media lub masowo je usunąć.

Po kliknięciu na dany obrazek pojawi się okno, w którym możesz dodać informacje dotyczące obrazka. Zachę-

cam do uzupełniania ich słowami kluczowymi – będzie to miało bardzo pozytywny wpływ na pozycjonowanie

Twojej strony internetowej lub bloga.

Tytuł – pojawia się po najechaniu kursorem myszy na dany obrazek.

Etykieta – w wielu motywach graficznych pojawia się jako podpis pod zdjęciem.

Alternatywny tekst – ten tekst będzie wyświetlany w momencie, jeśli pojawi się problem

z wczytaniem obrazka na Twojej stronie, dodatkowo ma on wpływ na dostępność strony WWW dla

osób korzystających ze strony za pomocą urządzeń odczytujących treść strony.

Opis – dodatkowe informacje dotyczące zdjęcia, które są wyświetlane na stronie załącznika.

Masz tu możliwość podstawowej edycji zdjęcia – możesz je wykadrować, obrócić, odbić pionowo oraz poziomo

lub przeskalować. Osobiście do tego celu wolę wykorzystać program graficzny, ale jeśli nie masz takiej możli-

wości, to wybierz przycisk „Edytuj obrazek”. Pamiętaj, że edytujesz oryginalny obrazek na serwerze i zmiany

będą dotyczyć wszystkich wystąpień fotografii na całej stronie.


40


KURS ONLINE

www.olagosciniak.pl

Po zakończonej edycji wybierz przycisk „Zapisz”.

PYTANIE OD GRZESIA:

Czy mogę dodać inne media na bloga oprócz zdjęć? Jeśli tak, to w jaki sposób?

Analogicznie do dodawania fotografii możesz na swoim blogu dodawać inne media,

np. pliki dźwiękowe, filmiki, a także różnego rodzaju dokumenty, np. PDF, DOC i

inne. W przypadku zamieszczania plików audio i wideo we wpisie lub stronie pojawi

się automatycznie pasek odtwarzania pliku wraz z regulacją głośności oraz panelem

do nawigacji. Natomiast przy dodawaniu dokumentów i innych plików na stronie

zostanie zamieszczony link do pobrania takiego pliku.


41


KURS ONLINE

www.olagosciniak.pl

13. Intuicyjnie i przejrzyście

Przemyślenie architektury informacji na samym po-

czątku prac nad stroną pomoże Ci w logicznym grupo-

waniu i nazewnictwie podstron, aby użytkownik mógł je

łatwo i intuicyjnie odnaleźć na Twojej stronie WWW.

Cel – ustal cel swojej strony WWW: czy jest to

strona sprzedażowa, informacyjna itd. Twoje tre-

ści powinny prowadzić do tego celu.

Grupa docelowa – projektuj architekturę

do preferencji Twojej grupy docelowej, a nie dla

siebie.

Testuj – pytaj swoich czytelników o opinię,

a w razie potrzeby zrób testy A/B lub sortowanie

kart, tj. rozpisz na kartkach nazwy podstron

i poproś czytelników o ich logiczne pogrupowanie.

Stwórz persony – stwórz wirtualnych użytkowni-

ków Twojej strony WWW określających różne typy

czytelników, wczuj się w ich potrzeby i preferencje.

Spójność – pamiętaj o konsekwencji

w nazewnictwie i strukturze informacji na Twojej

stronie WWW.

Diagram architektury informacji

Rozpisz wszystkie podstrony, jakie planujesz umieścić na swojej stronie, a następnie uszereguj je w logiczną

całość w formie diagramu architektury. Przemyśl też nazewnictwo podstron, aby było intuicyjne dla użytkow-

ników.

ĆWICZENIE – NARYSUJ DIAGRAM

Czy warto to robić?

Pamiętaj, że Twoi czytelnicy nie

będą używać tego, czego nie mo-

gą znaleźć. Dobrze zaplanowana

architektura przełoży się na suk-

ces Twojej strony internetowej.

.


42


KURS ONLINE

www.olagosciniak.pl

14. Ułatw kontakt

Stwórz stronę kontaktową

Celem strony internetowej jest zachęcenie naszego czytelnika lub potencjalne-

go klienta do kontaktu. W jaki sposób stworzyć stronę kontaktową, dzięki której

nikt nie będzie miał problemu ze skontaktowaniem się z Tobą?

Zaraz przeczytasz o najlepszych sposobach na to, aby kontakt z Tobą był łatwy i

intuicyjny. Twoim zadaniem na dziś jest stworzenie atrakcyjnej strony kontak-

towej na Twojej stronie internetowej.

Dobra strona kontaktowa

Wyeksponuj zakładkę „Kontakt” – umieść ją w menu głównym z prawej strony.

Wskaż różnorodne formy kontaktu – daj możliwość wyboru formy kontaktu i zamieść zarówno kontakt

e-mailowy, jak i formularz kontaktowy, numer telefonu oraz swój login na Skypie. Oczywiście jeśli nie

zamierzasz korzystać z któregoś z tych środków, to go nie podawaj. Ja na swoich stronach nie podaję

numeru telefonu, ponieważ stawiam na kontakt e-mailowy.

Wybierz łatwy do zapamiętania e-mail – wybierz adres e-mail znajdujący się w domenie, w której masz

postawioną swoją stronę internetową.

Zamieść formularz kontaktowy – warto zamieścić formularz kontaktowy na swojej stronie WWW, po-

nieważ klienci częściej korzystają z formularza kontaktowego niż z samodzielnego wysłania e-maila ze

swojej poczty.

Sprawny kontakt to podstawa – na wszelkie zapytania z formularza kontaktowego odpowiadaj na bie-

żąco; klienci bardzo cenią sobie szybki kontakt. Nie dopuść, aby konkurencja, która szybciej odezwała się

na zapytanie klienta, zabrała Ci go sprzed nosa.

Mapa dojazdowa – jeśli masz swoją siedzibę, to – oprócz adresu – zamieść też mapkę z Google Maps.

Jeśli klient będzie chciał do Ciebie dojechać, to na urządzeniu mobilnym w łatwy sposób będzie mógł włą-

czyć nawigację prowadzącą do Twojego biura.

Godziny otwarcia – jeśli prowadzisz sklep, restaurację lub inny tego typu biznes, gdzie w danych godzi-

nach oferujesz swoje usługi, to zamieść w kontakcie godziny otwarcia dla klientów.

Powtórz dane kontaktowe w stopce lub na górnym pasku strony – w przypadku umieszczania danych

kontaktowych na stronie nie musisz się sugerować zasadą, że co za dużo, to niezdrowo.

Czat kontaktowy – jeśli prowadzisz sklep internetowy lub pracujesz w innej branży, w której bardzo

ważny jest kontakt w czasie rzeczywistym, przemyśl dodanie czatu do strony WWW.

Zamieść ikony do kanałów social media – w dzisiejszych czasach serwisy społecznościowe mają bardzo

duże znaczenie, dlatego zamieść linki do wszystkich społeczności, w których jesteś.


43


KURS ONLINE

www.olagosciniak.pl

Strony

Stron używa się do rzadko zmieniających się, statycznych treści. Zazwyczaj dodaje się je w stałych miejscach w

menu głównym strony WWW, np. „O mnie”, „Kontakt”.

Czym się różnią strony od wpisów?

Strony Wpisy

Stałe podstrony, np. „O mnie”, „Kontakt”, „Oferta” „Aktualności”, „Realizacje”, „Blog”

Hierarchiczne – rodzic–dziecko Podzielone na kategorie, można dodać tagi

Zazwyczaj bez możliwości komentowania Możliwość komentowania

Ograniczona liczba Nieograniczona liczba

Niedostępne w kanałach RSS W kanałach RSS

Nieopatrzone datami Opatrzone datami dodania

Strony są bardzo podobne do wpisów – mają zakładkę

w panelu administracyjnym, w którym możesz nimi

zarządzać. Dział ten znajdziesz w Strony Wszystkie

strony.

Nie będę szczegółowo opisywać tych opcji, bo są one

analogiczne jak w przypadku wpisów. Po kliknięciu na

tytuł strony przejdziesz do jej edycji. Masz tutaj możliwość

przeniesienia strony do kosza lub jej szybkiej edycji.

Jak uporządkować strony?

Nie ma możliwości nadawania

kategorii i tagów stronom, ale

można je porządkować poprzez

hierarchizację, czyli ustawiając

rodzica (stronę nadrzędną).


44


KURS ONLINE

www.olagosciniak.pl

Aby dodać nową stronę, wystarczy nacisnąć przycisk „Dodaj nową”. Okno do dodawania nowej strony wyglą-

da bardzo podobnie jak okno do dodawania nowego wpisu.

Różnice w porównaniu do dodawania wpisu są takie, że panele dodawania kategorii i tagów zostały zastąpio-

ne atrybutami. Służą one do wybrania rodzica danej strony, ułożenia stron w hierarchię oraz ich kolejności, w

której poprzez dodanie numeracji możesz zastąpić alfabetyczny porządek stron w CMS-ie.

Niektóre motywy graficzne dają możliwość wyboru szablonu strony – wtedy możesz zmienić sposób wyświe-

tlania konkretnej podstrony.

Warto na stronie kontaktowej dodać klikalny adres e-mail, tj. taki, którego kliknięcie spowoduje otwarcie okna

nowej wiadomości. Aby to zrobić, wpisz swój adres e-mail, zaznacz go kursorem myszy, a następnie wybierz

ikonę numer 1 – „Wstaw/edytuj odnośnik” z edytora tekstowego. Domyślnie zostaną ustawione poprawne

dane, dlatego wybierz od razu klawisz Enter lub naciśnij niebieski guzik ze strzałką.

Wybierając koło zębate, możesz dodać odnośniki do innych stron internetowych lub do już opublikowanych

treści wewnątrz Twojej strony WWW – dzięki opcji „lub dodaj odnośnik do już opublikowanych treści”.

1


45


KURS ONLINE

www.olagosciniak.pl

15. Daj się poznać!

Podstrona, która opowiada o Tobie i/lub o Twoim biznesie, jest tak naprawdę najważniejszą zakładką na Two-

jej stronie WWW – i jest to zazwyczaj najczęściej odwiedzana zakładka na większości stron internetowych.

Zadbaj o nią, aby przedstawiała Cię w najlepszy sposób i zachęcała do podjęcia współpracy z Tobą.

Przyciągająca strona „O mnie”, „O nas”

Pisz do swojej grupy docelowej – do tego przyda

się określona wcześniej przez Ciebie grupa doce-

lowa.

Opowiedz o sobie – nie zamieszczaj tylko suchych

faktów na temat Twojej działalności i Twojego ży-

ciorysu. Daj się poznać swoim czytelnikom i klien-

tom, pokaż swoje prawdziwe oblicze! Napisz, kim

jesteś i jakie są Twoje pasje, misja życiowa i jakimi

wartościami kierujesz się w swoim życiu i biznesie.

Pokaż się – koniecznie zamieść swoje zdjęcie. Potencjalni klienci/czytelnicy lubią poznać osobę, której

treści czytają lub którą chcą zatrudnić. Pamiętaj: czynnik ludzki zawsze przyciąga!

Opowiedz historię – w dzisiejszych czasach ogromną rolę odgrywa storytelling, czyli opowiadanie hi-

storii. Czytelnicy utożsamiają się z bohaterami takiej opowieści i odczuwają większą więź z Tobą.

Napisz, jak możesz pomóc – zamieść na tej podstronie informację o tym, w jaki sposób możesz

przydać się potencjalnym klientom i jakie rozwiązania możesz im zaoferować.

Referencje – zamieść swoje referencje, dodają one wiarygodności.

Kontakt – zamieść dodatkowy odnośnik do strony kontaktowej, aby osoba zainteresowana współ-

pracą po przeczytaniu tej strony mogła w szybki sposób przejść do kontaktu.

Pierwsza osoba – pisz w pierwszej osobie, a nie w trzeciej. Dzięki temu czytelnik będzie miał wraże-

nie, że treść tej strony jest skierowana bezpośrednio do niego.

Analogicznie do strony kontaktowej dodaj w panelu administracyjnym swojej strony internetowej podstronę

„O mnie” – weź pod uwagę powyższe wskazówki.

Poniżej pokażę Ci, w jaki sposób możesz wstawić zdjęcie bezpośrednio do treści podstrony. Ten sposób działa

również w przypadku wpisów, jeśli chcesz dodać do danego artykułu więcej niż jedną fotografię lub urozmaicić

tekst zdjęciami.

W tym celu wybierz przycisk „Dodaj medium”, który znajduje się ponad edytorem tekstowym z lewej strony.

Masz większą firmę?

Jeśli Twoja firma liczy więcej niż

jedną osobę, podstrona „About”

będzie dobrym miejscem, aby

przedstawić czytelnikowi cały zespół

oraz podać kontakt bezpośrednio

do każdego członka.


46


KURS ONLINE

www.olagosciniak.pl

Po wciśnięciu przycisku pojawi się okno, w którym możesz dodać nowy plik lub wybrać dodany już wcześnie j z

biblioteki mediów. Wygląda to analogicznie jak w przypadku obrazka wyróżniającego, który dodawany był we

wcześniejszym rozdziale dotyczącym dodawania wpisów blogowych.

Po prawej stronie na samym dole pojawiły się dodatkowe ustawienia wyświetlania załączonego pliku. W tym

miejscu ustawisz wyrównanie zdjęcia w treści do prawej, do lewej, wyśrodkowanie lub brak wyrównania.

Dodasz tutaj także zewnętrzny odnośnik lub wybierzesz, aby po kliknięciu pokazywało się powiększenie zdję-

cia, czyli „Plik multimedialny”. Następną i ostatnią opcją jest możliwość wyboru rozmiaru obrazka.

Tak jak pisałam wcześniej w rozdziale „Media”, uzupełnij pola: tytuł, etykieta oraz alternatywny tekst. Dodawaj

zdjęcia zgodnie z wcześniej omówionymi dobrymi praktykami przygotowywania zdjęć na potrzeby WWW.


47


KURS ONLINE

www.olagosciniak.pl

16. Zaprezentuj swoją ofertę

Rozdział ten jest opcjonalny, ponieważ nie każda strona musi mieć pod-

stronę z ofertą. Jednak na przykładzie tej strony chciałabym pokazać, w

jaki sposób dodawać do podstrony (lub wpisu) galerię z większą liczbą

zdjęć. Jeśli więc interesuje Cię ten temat – przejrzyj ten rozdział i przete-

stuj w praktyce dodawanie takiej galerii.

Na tej podstronie warto zamieścić szczegółową ofertę, jaką możesz zaproponować swoim klientom.

W zależności od Twojej branży może się tutaj znaleźć także cennik Twoich usług lub portfolio

z dotychczasowymi realizacjami.

Przejdź do działu „Strony” w panelu CMS-a oraz dodaj nową stronę z tytułem, np. „Oferta”. W przypadku

portfolio możesz dodać galerię zdjęć wykonanych prac. Aby to zrobić, wybierz przycisk „Dodaj medium”.

W oknie, które się pokaże, wybierz z lewej strony opcję „Utwórz galerię”. W bibliotece mediów możesz wy-

brać wiele zdjęć, które mają się ukazać w galerii. Następnie wybierz guzik „Stwórz nową galerię”.

W ustawieniach galerii możesz wybrać, czy zdjęcia w galerii mają być również odnośnikiem. Warto w tym miej-

scu wybrać odnośnik do „Plik multimedialny”, ponieważ w dalszej części kursu pokażę wtyczkę, dzięki której

takie zdjęcia po kliknięciu otworzą się na półprzezroczystej warstwie z nawigacją pomiędzy nimi za pomocą


48


KURS ONLINE

www.olagosciniak.pl

strzałek, czyli w tzw. lightboxie. W pierwszej opcji wyboru zmień „Strona załącznika” na „Plik multimedial-

ny”.

Następną opcją jest wybór, w ilu kolumnach mają się ukazywać zdjęcia w galerii, czy mają być widoczne w

losowej kolejności oraz jaki ma być ich rozmiar. Po wybraniu oczekiwanych ustawień „Wstaw galerię”.

Galeria została wstawiona do edytora tekstowego; pojawi się na tej podstronie po zapisaniu.


49


KURS ONLINE

www.olagosciniak.pl

17. Działaj nad podstronami

Dodaj kolejne podstrony

Na podstawie przygotowanego wcześniej diagramu architektury informacji dodaj wszystkie pozostałe pod-

strony, jakie się w nim znalazły.

Jeśli masz już treści napisane w Wordzie, możesz skopiować je bezpośrednio do edytora tekstowego przy

dodawaniu strony w panelu administracyjnym – wtedy wszelkie formatowania zastosowane w Wordzie zosta-

ną przeniesione na Twoją stronę internetową.

ĆWICZENIE – NARYSUJ SWOJE STRONY

Zanim przejdziesz do tworzenia pozostałych podstron, weź do ręki kartkę, ołówek i

naszkicuj je – może to zaoszczędzić wiele czasu, jeśli będziesz mieć już teraz prze-

myślaną koncepcję zawartości swojej strony internetowej.


50


KURS ONLINE

www.olagosciniak.pl

18. Nawigacja na Twojej stronie internetowej

Stwórz menu

Menu to spis podstron Twojej strony, dzięki któremu można łatwo pomiędzy nimi nawigować za pomocą po-

jedynczych kliknięć. Czytelne menu ma kluczowe zadanie na każdej stronie internetowej. Zanim je zdefiniu-

jesz, chciałabym przekazać Ci kilka sprawdzonych przeze mnie zasad dotyczących tego, jak tworzyć intuicyjną

nawigację, dzięki której czytelnicy chętniej będą oglądać Twoją stronę internetową.

Złote zasady intuicyjnej dla użytkowników nawigacji

Stosuj krótkie i zrozumiałe wyrazy – maksymalnie jeden lub dwa.

Czytelna czcionka – nie stosuj wymyślnych czcionek, może być problem z ich odczytaniem.

Od 5 do 7 zakładek – to optymalna liczba opcji w menu.

Zakładka „Home” – możesz się jej pozbyć, jeśli kliknięcie w logo powoduje przejście do strony głównej.

Rozważ możliwość drukowanych liter – jeśli czcionka jest czytelna, to nie jest to konieczność.

Dodatkowe poziomy nawigacji – jeśli przewidujesz więcej podstron, ułóż je w nawigacji drugiego poziomu.

Pion czy poziom – rozważ, czy menu będzie horyzontalne, czy wertykalne; na tę chwilę ma to znaczenie

głównie estetyczne (użytkownicy są przyzwyczajeni szukać menu u góry lub w lewej bocznej kolumnie).

Testy – jeśli nie masz pewności dotyczącej nazewnictwa, przeprowadź ankietę.

Stopka – jeśli masz taką możliwość, powiel menu w stopce.

Zarządzać menu na swojej stronie WWW możesz w dziale Wygląd Menu. Aby dodać nową nawigację, podaj

jej nazwę oraz wybierz przycisk „Utwórz menu”.


51


KURS ONLINE

www.olagosciniak.pl

Następnie możesz dodać do menu dodane przez Cie-

bie strony w panelu administracyjnym – poprzez ich

zaznaczenie i wybranie opcji „Dodaj do menu”. Poja-

wią się one wtedy po prawej stronie w strukturze me-

nu, a po zapisaniu będą widoczne na Twojej stronie

internetowej.

Oprócz stron możesz dodać do menu także konkretne

wpisy, linki do zewnętrznych stron WWW lub archiwa

kategorii. W tym celu rozwiń panele, które znajdują się

pod działem strony.

Ustawienia menu

W ustawieniach menu możesz wybrać opcję, aby każda

nowo dodawana strona była automatycznie umieszczona

w menu; dodatkowo możesz wybrać położenie menu w

motywie. Standardowo w WP są widoczne dwa domyślne

położenia: menu główne, które jest główną nawigacją strony

WWW, oraz menu odnośników do serwisów społecznościo-

wych, w którym możesz podać linki do social mediów.

Po kliknięciu zakładki dodanej do menu możesz ją dostoso-

wać do swoich potrzeb. Zmienisz wtedy wyświetlaną etykietę

tej strony w menu, dodasz jej tytuł (widoczny po najechaniu

kursorem myszy na daną opcję), a także usuniesz tę opcję z

menu.

Kategorie w menu

Do menu możesz także dodać link do

archiwum kategorii wpisów – wtedy po

jej wybraniu pojawią się na Twojej

stronie wszystkie wpisy, które są przy-

dzielone do danej kategorii. Opcja ta

jest bardzo przydatna w przypadku

blogów, które mają wiele kategorii.

Menu niższego poziomu

Aby dodać menu niższego po-

ziomu za pomocą drag & drop,

przesuń opcję menu w prawo,

żeby ustawić oczekiwaną hierar-

chię.


52


KURS ONLINE

www.olagosciniak.pl

19. Wzbogać swoją stronę o widgety

Co to jest widget?

Widget w WordPressie to mały blok/panel, który pełni określoną funkcję. Zazwyczaj widgety dodaje się

w kolumnie bocznej strony internetowej. Wiele motywów pozwala na umieszczanie ich w stopce strony,

a także wielu innych miejscach zależnych od wybranego przez Ciebie motywu graficznego. Dzięki nim w łatwy i

prosty sposób możesz dodawać poprzez drag & drop kolejne funkcje i opcje do swojego panelu bocznego.

Istnieje wiele różnych typów widgetów. Domyślnie w WordPressie spotkasz listę kategorii, chmurę tagów,

dodatkowe menu nawigacyjne, kalendarz wpisów na blogu, formularz wyszukiwania oraz ostatnie wpisy

i komentarze.

Co zamieścić w kolumnie bocznej bloga?

Kolumna boczna na blogu (sidebar)

Zdjęcia autorki/autora

Wyszukiwarka treści na stronie

Hasło powitalne oraz informacja, o czym jest blog

Ikonki do serwisów społecznościowych

Kategorie i chmura tagów

W celu dodania widgetu na Twojej stronie WWW przejdź do działu Wygląd Widgety. Umieść widgety po-

przez ich przeciągnięcie na odpowiedni panel boczny lub przez kliknięcie na niego i wybranie nazwy panelu.

Widget pojawi się na stronie WWW od razu po dodaniu go do odpowiedniego panelu.

Chcesz więcej możliwości?

Jeśli potrzebujesz innego widgetu,

którego nie ma wśród domyślnych,

poszukaj wtyczki, która dostarczy Ci

taką funkcję, jaką chcesz.


53


KURS ONLINE

www.olagosciniak.pl

W niektórych motywach graficznych dostępnych jest wiele miejsc, w których umieścisz widgety. Poniżej przy-

kład motywu, w którym można umieścić je zarówno w stopce, jak i w panelu bocznym. W stopce umieściłam

trzy widgety: tekstowy, kalendarz oraz kategorie wpisów na blogu.

Po kliknięciu na widget już dodany możesz go usunąć lub skonfigurować; po konfiguracji wciśnij przycisk „Za-

pisz” w celu zapisania zmian.

Aby zmienić kolejność widgetów, złap kliknięciem odpowiedni blok, a następnie przeciągnij go w oczekiwane

miejsce.

Jeśli chcesz dezaktywować widget na pewien czasu, nie tracąc jego ustawień, przeciągnij go do panelu „Nieu-

żywane widgety”. Przywrócisz go w każdej chwili.


54


KURS ONLINE

www.olagosciniak.pl

20. Narzędzia i ustawienia

Import treści

Jeśli prowadzisz stronę i bloga w innym systemie, np. na Bloggerze, i chcesz się przenieść na WordPressa –

możesz łatwo zaimportować treści do tworzonej strony wordpressowej. Jeśli jednak tworzysz swoją stronę od

zera, możesz pominąć ten punkt.

W dziale Narzędzia Import znajdziesz listę wtyczek, które umożliwiają import wpisów, komentarzy z innych

popularnych systemów blogowych lub z innej strony opartej na WordPressie. Konwerter kategorii i tagów

pozwala przekonwertować istniejące kategorie na tagi lub odwrotnie.

Jeśli będziesz używać tych narzędzi, to po imporcie sprawdź, czy wszystko zadziałało prawidłowo.

Eksport treści

W dziale Narzędzia Eksport po wybraniu przycisku „Pobierz plik eksport” utworzony zostanie plik, który

możesz zapisać na swoim komputerze. Będzie on zawierał wpisy, strony, komentarze, własne pola, kategorie i

tagi. Możesz zaimportować ten plik do innej instalacji WordPressa, aby przenieść na nią treści.


55


KURS ONLINE

www.olagosciniak.pl

Ustawienia strony

W menu „Ustawienia” możesz skonfigurować swoją stronę internetową. W wersji domyślnej WordPressa są

one podzielone na sześć działów:

ogólne – podstawowe ustawienia Twojej strony,

pisanie – ustawienia dotyczące publikacji wpisów blogowych,

czytanie – konfiguracja wyświetlania wpisów,

dyskusja – ustawienia komentarzy,

media – konfiguracja dotycząca multimediów na stronie WWW,

bezpośrednie linki – ustawienia adresów URL.

Zachęcam do zapoznania się ze wszystkimi opcjami w ustawieniach, aby nie szukać niepotrzebnych wtyczek,

gdy dane opcje są dostępne domyślnie w WordPressie. Często w ustawieniach pojawią się nowe działy do

konfiguracji zainstalowanych wtyczek.

Ustawienia ogólne

Tytuł (strony internetowej) – będzie wyświetlany w pasku przeglądarki oraz widoczny w wynikach wyszukiwa-

rek. Jako tytuł warto wybrać nazwę firmy lub Twojego bloga.

Opis – jest krótką informacją na temat Twojej strony WWW. Warto zamieścić w nim w formie krótkiego zdania

najważniejsze słowa kluczowe dotyczące Twojej działalności. W wielu motywach graficznych jest on wyświetla-

ny pod logotypem.


56


KURS ONLINE

www.olagosciniak.pl

Adres WordPressa (URL) – to pole jest domyślnie uzupełnione; nie zmieniaj go, jeśli nie ma takiej potrzeby.

Odnosi się ono do adresu, w którym znajdują się pliki Twojej strony WWW.

Adres witryny (URL) – ten adres w większości przypadków jest taki sam jak powyższy i oznacza adres URL,

gdzie znajduje się Twoja strona internetowa.

Adres e-mail – adres e-mail, na który będą przychodzić wszelkie powiadomienia administracyjne dotyczące

Twojej strony WWW.

Członkostwo – włączenie tej opcji spowoduje, że na Twojej stronie internetowej użytkownicy będą mogli się

rejestrować i logować.

Domyślna rola nowych użytkowników – oznacza, jaka rola będzie przyznawana użytkownikom, którzy będą

samodzielnie logować się na Twojej stronie. Warto zostawić domyślną rolę ze względów bezpieczeństwa.

Język witryny – język panelu administracyjnego Twojej strony WWW. Często wtyczki są instalowane od razu w

tym języku, jeśli tylko jest zapewnione tłumaczenie.

Strefa czasowa – w tym miejscu możesz zmienić strefę czasową strony internetowej, która wpłynie na wy-

świetlanie daty i godziny publikacji na Twojej stronie.

Format daty i godziny – określają sposób formatowania daty i godziny na stronie internetowej.

Pierwszy dzień tygodnia – możesz wybrać, od jakiego dnia tygodnia ma się rozpoczynać tydzień. Jest to uży-

wane m.in. w widgecie kalendarza.


57


KURS ONLINE

www.olagosciniak.pl

Ustawienia pisania

Ustawienia dotyczące publikacji wpisów na Twoim blogu.

Domyślna kategoria wpisów – tutaj możesz wybrać, która kategoria ma być wybierana jako domyślna.

Domyślny format wpisu – domyślny format, który będzie nadawany wpisom blogowym.

Publikacja przez e-mail – opcja ta pozwala publikować posty wysłane na specjalnie założony do tego celu

adres e-mail. Rozwiązanie to jest coraz mniej wspierane przez twórców WordPressa.

Usługi aktualizacji – tutaj możesz wprowadzić adresy serwisów, które będą powiadamiane podczas publika-

cji nowego wpisu.

Ustawienia czytania

Ustawienia dotyczące wyświetlania wpisów na Twoim blogu.

Strona główna wyświetla – jest to bardzo przydatna opcja, dzięki której możesz wybrać, czy na stronie głów-

nej mają się wyświetlać najnowsze wpisy blogowe, czy wybrana w tym miejscu zdefiniowana statyczna pod-

strona. Najczęściej ta opcja wykorzystywana jest przy tworzeniu stron wizytówkowych.


58


KURS ONLINE

www.olagosciniak.pl

Strony bloga wyświetlają maksymalnie – określa, ile wpi-

sów blogowych będzie wyświetlanych na pojedynczej stronie

blogowej. Pozostałe wpisy nie znikną, ale będą stronicowanie

i dostępne po przejściu do dalszych zakładek.

Kanały nowości wyświetlają ostatnie – opcja ta ustawia

liczbę wpisów wyświetlanych w kanałach RSS.

W kanałach nowości wyświetlaj – w tym ustawieniu wybie-

rasz, czy w RSS ma być wyświetlana cała treść wpisu, czy tylko

jego streszczenie.

Widoczność dla wyszukiwarek – jest to opcja przydatna pod-

czas prac nad stroną WWW, kiedy nie chcesz, aby wyszukiwarki indeksowały Twoją stronę. Ważne: pamiętaj,

aby wyłączyć tę opcję przed publikacją strony.

Ustawienia dyskusji

Ustawienia dotyczące komentarzy umieszczanych na Twojej stronie internetowej.

Domyślne ustawienia nowych artykułów – opcje te dotyczą powiadamiania innych blogów o umieszczeniu

do nich linków w Twoim artykule. W tym miejscu możesz także wyłączyć możliwość komentowania wpisów na

Twojej stronie internetowej.

Pozostałe ustawienia komentarzy – dotyczą tego, czy autorzy komentarzy muszą wprowadzać podpis i e-

mail oraz czy konieczne jest logowanie w serwisie przed dodaniem komentarza. W tym miejscu możesz także

Co to jest RSS?

Dzięki RSS zyskujesz kolejny kanał

dystrybucji treści z bloga. Wiele osób

przegląda czytniki RSS, które powia-

damiają ich o nowych treściach na

interesujących ich blogach.


59


KURS ONLINE

www.olagosciniak.pl

wyłączyć możliwość komentowania starszych artykułów, wybrać, ile poziomów komentarzy przewidujesz oraz

po ile komentarzy ma być widoczne na jednej stronie, zanim zostanie zastosowane stronicowanie.

Wyślij mi e-maila za każdym razem, kiedy – w tym miejscu możesz ustawić powiadomienia e-mailowe

o dodaniu komentarza.

Nim komentarz pojawi się na blogu – w tych ustawieniach możesz określić zasady moderacji komentarzy

pojawiających się na Twojej stronie WWW.

Ustawienia mediów

Ustawienia w tym dziale dotyczą multimediów, które za-

mieszczasz na stronie WWW.

Rozmiary obrazków

Za każdym razem, gdy wysyłasz zdjęcie na swój serwer,

WordPress automatycznie tworzy wszelkie konieczne roz-

dzielczości tego zdjęcia, które są wykorzystywane na Twojej

stronie. Poprzez ustawienie ich rozmiarów definiujesz, jakie

wielkości ma mieć każde z nich. W większości przypadków motyw wymusza takie wielkości, aby pasowały

idealnie do jego projektu graficznego. Jeśli nie ma takiej potrzeby, nie zmieniaj tych wartości. Rozmiar miniatu-

ry jest wykorzystywany na liście wpisów blogowych, średni rozmiar znajdziesz w treści artykułów, natomiast

duży rozmiar jest zazwyczaj wyświetlany po kliknięciu w galerii na miniaturę zdjęcia.

Wysyłanie plików na serwer

Opcja porządkowania wysłanych plików w katalogi z numerami miesięcy i lat w nazwach jest bardzo przydatna

i warto mieć ją włączoną, aby na serwerze w dodawanych plikach panował porządek. Dzięki niej pliki trafiają

do podkatalogów według daty, a nie wszystkie do jednego katalogu.

Zmiana rozmiarów

Zmiana wielkości mediów zadziała

dla nowych obrazków. Jeśli chcesz

zmienić rozdzielczość tych doda-

nych wcześniej, skorzystaj z wtyczki

Regenerate Thumbnails.


https://wordpress.org/plugins/regenerate-thumbnails/

60


KURS ONLINE

www.olagosciniak.pl

Ustawienia bezpośrednich odnośników

W tym dziale znajdziesz ustawienia, które dotyczą adre-

sów URL Twojej strony.

Popularne ustawienia

W tym miejscu zmienisz ustawienia schematów budowy

adresów URL Twoich blogowych wpisów. Nie zostawiaj

domyślnego ustawienia (Prosty), ponieważ Twoje linki

na stronie będą wyglądały nieprofesjonalnie, np. twoja-

strona.pl/?p=123. Polecam wybrać opcję „Nazwa wpi-

su”, a w przypadku, gdy przewidujesz stworzenie więk-

szego serwisu informacyjnego, w którym będą dodawa-

ne informacje dotyczące różnych wydarzeń – opcję

„Dzień i nazwa” lub „Miesiąc i nazwa”.

Opcjonalne

Alias jest to fragment adresu archiwum kategorii lub tagu. Domyślnym aliasem kategorii jest „category”, na-

tomiast tagu – „tag”. Jeśli chcesz to zmienić, wpisz w tym miejscu oczekiwany alias.

Zmiana adresów URL

Jeśli chcesz zmienić te ustawienia, zrób

to przed publikacją strony, aby nie stra-

cić pozycji w wyszukiwarkach, jeśli jed-

nak jest to konieczne, zastosuj wtyczkę

Simple 301 Redirects, aby przekierować

stare odnośniki do nowych.


61


KURS ONLINE

www.olagosciniak.pl

21. Użytkownicy Twojej strony WWW

W dziale „Użytkownicy” możesz zarządzać wszystkimi

użytkownikami mającymi dostęp do panelu administra-

cyjnego Twojej strony.

Zarządzasz nimi analogicznie jak wpisami – możesz je

usunąć, edytować lub dodać nowego użytkownika. W celu

dodania nowego użytkownika musisz podać: nazwę użyt-

kownika, e-mail, imię, nazwisko, stronę internetową, hasło

oraz rolę, jaką ma odgrywać ten użytkownik na Twojej

stronie.

Role użytkowników w panelu CMS-a

Subskrybent – po zalogowaniu ma dostęp jedynie do edycji swojego profilu; w przypadku sklepów

internetowych taką rolę otrzymują kupujący.

Współpracownik – może dodawać wpisy, ale nie może ich publikować, bo artykuły muszą zostać za-

akceptowane przez redaktora lub administratora. Współpracownik ma także możliwość edycji i kaso-

wania swoich wpisów przed publikacją.

Autor – może dodawać, edytować, usuwać i publikować własne wpisy.

Redaktor – publikuje, edytuje, usuwa wpisy swoje i innych użytkowników, zarządza kategoriami, ta-

gami, komentarzami i publikacją podstron.

Administrator – może dodawać treści i zajmować się konfiguracją wszystkich ustawień. Twój aktual-

ny użytkownik jest administratorem.

Zmiana nazwy użytkownika

Nie można zmienić nazwy użytkow-

nika na WordPressie, ale jeśli chcesz

to zrobić, wystarczy stworzyć nowe-

go użytkownika, a podczas usuwania

starego przypisać wszystkie treści

przez niego stworzone do tego no-

wego.


62


KURS ONLINE

www.olagosciniak.pl

22. Zainstaluj wtyczkę – formularz kontaktowy

Wtyczki

Dzięki wtyczkom (pluginom) możesz w bardzo prosty

sposób i bez potrzeby znajomości kodowania rozsze-

rzyć o dodatkową funkcję swoją stronę internetową

(zyska ona nowy moduł). Dzięki dobieraniu wtyczek

możesz dopasować stronę WWW do swoich potrzeb.

W panelu administracyjnym po wybraniu działu

„Wtyczki” przejdziesz do ich zarządzania. W tym miejscu

znajdziesz listę zainstalowanych wtyczek wraz z ich krót-

kim opisem, numerem wersji oraz autorem. Możesz tutaj włączyć lub wyłączyć wtyczkę, usunąć ją, edytować

oraz aktualizować. Włączone wtyczki mają niebieskie tło, natomiast te wyłączone znajdują się na tle białym.

Nową wtyczkę możesz dodać po wybraniu przycisku „Dodaj nową”. Zyskujesz wtedy możliwość wybierania w

panelu administracyjnym wtyczek z oficjalnego katalogu WordPressa. Ponadto wgrasz w tym miejscu pliki

wtyczek bezpośrednio ze swojego komputera – wybierz wtedy opcję „Wyślij wtyczkę na serwer”.

Jeśli chcesz zainstalować wtyczkę z katalogu WordPressa, wystarczy znaleźć ją, używając wyszukiwarki,

i kliknąć przycisk „Zainstaluj”. Następnie po automatycznej instalacji możesz ją włączyć, tak jak jest to poka-

zane na poniższych zrzutach ekranu.

Czy wiesz, że…

…w tej chwili w katalogu wtyczek

WordPress.org jest ponad 40 000

darmowych wtyczek do Word-

Pressa i ta liczba rośnie z dnia na

dzień?


63


KURS ONLINE

www.olagosciniak.pl

Chciałabym nauczyć Cię instalacji wtyczek na przykładzie Contact Form 7 – jest to wtyczka, która rozszerzy

Twoją stronę kontaktową o formularz do kontaktu. Ułatwi on czytelnikom lub klientom kontakt z Tobą. Wszel-

kie zapytania lub oferty współpracy wysłane przez ten formularz zostaną przesłane bezpośrednio na Twojego

e-maila.

W tym celu w formularzu wyszukiwania wtyczek wpisz nazwę wtyczki, wyszukaj ją i zainstaluj; w dalszej części

tego rozdziału zajmiesz się jej konfiguracją.

Po kliknięciu odnośnika „Włącz” nastąpi przekierowanie na listę zainstalowanych wtyczek. Kliknij teraz w link

„Ustawienia” i przejdź do ustawień i konfiguracji tej wtyczki.

Wtyczka Contact Form 7 udostępnia dodatkową zakładkę w menu panelu administracyjnego, która nazywa

się „Formularze”. Po jej wybraniu przejdziesz do ustawień tej wtyczki. Wybierz edycję „Formularz 1”, który

jest domyślnie zdefiniowany.


64


KURS ONLINE

www.olagosciniak.pl

Przejdź do zakładki „E-mail” i tam – w polu „To” – podaj swój adres e-mail, na którego ma przyjść wiadomość z

formularza kontaktowego, a następnie zapisz formularz. Teraz przyszedł czas na zamieszczenie formularza na

stronie kontaktowej strony WWW.

Shortcode to skrót, dzięki któremu – bez konieczności wiedzy programistycznej – zamieścisz na swojej stronie

WWW fragment kodu w nim zdefiniowany. Możesz go zamieścić na przykład w edytorze tekstowym. Wiele

wtyczek wykorzystuje ten mechanizm, dlatego warto się z nim zapoznać.

Shortcode w tym wypadku

znajduje się zaraz pod tytułem

Twojego formularza. Zaznacz

go i skopiuj.


65


KURS ONLINE

www.olagosciniak.pl

Przejdź do edycji strony kontaktowej w „Strony” i wklej go zaraz pod adresem e-mail.

Następnie zaktualizuj stronę i zobacz efekt. W ten sposób formularz kontaktowy został dodany do strony

kontaktowej.


66


KURS ONLINE

www.olagosciniak.pl

23. Jak znaleźć dobrą wtyczkę?

Poszukiwanie wtyczki

W internecie dostępnych jest bardzo dużo wtyczek – zarówno darmowych, jak i płatnych. Czasami trudno

znaleźć odpowiednią, dlatego chciałabym Ci pokazać, w jaki sposób znaleźć ją i wybrać.

Zastanów się, czego potrzebujesz i wypisz słowa kluczowe, które najlepiej to opisują. Następnie przetłumacz je

na język angielski, gdyż większość wtyczek jest anglojęzycznych i są opisane takimi słowami. Teraz przejdź do

strony www.wordpress.org/plugins i tam wpisz w oknie wyszukiwania spisane wcześniej słowa kluczowe. Zo-

staną wyświetlone wtyczki, które spełniają Twoje kryteria – przejrzyj je, porównaj i wybierz te, które odpowia-

dają Twoim oczekiwaniom.

Podczas wyboru odpowiedniej wtyczki kieruj się poniż-

szymi kryteriami:

Liczba instalacji – jeśli jest ponad kilka, kilkana-

ście tysięcy, oznacza to, że ta wtyczka jest wyko-

rzystywana na wielu stronach.

Komentarze i oceny – warto wybierać wtyczki,

które mają jak najwięcej dobrych komentarzy i

dobrych ocen użytkowników.

Wersja WordPressa – sprawdź, czy wtyczka

działa z Twoją wersją WordPressa.

Data ostatniej aktualizacji – nie jest zalecana

instalacja wtyczek, które nie były aktualizowane

od roku; być może rozwój tej wtyczki został

wstrzymany, a więc może ona nie działać z naj-

nowszymi wersjami WP.

Screeny – przejrzyj dział „Screenshots” i zobacz, jak wygląda używanie wtyczki w praktyce; często

zrzuty ekranowe opcji wtyczki pokażą więcej niż zawiły anglojęzyczny opis.

Forum wsparcia – przejdź na forum wsparcia wtyczki i zobacz, czy wątki dotyczące problemów z jej

użyciem są rozwiązane przez jej autora.

Testuj – zainstaluj wtyczki, przetestuj każdą z nich i wybierz tę najlepszą (oczywiście odinstaluj te, któ-

rych nie wybierzesz).

Polecane wtyczki

Poniżej przedstawiam polecane przeze mnie wtyczki – przejrzyj je i zainstaluj te, które przydadzą Ci się

w prowadzeniu Twojej strony.

Dodatkowo mam dla Ciebie nie-

spodziankę – wpisz „jesteminte-

raktywna” w dziale „Ulubione”,

który znajdziesz przy dodawaniu

wtyczki, a wyświetlą Ci się wszyst-

kie wtyczki omówione poniżej, bez

konieczności szukania każdej

z nich osobno.

Problemy ze znalezieniem wtyczki?

Jeśli masz problem ze znalezieniem

wtyczki, spróbuj wyszukać ją w Google.

Wpisz swoje słowa kluczowe i dodaj do

nich frazę „wp plugin”. Możesz spró-

bować także wpisać frazę „wp best

plugins” wraz ze swoimi słowami klu-

czowymi – trafisz wtedy na ciekawe

zestawienia wtyczek, na różnych blo-

gach i stronach o WP.


http://www.wordpress.org/plugins

67


KURS ONLINE

www.olagosciniak.pl

Simple Lightbox

To bardzo prosta wtyczka, która po kliknięciu w Twoje zdjęcia zapewni ich powiększenie wraz z możliwością

nawigacji pomiędzy nimi. Warto ją zainstalować, jeśli Twój motyw nie wspiera takiego zachowania.

Yoast SEO

Moja ulubiona wtyczka, która poprawia optymalizację strony WWW pod kątem SEO. Wtyczka ta w bardzo

prosty sposób uczy dobrych praktyk podczas pisania artykułów, dzięki czemu treści będą samoistnie pozycjo-

nować się w wyszukiwarkach. Bardzo intuicyjny interfejs wtyczki sprawi, że nawet laik poradzi sobie z dobra-

niem słów kluczowych oraz dopasowaniem do nich treści artykułów. Wtyczka dostępna jest w języku polskim,

więc nie będziesz mieć problemów ze zrozumieniem wskazówek.

W3 Total Cache

Zapewnia łatwą optymalizację wydajności Twojej strony internetowej za pomocą zapisania w pamięci cache

różnych jej parametrów. Dzięki tej wtyczce przyspieszysz działanie swojej strony WWW, zoptymalizujesz wy-

dajność serwera i zmniejszysz czas pobierania plików. Polecam zainstalować ją na sam koniec prac nad stro-

ną, aby móc szybko i łatwo testować efekty swoich prac – bez konieczności każdorazowego czyszczenia pa-

mięci cache swojej przeglądarki.

Google Analytics by MonsterInsights

Włącz Google Analytics na Twojej stronie WWW – dzięki temu będziesz mieć dostęp do jej szczegółowych sta-

tystyk. Zobaczysz, które artykuły są najbardziej poczytne, kiedy użytkownicy wchodzą na Twoją stronę i z ja-

kich lokalizacji geograficznych, jakie urządzenia preferują oraz wiele innych kryteriów. Wystarczy, że zareje-

strujesz się na stronie Google Analytics, dodasz swoją stronę WWW i za pomocą tej wtyczki umieścisz na niej

kody śledzenia.


https://wordpress.org/plugins/simple-lightbox/

https://wordpress.org/plugins/wordpress-seo/

https://wordpress.org/plugins/w3-total-cache/

https://wordpress.org/plugins/google-analytics-for-wordpress/

https://www.google.com/intl/pl/analytics/

68


KURS ONLINE

www.olagosciniak.pl

Disqus Comment System

Wtyczka ta zastępuje domyślne komentarze systemu WordPress komentarzami hostowanymi i zasilanymi

przez Disqus. W następnym rozdziale opiszę zalety stosowania tego systemu komentarzy.

Jeśli planujesz zbierać listę mailingową, to jest to dla Ciebie idealna wtyczka. Jak widzisz, ma doskonałe oceny i

ponad 400 000 instalacji, jest często aktualizowana oraz zgodna z najnowszą wersją WordPressa. Wtyczka ta

zapewnia możliwość dodania w formie shortcode’u formularza zapisu do listy mailingowej w systemie Mail-

Chimp. Konieczna będzie rejestracja Twojego konta na stronie MailChimp. Jeśli założysz je z tego linku, w pre-

zencie dostaniesz na start 30 dol. do wykorzystania.

The Events Calendar

To wtyczka, która daje możliwość udostępniania swoich wydarzeń w formie kalendarza. Jest to idealne rozwią-

zanie, jeśli prowadzisz warsztaty, kursy lub inne wydarzenia i chcesz je wszystkie pokazać w jednym miejscu.

Sama używam na swoim blogu tej wtyczki i mogę ją śmiało polecić.

WP Google Maps

Bardzo prosta wtyczka, która w pozwala stworzyć własną mapę Google Maps. Niestety, w wersji darmowej

można użyć tylko jednej mapy. Aby zamieścić więcej map, konieczne będzie zakupienie wersji pro tej wtyczki.


https://wordpress.org/plugins/disqus-comment-system/

http://eepurl.com/bVIy3v

https://pl.wordpress.org/plugins/the-events-calendar/

https://pl.wordpress.org/plugins/wp-google-maps/

69


KURS ONLINE

www.olagosciniak.pl

Sierotki

Wspaniały plugin polskiego twórcy, dzięki któremu pozbywasz się sierotek i wdów – czyli wiszących spójników

na końcach zdań. Warto zainstalować ją na stronach blogowych.

Share Buttons by AddThis

Wtyczka ta dodaje w każdym poście przyciski do udostępniania go w wybranych przez Ciebie serwisach spo-

łecznościowych.

Social Icons Widget

Wtyczka wyświetla listę ikon do Twoich mediów społecznościowych, które możesz dodać jako widget na swojej

stronie internetowej.

Facebook Like Box

Wtyczka zapewnia dodanie jako widget na Twojej stronie panelu Facebook, w którym możesz pokazać ostat-

nie wpisy ze swojej strony na FB. Wystarczy zainstalować wtyczkę, dodać jako widget do paska bocznego,

skonfigurować i cieszyć się z jej działania.


https://wordpress.org/plugins/sierotki/

https://pl.wordpress.org/plugins/addthis/

https://wordpress.org/plugins/social-media-icons-widget/

https://wordpress.org/plugins/like-box/

70


KURS ONLINE

www.olagosciniak.pl

Instagram Feed

Widget – panel do Instagrama w kolumnie bocznej Twojej strony lub w stopce, dzięki któremu zaprezentujesz

swoje zdjęcia dodane ostatnio na tym portalu społecznościowym.

WP Tryb Konserwacji

Włączenie tej wtyczki pozwala skonfigurować stronę tak, aby była widoczna tylko dla administratorów. Jest to

bardzo przydatne, jeśli rozwijasz swoją stronę i nie chcesz, aby ktoś ją w tym czasie oglądał.

Polylang

Wtyczka pozwala stworzyć dwu- lub wielojęzyczną stronę internetową. Tworzysz posty, strony, kategorie i tagi,

a następnie definiujesz, w jakim są języku, i tworzysz relacje pomiędzy nimi.

PYTANIE OD KAMILI:

Czy jest jakaś wtyczka – i jeśli tak, to jak się nazywa – by móc prowadzić bloga w

trzech językach? Jakie są przydatne wtyczki do prowadzenia bloga?

Opisana powyżej wtyczka Polylang zapewnia możliwość prowadzenia bloga w wielu

językach. Tłumaczenia musisz przygotować we własnym zakresie – dodajesz je wte-

dy jako osobny wpis blogowy z zaznaczonym językiem. Wtyczka ta w oparciu o język

przeglądarki internetowej osoby przeglądającej stronę WWW domyślnie otwiera ją

w preferowanym języku (oczywiście jeśli zostało przez Ciebie dostarczone takie

tłumaczenie).


https://wordpress.org/plugins/instagram-feed/

https://wordpress.org/plugins/wp-basic-auth/

https://wordpress.org/plugins/wp-maintenance-mode/

https://wordpress.org/plugins/polylang/


71


KURS ONLINE

www.olagosciniak.pl

24. Rozpocznij ciekawą dyskusję

Komentarze są wspaniałym sposobem angażowania społeczności

w dyskusję na Twojej stronie WWW. Komentujący będą wracać na Two-

ją stronę internetową do interesujących ich wątków oraz zadawać

szczegółowe pytania i otrzymywać od Ciebie informacje zwrotne.

Jeśli zamierzasz prowadzić bloga, to warto zachować na nim komentarze i angażować czytelników w dyskusję,

zadając na koniec każdego wpisu blogowego ciekawe pytanie.

Komentarzami możesz zarządzać w dziale „Komentarze”, gdzie znajduje się ich chronologiczna lista. W tym

miejscu zaakceptujesz oczekujące komentarze, które są oznaczone na żółto. Możesz także przejrzeć wszystkie

komentarze, tj. oczekujące, zatwierdzone, spam i te w koszu; filtry znajdują się nad listą.

Po najechaniu kursorem myszy na dany komentarz pojawią się dodatkowe opcje. Możesz zatwierdzić komen-

tarz, odrzucić go, odpowiedzieć na niego, edytować go, oznaczyć jako spam lub przenieść do kosza. Możesz

także, – jak w przypadku wpisów, stron itd. – edytować masowo większą liczbę komentarzy; do tego wykorzy-

staj pole wyboru, które znajduje się z lewej strony nad tabelką.

Disqus

Przemyśl możliwość zainstalowania systemu Disqus, który zastąpi standardowe komentarze.

Takie rozwiązanie sprawi, że komentujący korzystający z Disqus nie będą musieli za każdym razem wpisywać

swoich danych, aby komentować na Twojej stronie – mogą się logować do tego systemu, używając kont w

serwisach społecznościowych.

Dodatkowo:

system ten oferuje ochronę przed spamem,

czytelnicy mogą głosować na swoje komenta-

rze,

wyświetlane są podobne komentarze,

strona WWW staje się szybsza przy większej licz-

bie komentarzy, ponieważ wtyczka ta ładuje się

na Twojej stronie asynchronicznie.

Disqus czy nie?

Disqus nie sprawdzi się na każdej stro-

nie WWW. Zobacz, czy używa go kon-

kurencja. Jeśli nie masz pewności, zrób

testy i sprawdź, czy przy jej użyciu

zwiększy się liczba komentarzy, czy nie.


https://disqus.com/

https://disqus.com/

72


KURS ONLINE

www.olagosciniak.pl

25. Odpicuj swoją stronkę WWW. Motywy graficzne

Co to jest motyw?

W WordPressie masz możliwość bardzo łatwej

i szybkiej zmiany aktualnego motywu graficznego stro-

ny WWW. Dzięki temu – z zachowaniem treści dodanych

na stronie – zmienisz jedynie jej szatę (skórkę) graficzną.

W internecie dostępnych jest wiele darmowych i/lub

płatnych motywów.

Każdy motyw wyróżnia się liczbą i różnorodnością opcji,

jakie można w nim ustawić. Niektóre są bardziej rozbudowane,

a niektóre zapewniają tylko podstawowe opcje.

Jak zmienić motyw?

Aby zmienić motyw graficzny na inny, darmowy, dostępny na stronie WordPress.org, przejdź do Wygląd

Motywy. Prawdopodobnie Twoim aktywnym motywem będzie Twenty Seventeen, ale oprócz niego zoba-

czysz motywy z ostatnich lat. Możesz włączyć inny poprzez kliknięcie przycisku „Włącz”, ponieważ są one już

domyślnie zainstalowane. Włącz np. Twenty Fifteen i zobacz, jak zmieni się wygląd Twojej strony WWW.

Aby zainstalować inny darmowy motyw, naciśnij przycisk „Dodaj nowy”, przeszukaj bazę dostępnych moty-

wów i wybierz przycisk „Zainstaluj” przy tym odpowiednim.

Motyw czy szablon?

Wiele osób nazywa motywy graficzne

mianem szablonu, niestety jest to

błędne. Szablon w WP oznacza co in-

nego i jest ustawiany w atrybutach

strony, dostępnych przy jej edycji.


73


KURS ONLINE

www.olagosciniak.pl

Poprzez wybranie przycisku „Podejrzyj” lub kliknięcie na „Szczegóły i podgląd” możesz zobaczyć, jak wygląda

przykładowa strona z tym motywem.

Po wybraniu przycisku „Zainstaluj” motyw będzie instalowany na Twojej stronie WWW – zajmie to dosłownie

chwilkę. Następnie możesz włączyć go za pomocą odnośnika „Włącz”, który pojawi się w miejscu przycisku

„Zainstaluj”. Po włączeniu motywu Twoja strona internetowa zmieni swój wygląd, a w panelu administracyj-

nym pojawią się dodatkowe opcje, dzięki którym skonfigurujesz motyw do swoich potrzeb.

Na liście darmowych motywów możesz odfiltrować następujące motywy: wyróżnione, popularne, ostatnio

zmodyfikowane, a także te oznaczone przez Ciebie jako ulubione. Jeśli masz motyw z innego źródła, możesz

wysłać go na swój serwer, korzystając z przycisku „Wyślij motyw na serwer”.

Na moim blogu umieszczam zestawienia najciekawszych darmowych motywów, które ukazały się na Word-

Press.org – znajdziesz je tutaj: olagosciniak.pl/tag/motywy-wp. Zobacz ofertę darmowych motywów i sprawdź,

czy spełniają Twoje oczekiwania.

Temat motywów jest bardzo rozległy, dlatego w dwóch kolejnych rozdziałach dowiesz się, czy warto inwesto-

wać w motyw płatny i jak skonfigurować wybrany motyw. Wstrzymaj się jeszcze z ostateczną decyzją co do

wyboru motywu – po lekturze następnego rozdziału będziesz mieć pełen obraz.

PYTANIE OD MARYSI:

Powiedzmy, że zrobiłam tę stronę, czyli wybrałam szablon X i dodałam dużo

postów, zdjęć itp. Co się stanie, gdy zmienię szablon na inny? Czy zniknie mi to,

co dodałam? Czy muszę to jakoś skopiować?

Po zmianie motywu graficznego nie znikną dodane przez Ciebie strony, wpisy ani

media. Wszystkie te elementy zostaną przeniesione do Twojego kolejnego motywu

– należy uważać tylko z opcjami, nowymi typami postów i obszarami widgetów,

które były specyficzne dla Twojego aktualnego motywu, ponieważ mogą one nie

zostać zachowane.


74


KURS ONLINE

www.olagosciniak.pl

Jak wybrać odpowiedni motyw?

W tej chwili motywów w katalogu WordPressa jest ponad kilka tysięcy, a w innych źródłach jeszcze więcej. W

jaki sposób wybrać ten odpowiedni? Warto zwrócić uwagę na poniższe kryteria – dzięki temu zminimalizujesz

problemy wynikające z wybrania motywu niedopasowanego do Twoich potrzeb.

Wygląd

Przypomnij sobie grupę docelową opisaną przez Ciebie w jednym z pierwszych rozdziałów tego kursu. Wygląd

motywu swojej strony WWW musisz dopasować do preferencji osób, które będą odwiedzać Twoją stronę, a

nie do Twojego gustu – pamiętaj o tym przy wyborze motywu. Oczywiście idealnie będzie, jeśli Twoja strona

internetowa spodoba się zarówno Tobie, jak i Twoim czytelnikom – życzę Ci tego!

Funkcjonalność

Zastanów się, jaką funkcję ma pełnić Twoja strona internetowa, i wybierz motyw dostosowany do Twoich po-

trzeb.

Zazwyczaj motywy dzielimy na:

Blogowe – są bardzo proste i składają się z listy artykułów i paska bocznego do widgetów.

Wizytówkowe – idealne jako strona internetowa dla firmy lub biznesu.

E-commerce – przystosowane do sklepów internetowych wspierających wtyczkę WooCommerce.

Magazynowe – mają zastosowanie w stronach internetowych z większą ilością informacji.

Portfolio – idealne do pokazania swojego portfolio.

Aktualizacje i wsparcie

Sprawdź datę ostatniej aktualizacji motywu – nie warto wybierać takiego, który nie jest już rozwijany przez

autorów. Może on mieć wiele błędów, o których dowiesz się

dopiero podczas funkcjonowania strony.

Responsywność

Przetestuj wersję demonstracyjną motywu na różnych urządze-

niach mobilnych, telefonach i tabletach. Z miesiąca na miesiąc

zwiększa się oglądalność stron internetowych na takich urządze-

niach. Nie odrzucaj takich użytkowników już na starcie.

Demo motywu

Sprawdź wersję demonstracyjną motywu na różnych przeglą-

darkach (Chrome, Firefox, IE, Safari, Opera), aby mieć pewność,

że strona jest dobrze wyświetlana na każdej z nich. Przeklikaj ją też i sprawdź, czy spełnia Twoje oczekiwania.

Pewne źródło

Nie pobieraj darmowych motywów z nieznanych źródeł. Mogą one być dziurawe i mieć luki bezpieczeństwa.

Polecam wybieranie darmowych motywów wyłącznie ze strony WordPress.org. W przypadku motywów pre-

mium (czyli płatnych) polecam serwis ThemeForest – korzystam z niego od lat i nigdy się nie zawiodłam na

żadnym zakupionym przeze mnie motywie.

W następnym rozdziale dowiesz się, na co zwracać uwagę, aby wybrać motyw odpowiedni do Twoich potrzeb.

Płatny motyw za darmo?

Tak, to możliwe! Odwiedź

stronę ThemeForest i zjedź

na dół. Co miesiąc jeden

płatny motyw jest dostępny

całkowicie za darmo do wy-

korzystania komercyjnego.


https://www.woothemes.com/woocommerce/

http://www.themeforest.net/?ref=imagospot


75


KURS ONLINE

www.olagosciniak.pl

26. Motyw darmowy czy płatny?

Wybór motywu jest kluczowy przy samodzielnym tworzeniu strony internetowej. Pojawia się pytanie, jaki mo-

tyw wybrać: darmowy czy płatny. Obydwa rozwiązania mają swoje wady i zalety, dlatego przeczytaj poniższe

zestawienie i zdecyduj, co będzie dla Ciebie lepsze.

Motyw darmowy Motyw płatny

Cena Za darmo Cena ok. 250 zł

Wsparcie Brak lub ograniczone do minimum Zazwyczaj bardzo dobrze zorganizowane

Funkcje Ograniczone do niezbędnego minimum Rozbudowane opcje

Łatwość obsłu-

gi

Łatwiejszy w obsłudze – poprzez ograni-

czoną liczbę opcji

Bardzo dużo opcji – dlatego może się wydawać

trudniejszy w obsłudze

Rozwój

Opcje są ograniczone – nie zmienisz

wszystkiego w panelu i konieczne będą

wtyczki dla rozwoju strony WWW

Rozbudowane funkcje, dlatego wiele opcji

można wybrać w panelu motywu bez koniecz-

ności instalacji wtyczek

Dokumentacja Zazwyczaj mało rozbudowana Często w formie wideo, rozbudowana

Demo W większości motywów wszystko trzeba

skonfigurować samodzielnie

W wielu motywach można zainstalować wersję

demonstracyjną na stronie WWW

Unikalność

Darmowe motywy są bardziej popularne,

dlatego może się zdarzyć tak, że konku-

rencja będzie mieć taką samą stronę

W internecie jest dostępnych wiele motywów

płatnych, stąd mniejsze prawdopodobieństwo

natrafienia na ten sam, a każdy motyw ma

dużo opcji – dwie strony wykorzystujące ten

sam motyw będą wyglądać inaczej

PYTANIE OD KAMILI:

Czy lepiej od razu wybrać szablon płatny czy bezpłatny?

Wszystko zależy od Ciebie. Jeśli dopiero startujesz ze swoim pierwszym blogiem,

który na początku nie będzie na siebie zarabiał, uważam, że motyw darmowy spo-

kojnie wystarczy dla Twoich potrzeb. A w przyszłości, gdy Twoja strona WWW zacznie

na siebie i na Ciebie zarabiać, możesz w każdej chwili zdecydować się na motyw

płatny. Dodatkowo będziesz wtedy znać swoje oczekiwania względem strony inter-

netowej, więc łatwiej wybierzesz motyw i nie wyrzucisz pieniędzy w błoto.

Jeśli natomiast prowadzisz już prosperującą firmę i planujesz stworzyć jej wizytówkę

w internecie lub zamierzasz uruchomić sklep internetowy, to prawdopodobnie lep-

szym rozwiązaniem będzie motyw płatny. Będzie on lepiej dopasowany do Twoich

potrzeb i będzie wyglądać profesjonalnie.


76


KURS ONLINE

www.olagosciniak.pl

Jak wybrać dobry motyw na ThemeForest?

Data wydania – nie kupuj motywu starszego niż półtora roku ani dopiero co wydanego.

Opinie – przeczytaj komentarze oraz oceny osób, które go zakupiły; jeśli opinie są pozytywne, to jest

to plus.

Przeglądarki – sprawdź kompatybilne przeglądarki.

Wersja demonstracyjna – obejrzyj demo motywu i zobacz, czy odpowiada Twoim potrzebom za-

równo pod kątem wyglądu, jak i funkcji.

Kompatybilność – zobacz, czy motyw jest kompatybilny z najnowszą wersją WordPressa.

Responsywność – obejrzyj demo motywu na telefonie i tablecie.

Będziesz sprzedawać? – Jeśli bierzesz pod uwagę założenie sklepu internetowego teraz lub

w przyszłości, to rozważ zakup motywu wspierającego WooCommerce.

Konsultacja – skonsultuj się z kimś, jeśli masz jakieś wątpliwości, lub odezwij się na mojej grupie na

FB.

Zakup motywu

W celu zakupu motywu wejdź na stronę ThemeForest.net. Będzie mi bardzo miło, jeśli zrobisz to z mojego

linku afiliacyjnego. Następnie wybierz na ThemeForest zakładkę „WordPress”.

Wpisz w formularzu wyszukiwania słowa kluczowe, które opisują, jakiej strony szukasz, np. „clean blog”,

„magazine” lub „portfolio”. Ukaże Ci się wtedy lista motywów, które spełnią Twoje kryteria.

Przed podjęciem decyzji warto obejrzeć wiele motywów. Możesz zastosować dodatkowe filtry wyszukiwania,

m.in. po cenie i dodatkowych tagach, i posortować wyniki, np. od ostatnio dodanych.






77


KURS ONLINE

www.olagosciniak.pl

Po kliknięciu na dany motyw zobaczysz jego szczegóły, które pokażę Ci na następnej stronie kursu.

Omówię szczegółowo ten widok.

1. Tytuł – Tytuł motywu.

2. Komentarze – zakładka z komentarzami do motywu. Sprawdź komentarze dodane przez osoby, któ-

re zakupiły motyw, oraz czy – w razie problemów – twórcy motywu pomagają w naprawie.

3. Cena – weź pod uwagę ceny motywów. Są one wyrównane, ponieważ ceny ustala serwis Envato.

4. Wersja demo – włącz wersję demonstracyjną i przetestuj ją dokładnie (funkcje i wygląd).

5. Dodaj do koszyka i zakup – za pomocą tych przycisków możesz dodać motyw do koszyka i go zaku-

pić.

6. Informacje od twórcy motywu – zapoznaj się z informacjami od twórcy motywu.

7. Liczba sprzedaży – im większa liczba sprzedaży, tym lepiej, aczkolwiek jeśli jest ona bardzo duża, licz

się z tym, że Twoja strona może być mniej unikalna w internecie.

8. Liczba komentarzy – nie zwracaj uwagi na liczbę komentarzy, ale na ich jakość.

9. Ocena – warto wziąć pod uwagę ocenę danego motywu; muszą być minimum trzy głosy.

10. Data utworzenia oraz data ostatniej aktualizacji – zobacz datę utworzenia motywu. Nie warto ku-

pować motywów starszych niż półtora roku, aby motyw nie został w tyle, bo technologia idzie bardzo

do przodu. Jednak nie wybieraj także zbyt młodego motywu, bo być może nie jest jeszcze dobrze

przetestowany. Sprawdź też, kiedy była ostatnia aktualizacja; data nie powinna być starsza niż kilka

miesięcy, bo technologie się zmieniają i trzeba stale dostosowywać motyw do nowych wersji Word-

Pressa i różnych wtyczek.

11. Widget ready – motyw powinien być tak przygotowany, aby móc dodawać do niego widgety.

12. Przeglądarki – sprawdź, na jakich przeglądarkach motyw był testowany.

13. Wersje WordPressa – zobacz, czy motyw jest przygotowany pod aktualną wersję WordPressa.

14. Liczba kolumn – oznacza ilu kolumnowy layout (projekt graficzny) przewiduje motyw.

15. Dokumentacja – sprawdź, czy do motywu została przygotowana obszerna dokumentacja.

16. Responsywność – warto, aby motyw zapewniał wersję przygotowaną do oglądania na urządzeniach

mobilnych, tj. telefonach i tabletach.


https://envato.com/

78


KURS ONLINE

www.olagosciniak.pl

2 1

3

12

13

4

6

5

7

8

9

10

11

14

16

15


79


KURS ONLINE

www.olagosciniak.pl

Proces zakupu

Jeśli prowadzisz działalność gospodarczą, możesz oszczędzić przy zakupie motywu graficznego na ThemeFo-

rest. Jak to zrobić? Wypełnij swoje dane w „Billing Information” i podaj swój NIP, aby do kosztów motywu nie

został doliczony VAT. Dodatkowo na te dane zostanie wystawiona faktura, którą można uznać jako koszt pro-

wadzenia Twojej działalności.

W tym celu przejdź do edycji profilu w „Profile”, a w „Personal Information” uzupełnij pole „EU VAT Identifi-

cation Number Local” swoim europejskim NIP-em. Następnie zapisz za pomocą przycisku „Update”.

PYTANIE OD MARYSI:

Jak wybrać szablon i na co zwracać uwagę, zwłaszcza w tych płatnych, których

nie mogę wcześniej przetestować?

Wskazówki zamieszczone w ostatnich dwóch rozdziałach powinny być wystarczają-

ce, aby kupić motyw, który spełni Twoje oczekiwania.

Bardzo rzadko zdarza się, aby płatne motywy nie zapewniały wersji demonstracyjnej

do testów. Jeśli nie możesz skorzystać z wersji demo, to powinna Ci się zapalić

lampka ostrzegawcza – być może taki motyw nie będzie najlepszym wyborem.

Oprócz testów wersji demo zwróć uwagę na opinie, komentarze oraz na datę wyda-

nia i ostatniej aktualizacji. Kryteria te powinny pomóc przy wyborze odpowiedniego

motywu.


80


KURS ONLINE

www.olagosciniak.pl

Warto wybrać metodę płat-

ności Envato Credit, po-

nieważ w przypadku zapła-

cenia za motyw poprzez

PayPala zostaną doliczone 2

dol. prowizji.

W przypadku dodania kre-

dytów Envato trzeba doła-

dować konto za sumę zao-

krągloną do 10 dol. – czyli

jeśli motyw kosztuje 59 dol.,

musimy doładować konto

na 60 dol., ale nie tracimy

tego 1 dol., lecz możemy go

wykorzystać przy kolejnych

zakupach.

Doładowywania konta kre-

dytowego dokonasz też za

pomocą PayPala.

Teraz nastąpi przekierowanie do strony płatności, gdzie możesz zapłacić za zakupy – za pomocą swojego kon-

ta PayPal, kartą kredytową lub debetową.

Po zakończonym procesie płatności pobierz swój motyw. Nie wybierz niechcący instalacji przez programistów

Envato za dodatkowe 50 dol.

Podczas procesu zakupu sprawdź także, czy nie została dołożona pomoc techniczna na cały rok. Podnosi to

ostateczną cenę, a twórcy i bez tej opcji powinni pomóc, jeśli zgłosisz w komentarzach błąd w motywie.


81


KURS ONLINE

www.olagosciniak.pl

27. Skonfiguruj motyw do swoich potrzeb

Atrakcyjna strona internetowa

Poniżej przedstawiam najważniejsze ogólne zasady tworzenia atrakcyjnej i nowoczesnej strony internetowej.

O najnowszych trendach w projektowaniu stron internetowych przeczytasz na moim blogu.

Stwórz piękną, nowoczesną i czytelną stronę WWW

Maksymalnie trzy kolory – weź też pod uwagę symbolikę kolorów (np. granatowy oznacza zaufanie, zie-

lony i pomarańczowy nadają się do stron kulinarnych, czerwony to pasja, namiętność).

Kolorystyka – ciekawe palety kolorów znajdziesz tutaj: colourlovers.com.

Fonty – maksymalnie dwa różne kroje fontów (czcionek).

Dodaj oddechu – nie bój się białej przestrzeni na stronie WWW i w treściach.

Treść – im mniej informacji i im bardziej treściwe, tym lepiej.

Logo i baner – im prostsze, tym lepiej zapamiętywalne; powinny oddawać charakter biznesu.

Spójność – wybrane fonty, kolory i zdjęcia powinny być ze sobą spójne i w pełni oddawać charakter strony.

Motywy znacznie różnią się między sobą, dlatego nie jestem w stanie opisać Ci możliwości każdego z nich.

Mogę za to opisać kilka najważniejszych opcji. Zachęcam Cię także do tego, by we własnym zakresie sprawdzić

funkcje oferowane przez wybrany przez Ciebie motyw i eksperymentować z jego ustawieniami.


http://www.jesteminteraktywna.pl/

http://www.colourlovers.com/

82


KURS ONLINE

www.olagosciniak.pl

Ustawienia motywu możesz znaleźć w różnych miejscach panelu admini-

stracyjnego, m.in.:

Wygląd Personalizacja

Wygląd Theme Options

Bezpośrednio w menu głównym pod nazwą Theme Options

Bezpośrednio w menu CMS-a z nazwą samego motywu

Poszukaj opcji, które pojawiły się w Twoim panelu po włączeniu motywu. Wcześniej zamieściłam przykład opcji

darmowego motywu w Wygląd Personalizacja. W tym miejscu możesz edytować też tytuł i opis swojej

strony, menu oraz widgety. Efekt tej edycji będzie taki sam jak w opisanych wcześniej rozdziałach.

Dodatkowo w zakładce „Statyczna strona główna” możesz stworzoną przez siebie podstronę ustawić jako

stronę główną zamiast listy ostatnich blogowych wpisów. Będzie to bardzo przydatne w przypadku stron wizy-

tówkowych i firmowych.

Najczęściej spotykane ustawienia w motywach

Opiszę najczęściej spotykane ustawienia w motywach graficznych – prawdopodobnie będziesz mieć w swoim

motywie podobne. Jeśli zdarzy się, że nie będziesz mieć jakiejś opcji – nie martw się, wiele z funkcji dodasz,

instalując dodatkowe wtyczki do swojej strony internetowej.

Układ strony, np. Layout

Wiele motywów zapewnia zmianę układu strony. W większości przypadków dostępne są opcje z paskiem

bocznym z lewej strony, z prawej lub bez pasków bocznych. Czasami jest także możliwość dodania większej

ich liczby.

W edycji układu strony czasami możemy wybrać, czy strona ma

być szeroka i rozciągnięta od prawej do lewej strony ekranu, czy

może ma być w wersji „boxed”, czyli o stałej szerokości.

Logo i Favicon, np. Main settings, Logo

Znaczna większość motywów zapewnia dodanie własnego logotypu oraz

zarządzanie jego pozycją w nagłówku. W tym miejscu zazwyczaj jest także

możliwość wstawienia tekstu zamiast logotypu oraz wybrania do tego

celu odpowiedniego fontu.

Favicon jest to mała ikonka widoczna w karcie przeglądarki podczas prze-

glądania strony internetowej. Wiele motywów zapewnia możliwość doda-

nia jej w formacie PNG. Warto przygotować ją w kwadracie (64 × 64px),

inaczej może być nieproporcjonalnie rozciągnięta podczas wyświetlania.

Oglądanie zmian na żywo

W dziale „Personalizacja”

obejrzysz wszelkie zmiany –

na podglądzie z prawej stro-

ny ekranu – jeszcze przed ich

zapisem. Jeśli będą satysfak-

cjonujące, możesz je zapisać.


83


KURS ONLINE

www.olagosciniak.pl

Nawigacja strony, np. Header settings

Większość motywów zapewnia zmianę wielu ustawień dotyczących nawigacji Twojej strony. Wśród nich popu-

larny jest ostatnio efekt menu górnego, które jest przyklejone do górnej belki przeglądarki nawet wtedy, gdy

czytelnik przewija stronę w dół. Efekt ten nazywa się „sticky menu” lub np. „fixed top header”.

W tych ustawieniach możesz często skonfigurować przycisk powrotu do góry ekranu (nazywany najczęściej

„scroll to top”); pojawia się on podczas przewijania strony w dół.

Stopka motywu, np. Footer settings

W wielu motywach graficznych możesz wybrać liczbę kolumn widgetów, jakie ma mieć stopka. Dzięki temu

rozbudujesz ją o dodatkowe dane kontaktowe oraz np. o panele z mediami społecznościowymi.

W dziale dotyczącym stopki motywu zazwyczaj dodasz tekst, który jest wyświetlany na samym dole strony.

Warto dodać tu tekst zawierający informację o Twoich prawach autorskich do strony, np. „copyright © nazwa

firmy” lub „wszelkie prawa zastrzeżone”.

Napisz w stopce: „Zrobiłam tę stronę sama i jestem interaktywna”. Podlinkuj do

olagosciniak.pl, jeśli chcesz, żeby więcej kobiet było interaktywnych.

Kod śledzenia, np. Google Analytics

W niektórych motywach możesz podać identyfikator do Google Analytics

– bezpośrednio w opcjach motywu i bez konieczności instalacji dodatko-

wej wtyczki. Wykorzystaj to rozwiązanie. Im mniej zainstalowanych wty-

czek na Twojej stronie, tym strona będzie szybsza.

Cookies

Możesz zamieścić

tutaj informację

o tym, że Twoja stro-

na korzysta z plików

cookies (tzw. ciaste-

czek).


http://olagosciniak.pl/

https://analytics.google.com/

84


KURS ONLINE

www.olagosciniak.pl

Identyfikator śledzenia znajdziesz podczas dodawania usługi statystyk dla nowej strony internetowej w Google

Analytics. Zaczyna się on od „UA-” i zawiera cyfry oddzielone łącznikiem. Po tym połączeniu masz wgląd w

szczegółowe statystyki odwiedzin Twojej strony WWW.

Fonty (czcionki), np. Fonts

Wiele motywów ma możliwość ustawiania kroju, wielkości i kolorów fontów użytych na stronie internetowej.

W większości wypadków możesz zmienić fonty:

Content/body font – tekst akapitowy na stronie, używany w treści wpisów blogowych i w tekstach na

podstronach statycznych. Warto, aby nie był zbyt mały, ani zbyt duży, optymalnie ok. 12–15 px.

Headings font – nagłówki rzędu pierwszego, drugiego etc. (h1, h2, h3), używane do śródtytułów.

Menu font – font użyty w menu strony. Warto wybrać czytelny i większy krój czcionki.

Post title font – ten font określa tytuły podstron oraz wpisów blogowych na Twojej stronie WWW.

W większości motywów fonty są ustawiane z Google Fonts. Zapoznaj się z nimi przed ich wyborem. Warto

szukać takich, które mają polskie znaki – w tym celu na stronie Google Fonts w prawej kolumnie wybierz Lan-

guage „Latin Extended”. Jest to zbiór zawierający m.in. polskie znaki. Natomiast w polu przykładowego tekstu

wpisz „Zażółć gęślą jaźń”. W wielu motywach wybierzesz kodowanie „Latin-Ext” – wtedy polskie znaki powinny

działać, jeśli tylko font je wspiera.

Kolorystyka, np. Colors & skins

W ustawieniach motywu zdefiniujesz zazwyczaj kolorystykę Twojej strony internetowej. Nie martw się kodem

#9BA78A – oznacza on notację szesnastkową koloru w RGB. Nie musisz pamiętać tego kodu – po kliknięciu w

kolor pojawi się obok panel wyboru koloru z diagramu barw.

Zazwyczaj możliwe są do wyboru kolory takie jak:

Body background – główne tło Twojej strony internetowej.

Theme main color – główny kolor strony WWW używany w przyciskach, linkach itd.


https://www.google.com/fonts

85


KURS ONLINE

www.olagosciniak.pl

Header background color – tło nagłówka, w którym znajduje się logotyp i menu główne.

Footer background color – tło stopki, w której znajdują się widgety, informacje o zastrzeżeniu Twoich

praw do strony internetowej.

Ustawienia bloga

W ustawieniach bloga zwykle możesz wybrać, jak mają być wyświetlane posty. Możliwe są różne ustawienia,

często nazywane tak:

Masonry – oznacza tablicę wpisów podobną do tej dostępnej na stronie Pinterest,

Grid – posty ustawione w formie kwadratowych kafelków jeden pod drugim,

Standard – standardowa lista postów jeden pod drugim,

Column – do wyboru różna liczba kolumn wpisów.

Social media

Motywy często zapewniają integrację strony internetowej z serwisami społecznościowymi. Wystarczy, że w

tym dziale wpiszesz adresy URL do wszystkich social mediów, których używasz, i powinny wyświetlić się one w

miejscu, w którym przewidzieli to twórcy motywu – zazwyczaj w nagłówku lub w stopce. W niektórych moty-

wach można wybrać, gdzie te ikonki mają się znaleźć.

W niektóre motywach dodasz możliwość udostępniania treści wpisów w serwisach społecznościowych – wtedy

w ustawieniach trzeba będzie tylko włączyć tę opcję i wybrać ikonki serwisów, które mają znaleźć się pod wpi-

sem. Zazwyczaj będą do wyboru: Facebo-

ok, Twitter, Google+, LinkedIn, Pinterest.

Okruszki, np. Breadcrumbs

Okruszki są to ścieżki nawigacyjne, dzięki

którym można w prosty sposób nawigować

po serwisie. Przydają się głównie w bar-

dziej rozbudowanych stronach informacyj-

nych lub w przypadku blogów, które mają

hierarchiczne struktury kategorii wpisów.

Import demo content

Jeśli Twój motyw zapewnia możliwość pobrania i

instalacji wpisów oraz podstron z wersji demon-

stracyjnej, skorzystaj z niej. Dzięki temu będzie

łatwiej zobaczyć, jak twórcy motywów stworzyli

wygląd strony, i lepiej wykorzystasz możliwości

wybranego motywu.


86


KURS ONLINE

www.olagosciniak.pl

Karuzela zdjęć, np. slider, slideshow

Coraz większą popularność zyskuje karuzela grafik z pokazem slajdów z tytułami i przyciskami, które kierują

do konkretnych działów strony. Takie narzędzie ma zazwyczaj kropki i strzałki do nawigacji pomiędzy slajdami.

Tego typu slider umieszcza się zwykle na stronie głównej, aby pokazać w nim zajawki najważniejszych działów

strony WWW oraz uatrakcyjnić jej wygląd.

W większości motywów możesz ustawić:

położenie slidera (np. position) – czy ma się pojawiać pod czy nad menu itd.,

szybkość przełączania slajdów (np. speed) – po jakim czasie mają się zmieniać slajdy,

rodzaj przejścia – w jaki sposób mają się zmieniać slajdy, np. fade (przyciemnienie),

wielkość slajdu – zazwyczaj definiuje się wysokość oraz szerokość,

oraz ich treść – definiujesz teksty, przyciski i linki.

W większości płatnych motywów dodawana jest wtyczka do zarządzania sliderem. Szukaj w ustawieniach mo-

tywu lub w głównym menu, np. Revolution Slider.

Style CSS, np. Custom code, custom CSS

W wielu motywach jest możliwość dodawania własnych stylów,

aby nadpisać te domyślnie zapewnione przez motyw. W oknie w

opcjach podajesz swój własny styl, który zastępuje kod motywu.

Opcja ta jest przydatna dla osób, które znają CSS-a.

Import/eksport ustawień

Wiele motywów zapewnia możliwość importu i eksportu wszystkich ustawień, jakie są w nim zawarte. Przykła-

dowo podczas przenoszenia strony na inny hosting istnieje możliwość ich przekopiowania bez potrzeby klika-

nia ich od nowa. Warto w takim wypadku z tego skorzystać, aby nie marnować czasu. Zazwyczaj eksportowany

jest plik .xml, który następnie należy zaimportować na stronie WWW z zainstalowanym już motywem.

PYTANIE OD MARTY:

Na co zwracać uwagę w dokumentacji szablonów, które są dostępne przy wyborze?

Dokumentacje są bardzo obszerne.

Dokumentację techniczną motywu można przeczytać przed zakupem, aby zobaczyć, czy

ma on oczekiwane opcje i jak wygląda w środku panel administracyjny. Jednak ja nie za-

głębiam się w niej przed zakupem.

Używam jej dopiero podczas prac nad stroną, jeśli nie mogę znaleźć danej opcji

w motywie, a wiem, że powinien on ją mieć, bo twórcy motywu opisywali ją na stronie

zakupu. Proponuję korzystanie z dokumentacji jak ze słownika ortograficznego, tj. szukaj,

gdy chcesz coś sprawdzić, ale nie studiuj od deski do deski.

Custom JavaScript

Jeśli chcesz dodać jakiś skrypt

JS, to okno w tym dziale bę-

dzie do tego idealnym miej-

scem. Opcja ta jest dla osób

wtajemniczonych.


87


KURS ONLINE

www.olagosciniak.pl

28. Aktualizacje i kopie zapasowe to podstawa

Twoja strona WWW jest już prawie skończona! W tym rozdziale zaktualizuj WordPressa oraz zainstalowane

wtyczki, jeśli podczas prac pojawiły się ich nowe wersje. Cykliczne aktualizacje Twojej strony mają bardzo duże

znaczenie, jeśli chcesz, by Twoja strona internetowa była nowoczesna i bezpieczna. Często w aktualizacjach są

poprawiane różne luki bezpieczeństwa – dlatego jest to tak ważne. Poniżej instrukcja, jak przeprowadzić aktu-

alizację.

1. Backup

Czasem podczas aktualizacji może pójść coś źle, dlatego zabezpiecz się przed tym. Zacznij od wykonania

kopii zapasowej Twojej strony WWW – wykorzystaj w tym celu wtyczkę BackWPUp. Artykuł z konfiguracją

tej wtyczki znajdziesz tutaj: olag.pl/backup.

2. Aktualizacja

Przejdź do Kokpit Aktualizacje i zaktualizuj WordPress oraz wtyczki. Wtyczki możesz zaktualizować

także bezpośrednio w dziale „Wtyczki” swojego panelu administracyjnego.

3. Testy

Przetestuj swoją stronę internetową i sprawdź, czy wszystko działa jak należy!

PYTANIE OD ANNY:

Jak aktualizować WordPressa bez obawy o to, że się sypnie po tej czynności?

Niestety, podczas aktualizacji WordPressa musisz mieć na uwadze to, że coś może

pójść nie tak, np. motyw nie będzie współgrał z nową wersją WP albo że problem

będzie leżał po stronie którejś z zainstalowanej wtyczek. Nie uchronisz się przed

tym. Możesz jednak zadbać o to, by w razie takiego wypadku odzyskać ostatnią

działającą wersję Twojej strony internetowej.

W tym celu polecam wtyczkę BackWPUp, dzięki której stworzysz kopię zapasową

swojej strony WWW. Po wykonaniu kopii możesz spokojnie zabrać się do aktualizacji

WordPressa oraz wtyczek.


https://wordpress.org/plugins/backwpup/

http://olag.pl/backup


88


KURS ONLINE

www.olagosciniak.pl

29. Wszystko gotowe?

Twoja strona jest już prawie skończona – jesteś na ostatniej prostej. Przygotowałam dla Ciebie listę elemen-

tów, które musisz sprawdzić i ewentualnie wprowadzić przed publikacją strony WWW, żeby była profesjonal-

na, bezpieczna, szybka i użyteczna. Przeanalizuj poniższe punkty, aby mieć pewność, że wszystko jest gotowe i

że strona WWW spełni oczekiwania Twoje i Twoich czytelników. Opracowałam listę w ten sposób, byś mógł

zaznaczać już zrealizowane punkty.

Wygląd linków strony – Sprawdź, czy Twoje linki są prawidłowe i nie wyglądają np. w ten sposób: twoja-

strona.pl/?p=335. To bardzo złe zarówno dla profesjonalnego wyglądu adresów URL na Twojej stronie, jak i

dla pozycji w wyszukiwarkach. Jeśli linki tak wyglądają, przejdź do Ustawienia Bezpośrednie odnośni-

ki, wybierz „Nazwa wpisu” i zapisz. Sprawdź, czy odnośniki wyglądają już w oczekiwany sposób.

Kolejna witryna oparta na WordPressie – Sprawdź, czy zmieniłaś tytuł swojej strony, czy nadal jest on

domyślny. Możesz go zmienić w Ustawienia Ogólne. Wybierz taki, który zawiera słowa kluczowe, pod

jakimi chcesz zostać odnaleziony w wyszukiwarce przez potencjalnego klienta/czytelnika.

Proś wyszukiwarki o nieindeksowanie tej witryny – Zobacz, czy opcja ta jest wyłączona w Ustawienia

Czytanie. Inaczej Twoja strona nie będzie indeksowana w wyszukiwarkach.

Usuń przykładowe treści – Usuń wszystkie przykładowe strony i komentarze, które zostały dodane do-

myślnie przez WordPressa oraz podczas instalacji wersji demo Twojego motywu. Jeśli tego nie zrobisz, bę-

dą one widoczne w mapie strony, a roboty indeksujące Google będą miały do nich dostęp, co oznacza, że

będą one dostępne w wyszukiwarkach.

Niekompletne treści – Nie dodawaj pustych stron z treścią „W budowie”, „Wkrótce” itd. One nic nie wno-

szą do Twojej strony, lepiej więc nie umieszczaj ich w ogóle.

Wyłącz i usuń nieużywane wtyczki – Na pewno testowałaś wiele różnych wtyczek – sprawdź teraz, czy

nie są włączone jakieś niepotrzebne, ponieważ każda kolejna wtyczka spowalnia działanie Twojej strony in-

ternetowej. Wyłącz i usuń te nieużywane – nie ma sensu trzymanie ich i aktualizowanie, skoro ich nie uży-

wasz.

Statystyki – Załóż konto na Google Analytics i połącz je ze swoją stroną WWW, aby przeglądać jej statysty-

ki. W polecanych wtyczkach podałam wtyczkę przeznaczoną do tego celu. Zajrzyj do mojego kursu z Goo-

gle Analytics (olag.pl/kurs-ga).

Czas ładowania strony – Sprawdź, czy zdjęcia są zoptymalizowane i czy strona WWW nie wczytuje się zbyt

długo, zwłaszcza na telefonie i na internecie mobilnym. Jeśli tak jest, spróbuj zoptymalizować zdjęcia – tak

jak opisałam to w rozdziale dotyczącym przygotowania fotografii na potrzeby WWW. Jeśli strona mimo to

działa zbyt wolno, zainstaluj i skonfiguruj wtyczkę W3 Total Cache, którą opisałam w polecanych wtyczkach.

Dodaj favicon – Favicon to ikona, która pokazuje się na karcie przeglądarki podczas przeglądania strony

internetowej. Dodasz ją w dziale Wygląd Personalizacja.

Przetestuj swój formularz kontaktowy – czy działa i czy wiadomości z niego przychodzą na Twojego e-

maila.

Lista mailingowa – Uważasz, że nie potrzebujesz listy mailingowej? Przemyśl to, być może będziesz jej

potrzebować w przyszłości, kiedy Twoja strona się rozwinie. Dołóż do strony internetowej możliwość zapi-



http://olag.pl/kurs-ga


89


KURS ONLINE

www.olagosciniak.pl

su do listy już teraz i w ten sposób sprawdź zainteresowanie swoich czytelników. Kiedy lista będzie Ci po-

trzebna – będziesz mieć już jakieś zapisy i nie będzie potrzeby startowania od zera.

Polskie znaki – Sprawdź na kilku różnych przeglądarkach i urządzeniach, czy wszystkie teksty mają polskie

znaki. Czasami polskie znaki zadziałają, bo np. masz font z polskimi znakami zainstalowany na swoim

komputerze. Jeśli font nie ma polskich znaków, zamień go na inny – nie każdy krój ma zaprojektowane

znaki specyficzne dla języka polskiego.

SEO – Zadbaj o zielone lampki w ustawieniach wtyczki Yoast SEO, aby mieć pewność, że Twoja strona in-

ternetowa samoistnie będzie się pozycjonowała w wyszukiwarkach. Po co ją robisz, jeśli nie po to, aby In-

ternauci mogli ją znajdować w wyszukiwarce? Pozwól im na to! Zajrzyj do kursu „Opanuj SEO w 14 dni!”

(olag.pl/kurs-seo) oraz do darmowego poradnika nt. Yoast SEO (olag.pl/free).

Bezpieczeństwo –Użyj trudnych haseł do panelu administracyjnego oraz włącz backupy.

Kopia zapasowa – W razie problemów na Twojej stronie WWW, jakie mogą się przydarzyć w przyszłości,

zrób w tej chwili jej kopię zapasową i zapisz ją w bezpiecznym miejscu, aby szybko móc przywrócić jej dzia-

łającą wersję. Wykorzystaj wtyczkę BackWPUp.

Testy, testy, testy – Przetestuj każdą podstronę, każdy wpis i każde miejsce na swojej stronie interneto-

wej. Klikaj wszystko i wszędzie – niczego nie pomijaj.

Feedback – Pokaż stronę kilku potencjalnym czytelnikom lub klientom i poproś ich o opinię.

PYTANIE OD MONIKI:

Jak wykreować taką stronę WWW, aby sprzedawała produkt/usługę?

Przede wszystkim, aby strona dobrze sprzedawała, musi wyglądać profesjonalnie. Wie-

rzę, że po lekturze tego e-booka tak właśnie jest, ponieważ to nie jest kolejny suchy

kurs, który uczy tylko obsługi panelu administracyjnego. W każdym rozdziale starałam

się zamieścić dobre praktyki tworzenia atrakcyjnej strony WWW, która będzie przycią-

gała czytelników i potencjalnych klientów. Podsumuję tutaj krótko najważniejsze kryte-

ria, jakie powinna spełniać strona wizytówkowa Twojej firmy.

Profesjonalna i łatwa do zapamiętania domena – nie używaj darmowego ho-

stingu. Zakup łatwą do zapamiętania domenę i nie oddawaj klientów konku-

rencji, która ma podobną nazwę domeny.

Prowadź bloga – daj się poznać jako ekspert i stwórz więź z klientami.

Intuicyjna architektura informacji – łatwa i intuicyjna nawigacja na stronie.

Możliwość szybkiego kontaktu – formularz kontaktowy, różne formy kontaktu.

Rzetelne informacje w dziale o firmie – daj się poznać swojemu klientowi.

Aktualne portfolio – nie strasz realizacjami sprzed kilku lat.

Krótkie, chwytliwe teksty – nie pisz elaboratów, nikt tego nie przeczyta.

Optymalizacja pod SEO – spraw, aby było łatwo znaleźć Cię w Google.




http://olag.pl/free


90


KURS ONLINE

www.olagosciniak.pl

30. Publikuj, pisz i promuj

Twoja strona jest już skończona i duma Cię rozpiera z samodzielnego jej ukończenia? To wspaniale! Czuję

ogromną satysfakcję, że jesteś na tym etapie i chcesz podzielić się efektami swoich prac z większą publiką. Ale

jak do tego podejść? Polecam kilka najlepszych sposobów.

Social media

W dzisiejszych czasach najlepszym sposobem promocji jest wykorzystanie potęgi serwisów społecznościo-

wych. Załóż profil/stronę na kilku stronach social media. Najlepiej skupić się na tych:

Facebook

Twitter

Instagram

Pinterest

LinkedIn

E-mail

Masz już listę mailingową? Wykorzystaj ją do rozesłania informacji o Twojej stronie internetowej! Dodatkowo

do stopki swojego e-maila dołącz adres strony WWW.

Komentarze

Udzielasz się w komentarzach na innych blogach o tematyce podobnej do Twojej? Zamieść w swoim podpisie

adres strony WWW, jeśli komentowany blog zapewnia taką możliwość. Zostawiasz w ten sposób otwartą furt-

kę dla nowych czytelników.

Wpisy gościnne

Zaproponuj napisanie wpisów gościnnych na zaprzyjaźnionych blogach – dzięki temu zyskasz nowych odbior-

ców swojej strony internetowej oraz zaprezentujesz swoją wiedzę na dany temat. Tego typu wpisy znacznie

zwiększają zainteresowanie Twoją stroną WWW, a w ten sposób pozyskujesz wartościowych czytelników. Pa-

miętaj jednak, aby blog, na którym publikujesz taki wpis, był o podobnej tematyce do tej poruszanej przez

Ciebie na Twoim blogu.

Wizytówki i ulotki

Umieść adres strony WWW na swoich wizytówkach, ulotkach i innych materiałach drukowanych.

Reklamy

Możesz wykorzystać do promocji także płatne reklamy w Google AdWords lub w serwisach społecznościo-

wych, np. na Facebooku.

Brawo! Właśnie rozpoczynasz swoją wspaniałą interaktywną przygodę!


91


KURS ONLINE

www.olagosciniak.pl

Podsumowanie

Cieszę się, że czytasz już podsumowanie. Głęboko wierzę, że prace nad

Twoją stroną są już zakończone i efekty spełniają Twoje oczekiwania.

Chciałam, aby ten kurs był dla Ciebie jak najbardziej wartościowy i starałam się

urozmaicać rozdziały o ciekawe porady, praktyczne wskazówki oraz pytania czytel-

ników. Nie jest to kolejny suchy kurs o obsłudze technicznej WordPressa. Mam

nadzieję, że dzięki temu wyniesiesz jak najwięcej praktycznej wiedzy z zakresu two-

rzenia, prowadzenia i utrzymywania Twojej strony WWW.

W wielu miejscach starałam się przemycić dobre zasady prowadzenia i optymalizacji strony, które będą miały

wpływ na samoistne pozycjonowanie jej w wyszukiwarkach. Dzięki tym praktykom Twoja strona będzie ła-

twiejsza do wyszukania przez osoby nią zainteresowane.

Jeśli chcesz podzielić się swoją opinią o kursie lub masz jakieś sugestie, co mogłabym dodać, aby był jeszcze

lepszy – napisz do mnie: [email protected]. Chętnie przeczytam każdą opinię i wysłucham każdej kryty-

ki.

Natomiast jeśli chcesz się pochwalić swoimi sukcesami, potrzebujesz porady lub masz jakieś problemy, napisz

o tym na grupie „Jesteśmy Interaktywne” na Facebooku. Dołącz do społeczności, w której wspólnie dzielimy się

wiedzą, nawiąż znajomości i dodaj swojej stronie WWW skrzydeł!

W kursie tym zamieściłam także kilka linków afiliacyjnych. Sama używam tych wszystkich rozwiązań na co

dzień i uważam, że ich wybór jest bardzo dobry. Dzięki tym linkom nic nie tracisz, a czasem możesz coś zyskać.

Jeśli z nich skorzystasz, będzie mi bardzo miło.

Napisz w stopce: „Zrobiłam tę stronę sama i jestem interaktywna”. Podlinkuj do

olagosciniak.pl, jeśli chcesz, żeby więcej kobiet było interaktywnych.


mailto:[email protected]


http://olagosciniak.pl/

92


KURS ONLINE

www.olagosciniak.pl

Pytania od czytelników

W ankiecie poprzedzającej poznanie potrzeb dotyczących tego kursu otrzymałam tak dużo ciekawych pytań,

że postanowiłam stworzyć dział, w którym na nie odpowiadam.

PYTANIE OD KASI:

Jeśli na naszym blogu umieszczamy link z reklamą produktu i potem nasz czytel-

nik kupuje dany produkt już bezpośrednio na stronie docelowej, a my mamy

podpisaną umowę na prowizję od sprzedaży, to jak się dowiedzieć, ilu klientów

rzeczywiście kupiło dany produkt poprzez naszą stronę?

Linki, o które pytasz, nazywają się linkami partnerskimi – i to firma, z którą podpi-

szesz umowę za prowizję od sprzedaży, ma możliwość sprawdzenia, ile osób weszło

do niej na stronę internetową z Twojego linku partnerskiego i kupiło dany produkt.

W większości przypadków wygląda to tak, że partner udostępnia Ci panel do zalo-

gowania – możesz sprawdzić tam, ile prowizji za zakupy już Ci się uzbierało, ile osób

weszło i jakie zakupy zrobiło. Przez ten panel możesz także wypłacić należne Ci

środki.

PYTANIE OD DARII:

Jak stworzyć stronę, na której czytelnik już po pierwszym wejściu zostanie na

dłużej?

Przede wszystkim warto zadbać o unikalne treści w artykułach, które dadzą czytel-

nikowi dużo wartości. Jeśli zainteresujesz go treściami, chętnie przeczyta całość

bloga i w ten sposób zagości na Twojej stronie na dłużej.

Warto, abyś zadbała o estetyczny wygląd Twojej strony internetowej, który będzie

miły dla oka, oraz aby artykuły były poukładane na Twojej stronie w logiczne kate-

gorie i tagi, by czytelnicy mogli łatwo nawigować po stronie.

Warto także wybrać motyw graficzny, w którym pod każdym wpisem będą się po-

jawiały inne artykuły o tematyce podobnej do tego aktualnie czytanego. W ten spo-

sób zwiększasz szansę, że czytający ten artykuł zainteresują się kolejnymi na Twojej


93


KURS ONLINE

www.olagosciniak.pl

PYTANIE OD MONIKI:

Jak sprawić, by osoba, która wejdzie na mój blog, nie będzie chciała z niego wyjść

i chętnie będzie do niego wracała?

Na pierwszą część pytania odpowiedziałam Darii pod poprzednim pytaniem, dlate-

go tutaj odpowiem na jego drugą część – jak sprawić, aby czytelnik chętnie wracał

na Twoją stronę.

Przede wszystkim buduj więź ze swoimi czytelnikami. Zachęcaj ich do komentowa-

nia Twoich wpisów, zadając im pytanie na koniec artykułu. Dzięki temu będą wracać,

aby odpowiedzieć na kolejny komentarz, który się pojawił w wątku, w którym

uczestniczą.

Buduj społeczności w kanałach social media oraz – przede wszystkim – buduj listę

mailingową, aby powiadamiać osoby zaciekawione Twoimi wpisami o nowych tre-

ściach na blogu. Dzięki temu osoby naprawdę zainteresowane nie ominą żadnego

Twojego wpisu.

PYTANIE OD MEG:

Czy da się – a jeśli tak, to w jaki sposób – ukryć przed odwiedzającym stronę na

WordPressie fakt, że „stoi" ona na tym CMS-ie?

Nie polecam ukrywania tego, że strona stoi na WordPressie. Jeśli obawiasz się o to,

że boty hakujące sprawdzą, że Twoja strona jest na WP, i będą chciały ją zaatako-

wać, to są inne sposoby, aby się przed tym obronić. Ukrywanie tej informacji ręcznie

w kodzie źródłowym wiąże się ze znacznymi modyfikacjami w samym WordPressie,

a każda aktualizacja i tak nadpisze te zmiany. Natomiast unikanie aktualizacji może

sprawić, że strona będzie miała jeszcze więcej luk bezpieczeństwa, a to przyniesie

zupełnie odwrotny efekt.

Jeśli jednak z innych powodów chcesz ukryć tę informację, to jest jeszcze możliwość

instalacji wtyczki premium Hide My WP za 23 dol., ale to rozwiązanie nie jest przeze

mnie osobiście sprawdzone i nie mogę ręczyć, że będzie działało prawidłowo.


http://codecanyon.net/item/hide-my-wp-no-one-can-know-you-use-wordpress/4177158/?ref=imagospot

94


KURS ONLINE

www.olagosciniak.pl

PYTANIE OD KACPRA:

Czy wszystkie swoje projekty opiera pani na CMS-ie? Jeżeli tak, to czy wykorzystu-

je pani gotowe szablony czy tworzy je pani, a następnie koduje?

Błagam, tylko nie pani ;) Opieram wszystkie projekty na CMS-ie. Zdarzają się poje-

dyncze przypadki, gdy klient nie chce CMS-a, ale zazwyczaj jest to np. jednostroni-

cowy landing page z krótką kampanią reklamową.

Natomiast co do sposobu, w jaki je wykonuję: około 50% stron internetowych przy-

gotowuję na gotowym motywie zakupionym na ThemeForest.net. Druga połowa

jest zaprojektowana graficznie przeze mnie lub przez innych grafików, ja ją koduję

do HTML-a i CSS-a, a następnie tworzę własny motyw, aby ją wdrożyć.

PYTANIE OD TOMASZA:

W jaki sposób sprawić, aby strona internetowa przełożyła się na przychody mojej

firmy?

Przede wszystkim na stronie WWW powinny znajdować się aktualne i rzetelne in-

formacje dotyczące firmy. Na pewno przyda się kontakt e-mailowy i/lub telefoniczny

w dobrze widocznym miejscu.

Dobrym pomysłem – w zależności od branży – jest umieszczenie na stronie formu-

larza do szybkiej e-mailowej wyceny usługi lub produktu.

Warto także zacząć prowadzić bloga firmowego, na którym cyklicznie będą się po-

jawiały artykuły branżowe, które sprawią, że strona internetowa będzie wyżej w

wyszukiwarce Google. Dodatkowo tego typu artykuły powodują, że firma jest po-

strzegana przez klientów jako ekspert w danej dziedzinie, co znacznie zwiększa jej

wiarygodność.

Wiarygodności dodaje też dział z pozytywnymi opiniami i logotypami dotychczaso-

wych klientów – potencjalni klienci bardzo chętnie czytają tego typu opinie.

Wszystkie powyższe wskazówki powinny przełożyć się na wzrost zainteresowania

firmą przez potencjalnych klientów. Załączam także link do mojego artykułu pt. „Jak

stworzyć portfolio, które przyciągnie klientów?”.


http://themeforest.net/?ref=imagospot

http://jesteminteraktywna.pl/jak-stworzyc-portfolio-ktore-przyciagnie-klientow/

http://jesteminteraktywna.pl/jak-stworzyc-portfolio-ktore-przyciagnie-klientow/

95


KURS ONLINE

www.olagosciniak.pl

PYTANIE OD BASI:

W jaki sposób tworzyć nową stronę na WP, podczas gdy stara dalej jest wyświetla-

na? Do tego nowa strona będzie powstawała na innym serwerze, ale docelowo ma

zastąpić starą na starym serwerze. Pytanie jest tak samo skomplikowane, jak to

zagadnienie dla mnie :)

Stwórz nową stronę WWW na nowym serwerze lub na tym już istniejącym. Jeżeli te

strony nie mają mieć ze sobą nic wspólnego, zrób ją od nowa. Jednakże jeśli nowa

strona miałaby mieć wpisy ze starej strony, to warto wykorzystać wbudowane narzę-

dzie eksportu wpisów, które znajdziesz w Narzędzia Export. Dodatkowo:

dopracuj nową stronę WWW na serwerze testowym,

zrób backup starej, aby w razie problemów móc do niej powrócić,

w mało odwiedzanej porze (np. w nocy) przenieś nową stronę w miejsce sta-

rej.

PYTANIE OD KAMILI:

Czy według Ciebie warto już na początku zainwestować w logo swojego bloga?

Jakie ikonki do mediów społecznościowych warto umieścić na blogu – poza Fa-

cebookiem, Twitterem, Instagramem? Jakie polecasz? I gdzie najlepiej umieścić

je na stronie?

Jeśli prowadzisz biznes i chodzi o stronę firmową, to według mnie posiadanie logo-

typu na start jest koniecznością, natomiast w przypadku bloga – nie. Dlaczego?

Stworzenie logotypu często wiąże się ze znacznym kosztem (oczywiście jeśli ten

logotyp ma być dobry), a nie zawsze na starcie ma się taki budżet. Poza tym nie

wiadomo jeszcze, czy blog odniesie sukces, szkoda więc wydawać pieniądze.

Ja logotyp do mojego bloga Jestem Interaktywna miałam dopiero po ponad mie-

siącu prowadzenia go – kiedy zobaczyłam, że jest zainteresowanie tym, co robię.

Dodatkowo informację o nowym logotypie możesz zamieścić już na funkcjonują-

cym blogu i zapytać swoich czytelników o opinie, co może także zwiększyć Twój

zasięg. Ludzie lubią być pytani o zdanie – buduje to wtedy więź z Twoimi czytelni-

kami i poczucie, że mają wpływ na to, co dzieje się z Twoim blogiem.

Uważam, że lepiej wystartować z trochę nieidealną i nieperfekcyjną wersją bloga,

dopieszczać ją w trakcie działania i budować już sobie publikę, niż

w nieskończoność ją poprawiać, upiększać i w efekcie wystartować z blogiem ide-

alnym, ale bez żadnej publiki. Poza tym, jeśli to upiększanie będzie trwało zbyt

długo, w międzyczasie może powstać inny blog o tej samej tematyce, który odbie-

rze Ci potencjalną publikę, którą byś zebrała, gdybyś opublikowała swoją stronę

wcześniej.


http://jesteminteraktywna.pl/

96


KURS ONLINE

www.olagosciniak.pl

PYTANIE OD KINGI:

W jaki sposób wzbogacić swoją stronę wykonaną w WP o animowane tło? Chodzi

mi o taki big picture w formie wideo. W czym je przygotować? W jakim formacie

zapisać? Jak zaimplementować na stronie?

Możesz wykorzystać do tego celu wtyczkę Video Background – dzięki niej dodasz

film jako animowane tło. Będziesz potrzebować dwóch formatów:

MP4 – aby film działał na przeglądarkach Safari i IE,

WEBM – dla przeglądarek Google Chrome, Firefox oraz Opera.

Nie jestem twórcą wideo, dlatego nie powiem Ci, w jaki sposób je przygotować.

W przypadku stron WWW, które tworzę, otrzymuję od klienta filmik w już wymaga-

nych formatach. Dodatkowo będziesz musiała jeszcze dodać zdjęcie, które zamiast

filmiku będzie wyświetlane na urządzeniach, które nie wspierają wyświetlania wideo

w HTML5 (na niektórych telefonach i tabletach).

PYTANIE OD IZY:

Podobają mi się szablony w formie tak jakby slajdów, jednak mam wrażenie, że

przy blogowym charakterze strony nie są one zbyt funkcjonalne. I tu właśnie

rodzi się moje pytanie: czy w dzisiejszych czasach powinno się stawiać bardziej

na estetykę czy na funkcjonalność strony?

Rzeczywiście większość stron blogowych nie używa takiej formy prezentacji – może

to powodować dezorientację czytelników, którzy są przyzwyczajeni do innego wy-

glądu blogów.

Jeśli jednak bardzo podoba Ci się ten efekt, to nie rezygnowałabym z niego na star-

cie. Spróbuj na większej grupie swoich czytelników lub potencjalnych czytelników

(Twojej grupie docelowej) przeprowadzić testy, aby dowiedzieć się, co sądzą o takim

wyglądzie Twojego bloga i czy im odpowiada.

Uważam, że w dzisiejszych czasach trzeba stawiać i na estetykę, i na funkcjonalność.

Strona internetowa powinna być zarówno intuicyjna dla użytkowników, jak i este-

tyczna. Nie można postawić tylko na jedną z tych rzeczy, ponieważ przez to można

stracić czytelników.


https://wordpress.org/plugins/video-background/

97


KURS ONLINE

www.olagosciniak.pl

Przydatne linki

Społeczność

Jesteśmy Interaktywne

www.olagosciniak.pl

Instalacja

pl.wordpress.org

WinRar

FileZilla

7-ZIP

Hosting

Home.pl

zenbox.pl

Zdjęcia

Fotolia

Shutterstock

GraphicRiver

iStock

Picjumbo

The stocks

Pixabay

Pexels

Obróbka zdjęć

Gimp

FastStone Image Viewer

Motywy

ThemeForest

WordPress.org/themes

Wtyczki

www.wordpress.org/plugins

Video Background

Simple Lightbox

BackWPUp

Instagram Feed

WP Tryb Konserwacji

Yoast SEO

Cookie Notice by dFactory

Contact Form 7

WooCommerce

W3 Total Cache

Google Analytics by MonsterInsights

Disqus Comment System

The Events Calendar

WP Google Maps

Sierotki

Share Buttons by AddThis

All in one WP security & Firewall

Social Icons Widget

Facebook Like Box

WP Instagram Widget

Polylang

Regenerate Thumbnails

Dodatkowe narzędzia

Disqus

Google Analytics

MailChimp

Gravatar

Colour Lovers

Inne kursy

SEO – olag.pl/kurs-seo

Google Analytics – olag.pl/kurs-ga




http://www.win-rar.com/

http://filezilla-project.org/

http://7-zip.org.pl/

http://go.polecaj.home.pl/aff_c?offer_id=434&aff_id=10330


https://pl.fotolia.com/partner/204024579

http://shutterstock.7eer.net/c/245206/42911/1305

http://www.graphicriver.net/?ref=imagospot

http://www.istockphoto.com/

http://www.picjumbo.com/

http://www.thestocks.im/

http://www.pixabay.com/

http://www.pexels.com/

https://wordpress.org/themes/

http://www.wordpress.org/plugins

https://wordpress.org/plugins/video-background/

https://wordpress.org/plugins/simple-lightbox/


https://wordpress.org/plugins/instagram-feed/

https://wordpress.org/plugins/wp-maintenance-mode/


https://wordpress.org/plugins/cookie-notice/

https://wordpress.org/plugins/contact-form-7/



https://wordpress.org/plugins/google-analytics-for-wordpress/

https://wordpress.org/plugins/disqus-comment-system/

https://pl.wordpress.org/plugins/the-events-calendar/

https://pl.wordpress.org/plugins/wp-google-maps/

https://wordpress.org/plugins/sierotki/

https://pl.wordpress.org/plugins/addthis/

https://pl.wordpress.org/plugins/all-in-one-wp-security-and-firewall/

https://wordpress.org/plugins/social-media-icons-widget/

https://wordpress.org/plugins/like-box/

https://wordpress.org/plugins/wp-instagram-widget/


https://wordpress.org/plugins/regenerate-thumbnails/

https://disqus.com/


http://eepurl.com/bVIy3v

https://pl.gravatar.com/

http://www.colourlovers.com/



http://olag.pl/kurs-ga

98


KURS ONLINE

www.olagosciniak.pl

Tutaj zapisz swoje dostępy

Nazwa domeny

Nazwa domeny

Serwer (np. zenbox)

Login

Hasło

Baza danych

Baza danych

Użytkownik bazy danych

Hasło

Host/serwer localhost

Dostęp do FTP-a

Host

Login

Hasło

WordPress – dane do panelu CMS-a

Adres /wp-login.php

Login

Hasło


99


KURS ONLINE

www.olagosciniak.pl

Gratulacje! To już koniec. Dziękuję za Twój udział w kursie!

Jeśli masz jakiekolwiek pytanie dotyczące kursu, dołącz do grupy wsparcia na FB.

Pytania dodawaj z frazą [Kurs WP] – w ten sposób

łatwiej będzie można odnaleźć treści dotyczące GA

oraz pytania wszystkich kursantów.

Grupa na FB „Jesteśmy Interaktywne”

Jeśli zamierzasz podzielić się w social mediach tym,

że realizujesz materiał tego kursu, lub polecić go znajomym

– załącz hashtag #jesteminteraktywna.

Przeglądam go na bieżąco i chętnie podziękuję Ci za miłe słowo.

Pozdrawiam

Ola Gościniak



100


KURS ONLINE

www.olagosciniak.pl

Poznań 2017

Autorka:

Ola Gościniak

www.olagosciniak.pl

Redakcja i korekta:

Ula Łupińska

www.ulalupinska.pl

Ilustracje:

Gosia Zimniak

www.gosiazimniak.pl


Documents

twórz stronę WWW w 30 dni! KURS ONLINE - olagosciniak.pl fileKURS ONLINE 2 Stwórz stronę WWW w 30 dni! SPIS TREŚCI Wstęp – stwórz stronę WWW w 30 dni!.....3