Poradnik początkującego Blogera
Spis treści 1. Słowo od autora...4 2. Początek jak wygląda kokpit...5 3. Wybór i instalacja szablonu...8 4. Konfiguracja techniczna...12 4.1 Ogólne ustawienia...12 4.2 Ustawienia pisania...13 4.3 Ustawienia czytania...14 4.4 Bezpośrednie odnośniki...17 4.5 Pozostałe funkcje...18 5. Widgety dodatkowe funkcje w blogu...18 5.1 Jakie wtyczki zainstalować?...19 5.2 Omówienie wtyczek...20 6. Dodawanie wpisów...24 6.1 Obsługa wtyczki All in One SEO...27 6.2 Ostatni etap dodawania posta...31 7. Podziękowania...34 Strona 2
Copyright 2016 by Łukasz Migura Wszelkie prawa zastrzeżone. Rozpowszechnianie i kopiowanie całości lub części niniejszej publikacji jest zabronione bez pisemnej zgody autora. Ruda Śląska 2016 http:// Strona 3
1. Słowo od autora Prowadzenie bloga nie jest niczym trudnym. Czasem jednak ogrom funkcji oferowanych przez system zarządzania treścią tzw. cms potrafi przytłoczyć. W tym krótkim poradniku, chciałbym pokazać Ci, jak działa blog oparty o technologię Wordpress. Poczynając od wyboru i instalacji motywu, poprzez dodawanie i konfigurowanie widgetów (dodatków), na publikowaniu materiałów kończąc. Mam nadzieję, że dzięki temu ebookowi, prowadzenie bloga stanie się dla Ciebie prostsze. Kto wie, być może kiedyś uda Ci się zarobić na blogowaniu kilka złotych. Pamiętaj, nawet najgorszy motyw Wordpressa jest łatwiejszy w konfiguracji niż najlepsza skórka blogspotu. Piszę to jako osoba, która korzystała z Google'owej platformy blogowej przez ładnych kilka lat. Strona 4
2. Początek jak wygląda kokpit Po zalogowaniu się do systemu, zobaczysz coś takiego. Przede wszystkim zwróć uwagę na boczne menu, górna belka raczej nie powinna Cię interesować. Nie ma tam żadnych elementów, z których mógłbyś/mogłabyś korzystać. W podstawowej wersji Wordpressa, to jest takiej, w której nie ma jeszcze zainstalowanych żadnych dodatków, znajduje się mniej funkcji niż w kokpicie zaprezentowanym na zdjęciu. Strona 5
Nie znajdziesz tam sekcji: All in One SEO Cookie Law Info Popups Instagram Feed SumoMe Google Analytics Mailer Lite To wszystko narzędzia, które możesz zainstalować później. Dobór poszczególnych widgetów zależeć będzie od tego, o czym będzie Twój blog i czego będziesz potrzebować do jego prowadzenia. Złota myśl z poradnika... dla akwizytorów Blog podróżniczy czy fotograficzny będzie wymagał specjalnej galerii zdjęć. Blog książkowy musi dysponować sekcją z linkami do internetowych księgarni, zaś strona o nowoczesnych technologiach potrzebuje porównywarki sprzętów. Różne widgety dla różnego typu stron to podstawa. Strona 6
Niektóre z dodatków mogą być oferowane przez wybrany szablon, ale o tym nie dowiesz się dopóki nie zainstalujesz go u siebie. Grunt to przetestowanie kilku różnych motywów i sprawdzenie ich funkcjonalności. Obok dodatków, takich jak wybór fontów, edycja kolorów lub możliwość dodania loga w graficznej formie, dowiedz się czy szablon posiada edytowalne pliki językowe. Jeśli nie znajdziesz informacji w dokumentacji motywu, skontaktuj się z jego twórcami. Dzięki tym plikom nie będziesz musiał(a) tłumaczyć strony ręcznie po każdej aktualizacji. Najczęściej pliki te znajdują się w folderze language (w wpcontent) i charakteryzują się rozszerzeniem.mo i.po. Aby przetłumaczyć szablon wykorzystaj program Poedit. Możesz go pobrać stąd: https://poedit.net/download Strona 7
3. Wybór i instalacja szablonu Aby wgrać i zainstalować nowy szablon na swojego bloga, musisz kliknąć w bocznym menu, w sekcję wygląd. Rozwinie się tam podmenu, gdzie należy wejść w sekcję motywy. Funkcja ta jest dostępna zarówno w wersji wgrywanej na własny serwer po pobraniu systemu cms ze strony wordpress.org, jak i w przypadku wordpressa zakładanego w domenie wordpress.com. Strona 8
W kolejnym oknie, w górnym lewym rogu, należy wcisnąć przycisk dodaj nowy, co spowoduje przeniesienie do kolejnego ekranu. Tam zobaczysz szereg proponowanych motywów. Możesz wybrać którykolwiek poprzez najechanie na niego i wciśnięcie przycisku zainstaluj. Możesz także pobrać motyw oferowany na wielu różnych stronach gromadzących szablony. O ile sam system zarządzania treścią jest w pełni darmowy, o tyle wiele motywów Strona 9
oferowanych w sieci może kosztować nawet kilkaset dolarów. Wszystko zależy od zaawansowania projektu i funkcji, jakie dana skórka proponuje. Aby wgrać pobrany motyw do systemu, musisz wcisnąć przycisk oznaczony czerwonym kwadratem na grafice powyżej. Pojawi się dodatkowa sekcja, którą zobaczysz na screenie zamieszczonym na dole. Po wybraniu odpowiedniego pliku koniecznie spakowanego wciśnij zainstaluj i czekaj, aż motyw zostanie wgrany. Strona 10
W ten sposób udało Ci się dodać i zaimplementować własną skórkę. Aby ją edytować, wybierz personalizacja z menu po lewej stronie. W poradniku nie opisuję edycji motywu, bo każdy szablon posiada własne funkcje. Musisz po prostu przeklikać ofertę i zdecydować, czy dana templatka jest tym, czego potrzebujesz. Najczęściej pod przyciskiem personalizacji znajduje się dodatkowa funkcja, jak theme options, którą również możesz zobaczyć na dołączonej wcześniej grafice. Jest to jednak dodatek, jaki oferuje wykorzystywany przeze mnie szablon. Pobierz szablon, klikając w obrazek Strona 11
4. Konfiguracja techniczna Jest kilka spraw, które należy ustalić przed opublikowaniem jakiegokolwiek wpisu. Po pierwsze, polecam odwiedzić sekcję Ustawienia. Znajdziesz tam podstrony: ogólne, pisanie, czytanie, dyskusja i bezpośrednie odnośniki. Jest to centrum dowodzenia Twoim blogiem. 4.1 Ogólne ustawienia Na początek wejdź w dział ogólne. Polecam uzupełnić, bądź zedytować pole nazwa i opis. To elementy, które na ten moment będą wyświetlać się w wynikach wyszukiwania. W dalszej części opowiem o narzędziu bardziej zaawansowanym, które pozwoli dokładnie ustalić (Ale in One SEO), co i jak pokazywać wujaszkowi Google, ale na ten moment te dwa pola w zupełności wystarczą. Poniżej znajdziesz pola adres wordpressa oraz adres witryny. Powinny być takie same, dzięki temu adres bloga nie będzie zawierał w domenie głównej dziwnych katalogów pokroju /wp/. Strona 12
Wielokrotnie byłem świadkiem, gdzie blogerzy zapominali o ustawieniu odpowiedniego adresu, czego skutkiem było otrzymanie takiego kwiatka: http://adresbloga.pl/wp/. Unikaj tego! Pamiętaj też, że w tym miejscu wybierasz, czy chcesz, by blog wyświetlał się z przedrostkiem www, bądź bez niego. Wybór daty w tej sekcji pozwoli ustalić, jaki format będzie pokazywany w kolejnych postach. 4.2 Ustawienia pisania Dział pisanie to przede wszystkim dwa pola znajdujące się u góry: domyślna kategoria wpisów oraz domyślny format wpisów. Przy tworzeniu każdej kolejnej publikacji post będzie otrzymywał wskazaną tutaj kategorię i format. Można oczywiście zmienić te ustawienia w trakcie dodawania artykułu, ale wygodnie jest ustalić, gdzie i jak najczęściej będą publikowane posty. Strona 13
4.3 Ustawienia czytania Tutaj ustalisz czy chcesz, by strona główna była listą najnowszych wpisów, czy może statycznym one-pagem portalem, gdzie na stronie głównej nie dochodzi do żadnych zmian. Niektóre z szablonów wymagają takiego ustawienia, bo tylko to pozwala na ręczne rozmieszczenie poszczególnych elementów. Aby ustawić statyczną stronę główną musisz wejść w sekcję strony w bocznym menu. Stworzyć tego typu element, tak, jak jest to pokazane na obrazku powyżej, a następnie wrócić do sekcji czytanie w ustawieniach i w miejscu strona główna wybrać utworzony przed momentem element. Strona 14
Trzeba pamiętać, że oprócz strony głównej, w dziale strony, wyróżnionym czerwonym kwadratem na grafice, należy również dodać stronę i nazwać ją blog. A dalej w ustawieniach czytania, w polu strona z wpisami wybrać ją, jako miejsce pokazywania najnowszych tekstów. Jeśli masz problem z tym elementem, napisz do mnie. W dalszej kolejności musisz wejść w menu droga do edycji menu pokazana na obrazku poniżej i wstawić tam link do strony z aktualnościami. Dzięki temu strona główna będzie statyczna, a w sidebarze lub w menu górnym zależnie od tego gdzie szablon pokazuje nawigację, pojawi się link do listy opublikowanych artykułów. Strona 15
Niektóre motywy posiadają kilka miejsc, w których możesz wyświetlić menu. Warto przeklikać sekcję menu i zobaczyć, w którym miejscu pojawi się nawigacja. Możesz to zrobić poprzez przycisk zarządzaj rozmieszczeniem, znajdującym się u samej góry. Oczywiście ustalenie czy strona główna ma być statyczna czy dynamiczna to Twój wybór. Następnie musisz ustalić jak wiele elementów powinno wyświetlać się na jednej stronie z wynikami, tzn. ile postów chcesz widzieć naraz. Ja polecam nie przesadzać z ilością maksymalnie 8 notek. Warto odhaczyć również opcję wyświetlaj wypisy, dzięki czemu nie dojdzie do duplikacji treści i spowolnienia działania bloga. W tej sekcji znajduje się również zarządzaniem kanałem nowości, czyli niczym innym jak blogowym feedem. Jest to linkowy zapis najnowszych notek. Wiele portali zrzeszających blogi, takich jak zblogowani.pl zaciąga dane z tego rodzaju kanałów. Dlatego dobrze jest ustalić większą ilość wpisów, by fani na takich portalach mieli dostęp także do starszych publikacji. Strona 16
4.4 Bezpośrednie odnośniki Moim zdaniem jest to jedna z najważniejszych sekcji w całym systemie. Do wyboru masz kilka opcji. Ja odradzam wersję prostą i liczbową. Chodzi głównie o aspekt techniczny z wiązany z pozycjonowaniem i indeksowaniem bloga. Jak widzicie, ja wybrałem własny format. Rozkazałem systemowi generować adresy url poprzez pokazywanie kategorii i tytułu wpisu. Jeśli chcielibyście uzyskać podobny efekt, wybierzcie pole własny format i wpiszcie tam: /%category%/%postname/ Strona 17
4.5 Pozostałe funkcje Pozostałe ustawienia dotyczą akceptowania komentarzy tutaj zalecam moderowanie wszelkiego typu wpisów, chyba, że zdecydujesz się na implementację zewnętrzengo systemu, takiego jak Disqus. Działem media w ustawieniach określisz, jaki format zdjęć na blogu będzie akceptowany. Wgrywane grafiki zostaną przeskalowane do określonej rozdzielczości. Tymi ustawieniami możesz zaoszczędzić miejsce na serwerze oraz przyspieszyć działanie strony. Nic nie zamula strony tak bardzo, jak ciężkie pliki.jpg. 5. Widgety dodatkowe funkcje w blogu Widgety to nic innego jak dodatkowe narzędzia, które w jakiś sposób usprawniają działanie bloga. W online'owej bazie wordpressa jest ich całe mnóstwo. Pełnią funkcje zarówno użyteczne, jak i dekoracyjne. Trzeba jednak pamiętać, że instalacja dużej ilości wtyczek, prowadzi do wolniejszego działania strony, dlatego nie warto przesadzać. Umiar to podstawa! Strona 18
5.1 Jakie wtyczki zainstalować? Opowiem Ci o tym, co wg mnie jest najbardziej przydatne. Obecnie korzystam z czternastu widgetów, co kłóci się z zasadą: im mniej tym lepiej. Są to jednak narzędzia niezbędne. Poniżej prezentuję listę wykorzystywanych na blogu funkcji: All in One SEO - kliknij Cookie Law Info - kliknij Disqus Comment System - kliknij Dropbox Backup & Restore - kliknij Google Analytics Dashboard - kliknij Instagram Feed - kliknij Official MailerLite Sing Up Forms - kliknij PopUps Wordpress Popup - kliknij Send Images to RSS - kliknij SumoMe - kliknij Virtue / Pinnacle Toolkit - kliknij Wp No Category Base - kliknij Wp-No-Tag-Base kliknij Wp Super Cache - kliknij Strona 19
5.2 Omówienie wtyczek Postaram się tu je pokrótce omówić. Ze względu na ich ilość będzie to ledwie kilka zdań o każdej, byś zrozumiała/zrozumiał, po co instalować takie narzędzia. All in One SEO to widget umożliwiający ustawienie zarówno na stronie głównej, jak i w poszczególnych wpisach tytuły, opisy i słowa kluczowe. Autorzy z czasem dodali także funkcje opisów i tytułów dla social mediów, edycję plików robots.txt,.htaccess oraz możliwość blokowania robotów firm reklamowych. Są to jednak szczegóły, którymi początkujący bloger nie powinien sobie zawracać głowy. Cookie Law Info to wtyczka pozwalająca na wyświetlanie komunikatu o cookies, plikach tekstowych zapisywanych na urządzeniu czytelnika. Obecnie to wymóg, który wprowadziła w życie Unia Europejska. Disqus Comment System pozwala na wdrożenie sekcji komentarzy odpornej na spam i nachalne linkowanie. Mam wrażenie, że obecnie cała blogosfera działa w oparciu o to narzędzie. Wszyscy nie mogą się mylić. Strona 20
Aby korzystać z widgetu Dropbox Backup & Restore musisz założyć konto na Dropboxie. To wirtualny dysk, na którym możesz zapisać kopię zapasową bloga. Dzięki temu jakikolwiek włam czy awaria nie spowoduje utraty strony i wszystkich treści. Jeśli jesteś początkującym blogerem, nie zawracaj sobie tym głowy. Google Analytics Dashboard to narzędzie pozwalające na zbieranie danych o odwiedzinach bloga. Dzięki niemu mogę analizować ruch na stronie. Jak sama nazwa wskazuje, Instagram Feed to nic innego jak zbiór najnowszych zdjęć na moim profilu na Instagramie. Official MailerLite Sing Up Forms to narzędzie dedykowane stronie mailerlite.com. Jest to witryna pozwalająca na darmowe wysyłanie newslettera. Jedyny limit w darmowej wersji to tysiąc odbiorców mailingu. PopUps Wordpress Popup pozwala mi na wyświetlanie okienka z umieszczonym tam facebookowym boxem. Dzięki temu każdy nowy czytelnik może szybko i bezproblemowo zalajkować mojego fanpage'a. Strona 21
Send Images to RSS pozwala na wyświetlanie zdjęć w kanale RSS. Jak już wcześniej pisałem, RSSy wykorzystywane są np. w portalach typu zblogowani.pl, bloglovin.com czy feedly.com. Dwa pierwsze adresy zrzeszają blogerów i pomagają dotrzeć do nowych czytelników. Trzeci adres to narzędzie umożliwiające stworzenie listy blogów, które Cię interesują. W szybki i łatwy sposób możesz śledzić publikacje ulubionych twórców. SumoMe pozwala na wyświetlanie przycisków dzielenia się treścią z boku strony, zaś na urządzeniach mobilnych na dole lub u góry. Wcześniej korzystałem z dwóch różnych narzędzi, ale by ograniczyć ilość zaimplementowanych funkcji, zdecydowałem się na SumoMe. Korzysta z niej chociażby Andrzej Tucholski, więc chyba warto? Musze jednak podkreślić, że łączy się ona z zewnętrznym serwerem, co może nieco spowalniać ładowanie się bloga. Virtue / Pinnacle Toolkit to widget, jaki otrzymałem razem z szablonem. Nawet, jeśli uda Ci się go znaleźć w repozytorium wtyczek, najprawdopodobniej nie będzie on działał poprawnie z innym szablonem niż Virtue / Pinnacle. Strona 22
Wp No Category Base i Wp-No-Tag-Base to wtyczki usuwające frazy category i tag z adresu url. Dotychczas adresy wpisów zawierały w sobie jeden z tych przedrostków. Wyglądało to mniej więcej tak: http:///category/proza/opowiadanie/ Dzięki tym dwóm wtyczkom mogłem pozbyć się z adresu części category. Wp Super Cache to widget umożliwiający cacheowanie strony, czyli zapisywanie na komputerze czytelnika wyświetlonych treści. W plikach cookies znajdują się informacje, po jakim czasie komputer musi pobrać świeższą wersję. Pozwala to na przyspieszenie ładowania bloga i nie obciąża serwera. Jeśli często aktualizujesz bloga, nie instaluj tej wtyczki, bądź ustaw sobie czas odświeżania na maksymalnie dwadzieścia cztery godziny. Inaczej czytelnicy nie będą trafiać na nowe materiały. Strona 23
6. Dodawanie wpisów Dodawanie wpisów jest kwintesencją blogowania. To tutaj wszystko się kończy i zaczyna. Sam panel jest prosty w obsłudze i dość intuicyjny. Należy go podzielić na kilka stref. Pierwszą i podstawową jest miejsce na tytuł tekstu i treść artykułu. Tutaj sprawa jest chyba jasna. Sam edytor działa w dwóch trybach. Wizualnym, gdzie działamy przy pomocy przycisków takich jak wytłuszczenie, kursywa czy wstawienie odnośnika oraz w trybie tekstowym. Tam ręcznie możemy wstawić kod html. Pozwala to na implementację we wpisach dodatkowych boksów czy skryptów JavaScript. Przydatne. Strona 24
Poprzez przycisk dodaj medium ponad miejscem na materiał możesz wgrać obraz lub film. Po jego wciśnięciu pokaże się takie okno, Zobaczysz tam zbiór już dostępnych materiałów. U góry tego okna znajduje się także zakładka dodaj plik, dzięki której będziesz mogła/będziesz mógł zuploadować materiał do wpisu. Po wstawieniu tekstu i grafik, spójrz na boczne menu. Tym razem po prawej stronie. Znajdziesz tam kilka drobiazgów, które pozwolą umieścić wpis w konkretnym miejscu na blogu. Strona 25
Zajdziesz tam np. sekcję kategorie. To główne miejsce, w której będzie wyświetlał się dany wpis. Możesz wybrać z już istniejących jeśli stworzyłeś jakąś kategorię wcześniej lub możesz dodać nową kategorię, wybierając znajdujący się poniżej przycisk. Warto również opisać artykuł stosownymi tagami. Pozwoli to na dobranie do materiału słów kluczowych. Nie zapomnij też wytłuścić w tekście fraz, które oznaczysz w tej sekcji. Pomaga to w pozycjonowaniu strony na wybrane słowa. Na końcu ustaw obrazek wyróżniający, tzn. taki, który będzie wyświetlał się na liście postów oraz nad samym artykułem. To jednak nie wszystko! Strona 26
6.1 Obsługa wtyczki All in One SEO Na samym dole znajdziesz sekcję widgetu All in One SEO, odpowiedzialnego za wyświetlanie tytułów w wyszukiwarce i w portalach społecznościowych. Przed publikacją artykułu musisz uzupełnić poniższe pola i wykonać pozostałe opisane tu czynności. Przede wszystkim stwórz angażujący opis, który zachęci internautę do kliknięcia linku w google'u. Pamiętaj, że tytuł nie musi odpowiadać tytułowi artykułu w stu procentach! Strona 27
Następnie stwórz krótki opis materiału, maksymalnie 160 znaków. Więcej nie zmieści się w wynikach wyszukiwania i zostanie obcięte. Dobierz też odpowiednie słowa kluczowe. Te zostaną zamieszczone w specjalnej sekcji, którą odczytuje przede wszystkim robot wyszukiwarki. Jeśli chcesz dowiedzieć się więcej o robotach i wyszukiwarce, zapraszam Cię na mojego bloga do sekcji marketing. Nie możesz też zapomnieć o poprawnym dostosowaniu wpisu do wyświetlania w portalach społecznościowych. W tym celu zaznacz zakładkę ustawienia społecznościowe. Strona 28
Tutaj także musisz wymyślić, bądź skopiować wcześniej wymyślony tytuł. Opis może być dłuższy niż w przypadku tego, napisanego bezpośrednio pod wyszukiwarkę. Koniecznie wybierz obraz, wyświetlany w udostępnianym wpisie. Jeśli nie widzisz grafiki, jaką dołączyłaś/dołączyłeś do artykułu tutaj, kliknij w przycisk upload image na obrazie powyżej. Zobaczysz takie okienko. Musisz wybrać zakładkę biblioteka mediów, ponieważ zdjęcie już znajduje się na serwerze. Nie ma sensu wgrywać go po raz drugi. Wyświetli Ci się lista wszystkich wgranych grafik. To może chwilę potrwać. Strona 29
Będzie to wyglądało mniej więcej tak, jak na znajdującym się powyżej screenshocie. Teraz musisz tylko kliknąć w słowo pokaż, ulokowane w jednej linii z interesującą Cię grafiką. To rozwinie informacje o danym zdjęciu. Strona 30
Ostatnim krokiem wyboru zdjęcia wyświetlanego z linkiem do wpisu w social mediach, np. na Facebooku jest kliknięcie w przycisk wstaw do wpisu. Jeśli po rozwinięciu się informacji o grafice nie widzisz go, przescrolluj ekran w dół. 6.2 Ostatni etap dodawania posta Wróć na górę strony, do elementu, znajdującego się w bocznym menu. Wybierz format wpisu, który Cię interesuje i zapisz szkic. Teraz możesz kliknąć w przycisk podejrzyj. W nowym oknie wyświetli się post w ciąż w wersji roboczej. Dzięki temu zobaczysz, jak będzie on wyglądał po publikacji. Warto wskazać, że niektóre elementy, takie jak widget Disqusa czy inne narzędzia działające w oparciu o JavaScript nie wyświetlają się w podglądzie, dlatego nie przejmuj się tym. Strona 31
Kiedy uznasz, że wszystko działa jak należy, opublikuj posta. Po wszystkim u góry, nad materiałem pojawi się informacja, że wpis został opublikowany. Ale to nie koniec Twojej pracy. Kiedy już uznasz, że materiał jest gotowy, wróć na dół strony, do sekcji All in One SEO i ponownie wejdź w zakładkę ustawień społeczności. Na samym dole znajdziesz tam przycisk debuguj post. Pozwala to na odświeżenie widoku wpisu na facebooku. Po kliknięciu w przycisk zostaniesz przeniesiony do strony zewnętrznej. Znajdziesz tam takie okienko. Strona 32
Wewnątrz jest link do Twojego artykułu. Kliknij w przycisk po prawej Fetch new scrape information. Zrób tak kilka razy, po czym zjedź na sam dół strony. Twoim oczom ukaże się taka sekcja. Jest to wizualizacja Twojego wpisu na Facebooku. Jeśli coś jest nie tak, np. jeśli zdjęcie nie zaciągnęło się w poprawny sposób, wróć na górę i ponownie kliknij w przycisk fetch new scrape information. Rób to aż do skutku. Dzięki temu, udostępnienie tekstu przez osoby trzecie pozwoli wyświetlić materiał, jak należy. Strona 33
7. Podziękowania To wszystko, co chciałem Ci przekazać. Właśnie przebrnęłaś/przebrnąłeś przez poradnik o podstawach blogowania na Wordpressie. Gratuluję! Jeśli masz jakiekolwiek pytania, wiesz gdzie mnie szukać. Teraz zapraszam Cię gorąco na mojego bloga: http:// W sekcji marketing znajdziesz więcej materiałów odnośnie blogowania i reklamowania swojej strony w sieci. Polecam też zapisać się do mojego newslettera jeśli jeszcze tego nie zrobiłeś oraz do zalajkowania strony na facebooku tutaj. Strona 34