powrot do bloga

WordPress – co to jest. Poradnik i opis panelu

WordPress – co to jest. Poradnik i opis panelu

W tym wpisie przybliżymy ten popularny system CMS. Odpowiemy na pytania Co to jest Wordpress i krótko przedstawimy zalety systemu oraz krok po kroku przedstawimy panel (kokpit) systemu.

Spis treści :

  1. Co to jest Wordpress
  2. Zalety systemu Wordpress
  3. Jakie strony można tworzyć na Wordpressie
  4. Własny szablon czy kupiony ?
  5. Poradnik Wordpress - opis panelu (kokpitu). Zobacz jak zacząć
  6. Architektura systemu (pliki szablonu wordpress)

Co to jest Wordpress

Definicje, które pomogą zrozumieć ekosystem Wordpress CMS :

System CMS

Skrót ten należy rozumieć jako Content Managment System czyli system zarządzania treścią. To oprogramowanie dające mozliwość edycji, tworzenia treści poprzez wizualny edytor (zbliżony do edytora Word)

Motyw, theme (template)

Motyw umożliwia administratorowi zmianę wyglądu strony i jej funkcji bez potrzeby ingerencji w kod. Motyw to zestaw plików (php, css) które tworzą szablon (strukturę i wygląd) strony. Zmieniając motyw administrator dokonuje wgrania (instalacji) innego zestawu szablonu php oraz styli css odpowiadających za jego wygląd. Motyw to inaczej wizualna reprezentacja, czyli to co widzisz po uruchomieniu strony.

Wiele darmowych motywów znajdziesz w katalogu Wordpress. Istnieją również motywy premium oraz strony gdzie można je kupić.

Wtyczki, rozszerzenia (pluginy)

Wtyczki to małe aplikacje inaczej rozszerzenia dodające nowe funkcjonalności do Twojego wordpressa. To mniej więcej tak jak instalowanie aplikacji na telefonie. Obecnie istnieją wtyczki praktycznie do wszystkiego np: 

  • chcesz móc przewijać stronę od dołu do góry za pomocą guzika w stopce 'do góry' jest na to wtyczka,
  • potrzebujesz wysuwany pasek z polityką cookies,
  • a może chcesz dodać recenzje Facebook, czy galerię zdjęć,
  • z odchudzeniem wagi zdjęć i ich optymalizacją również nie ma problemu,
  • wtyczki SEO, automatycznych backópów, czy zabezpieczeń również są bardzo popularne,
  • wtyczka do zainstalowania formularza - zobacz możliwości rozszerzeń do wtyczki Contact Form (wtyczki do wtyczki ;) )

Wordpress - czym jest ?

System CMS Wordpress to najbardziej rozbudowana platforma opensource (darmowa) z dostępnych na rynku. Wordpress powstał jako platforma do obsługi blogów. Od tego właściwie zaczęła się jego kariera. Popularność zyskał wśród użytkowników dzięki prostej i intuicyjnej obsłudze tzw kokpit administratora.

Napisany w języku PHP wykorzystujący bazę danych MySQL na licencji GNU dostępny bezpłatnie.

Z biegiem czasu został zaadoptowany do budowy stron i zarządzania dla stron internetowych, portali oraz sklepów internetowych (ecommerce).

41% stron internetowych działa właśnie na Wordpress

Od bloga po portale i ecommerce włącznie.

Baza ponad 55 000 wtyczek (pluginów)

Wordpress to również potężna baza rozszerzeń i wtyczek umożliwiających dowolne spersonalizowanie od platformy blogowej po sklep internetowy czy platformę z możliwością rejestracji.

Społeczność wokół wordpressa i dedykowane platformy WordPress.org i WordPress.com

Sukces jaki odniósł system jest ogólnoświatowy. Wokół Wordpressa zbudowała się liczna społeczność fanów i deweloperów, którzy przyczyniają się do ciągłego rozwoju platformy czyniąc go najnowocześniejszym systemem zarządzania treścią jaki obecnie jest stosowany do wdrożenia systemu administracyjnego dla stron internetowych.

Zalety wordpressa

wady i zalety systemu cms wordpress
Poznaj wady i zalety popularnego systemu CMS Wordpress

System ma szereg zalet o których warto wspomnieć :

  1. Jest darmowy - pobranie instalacja od uruchomienie dowolnego motywu z bazy wordpress jest za darmo
  2. Intuicyjność i prostota panelu administratora - aby dokonać zmian w treści, dodać zdjęcia nie potrzeba znać języka html,css,
  3. Dostępność darmowych rozszerzeń (wtyczek) - z głównej bazy wordpress https://pl.wordpress.org można pobrać całą gamę darmowych wtyczek oraz motywów (szablony graficzne), które są do wykorzystania za darmo,
  4. Społeczność - zaczynając od forum wordpressa po lokalnych i internetowych maniaków na facebook bardzo łatwo uzyskasz pomoc w przypadku pytań zarówno tych podstawowych jak i dotyczących konkretnego problemu
  5. Rozwiązania motywów są responsywne (dopasowane do ekranów mobilnych),
  6. Dostosowany do wyszukiwarki - jest zoptymalizowany pod wyszukiwakę Google po kilku technicznych kosmetycznych korektach staje się bardzo mocno przyjazny SEO

Optymalizacja Wordpress

Do podstawowych zadań, które należy wykonać przed uruchomieniem strony na wordpress jest jej optymalizacja pod względem technicznyn oraz SEO. Przeczytaj jak optymalizować i przyśpieszyć stronę na wordpress.

Jakie strony można stworzyć na wordpress

Tak naprawdę nie ma tutaj ograniczeń. Największą zaletą jest brak sztywnych ram które narzucają nam cokolwiek. Wordpress można zintergować z każdym projektem i pomysłem kreatywnego grafika. Nie istnieją odgórnie narzucone rozwiązania uniemożliwiające zakodowanie najbardziej wymyślnych funkcjonalności. Dzieje się tak dlatego gdyż wordpress integruje się do dowolnego kodu frontend (html,css), a nie edytuje już sztywno przygotowane konstrukcje html, których modyfikacja to długie godziny pracy na ogórnie narzuconym kodzie.

Własny kod frontend (html, css) wdrożony do wordpress ?

Implementacja jest tutaj bezproblemowa. Gdyby jednak chcieć podać przykłady :

Strony firmowe, biznesowe

Potrzebujesz strony firmowej z ofertą, usługami oraz w kilku wersjach językowych. Wordpress to doskonała opcja.

Sklepy internetowej (ecommerce)

Dzięki rozwiązaniu woocommerce możemy dowolnie skonfigurować mechanizmy sprzedażowe i uruchomić sprzedaż online z płatnościami internetowymi jak tpay.com / przelewy24 / https://furgonetka.pl / payU czy inne.

Blog internetowy

Naturalne środowsko dla systemu. Chcesz budować społeczność wokół firmy ? Nic bardziej prostszego. Wordpress wyposażony jest właśnie w takie funkcjonalności w podstawowej wersji. Niezliczone możliwości tagowania, zakładania kategorii i dzielenia się treścią to właśnie zapewnia ten CMS.

Portfolio, strona projektanta

Animowany showreel, integracja z youtube, vimeo lub własne playery dla filmów odtwarzanych z serwera to również nie problem. Strona w typie minimal design z animacjami oraz płynnym przewijaniem prac nie stanowi wyzwania.

Strony e-learning, szkoleniowe

Dzięki wsparciu woocommerce możesz w prosty sposób zorganizować CMS by umożliwiał przeglądanie kursów, szkoleń wg. filtrów, kategorii czy tagów.

Strony dedykowane

Masz niesamowity pomysł na stronę ? Nic trudnego kwestia odpowiednio wykonanego kodowania frontend. Integracja z Wordpress nie jest problemem.

Własny szablon wordpress czy kupiony ?

Gotowy czyli kupiony szablon Wordpress jest głównie rozwiązaniem budżetowym. Nie wiemy czy projekt nam się sprzeda, chcemy spróbować swoich sił z usługą czy konkretną ofertą wtedy takie rozwiązanie będzie mogło mieć sens.

Plusem zakupionego gotowego szablonu Wordpress jest :

  1. Niski budżet wejścia w ekosystem Wordpress i zaistnienie w internecie.
  2. Widzimy co kupujemy (jedynie opakowanie, gdyż nie wiemy jak jest zakodowany theme oraz jak wygląda jego edycja)
  3. Możliwość samodzielnego zainstalowania i uruchomienia strony w ciągu 1 dnia

Minusy zakupionego szablonu :

  1. Brak wsparcia technicznego,
  2. Niewiedza może doprowadzić do skutków odwrotnych niż założone (np brak poprawnej indeksacji strony w Google)
  3. Przeładowanie kodu i samego Wordpressa w większą ilość skryptów i wtyczek niż jest faktycznie potrzebne, co powoduje dłuższy czas wczytania i gorsze parametry techniczne strony,
  4. Edycja bywa nieintuicyjna, może sprawiać problemy,
  5. Brak licencji na wtyczki których używa szablon (zwykle są bez licencji która przewyższa kosz zakupu szablonu)
  6. Możliwość 'wysypania' się całej strony po aktualizacji Wordpress'a do kolejnej wersji,
  7. Wizerunek ( szablon dostępny dla wszystkich do zakupu). Duże prawdopodobieństwo że szablon będzie stosowany przez inne firmy,
  8. Ciężka lub niemożliwa rozbudowa ze względu na zastosowanie rozwiązań na sztywno,

System Wordpress poradnik

opis kokpitu wordpress krok po kroku
Opis panelu Wordpressa. Krok po kroku omówienie kokpitu.

Czyli jak zacząć przygotę z Wordpress.

System wordpress w kilku prostych krokach. Zyskał wielu zwolenników głównie dzięki przejrzystemu interfejsowi panelu administracyjnego oraz prostej edycji treści (wizualny edytor, drop&down menu). W ostatnich wersjach otrzymał odświeżony / unowocześniony design, dodatkowo zapewnia przygotowanie strony zoptymalizowanej dla wyszukiwarki Google (SEO). Zobacz najłatwiejszy cms na rynku.

Panel logowania wordpress

Adres panelu logowania do systemu wordpress to : www.domena.pl/wp-login.php gdzie po wpisaniu loginu i hasła logujemy się do tzw. kokpitu wordpressa.

Kokpit wordpress

Panel administratora inaczej kokpit podzielony jest na dwie części : pionowe menu boczne w którym znajdziemy wszystkie niezbędne funkcje panelu oraz treść właściwa dla wybranej pozycji z menu bocznego.

kokpit panelu wordpress
Panel Wordpress po zalogowaniu. Ekran powitalny

Pionowe menu boczne

To przede wszystkim szybka i sprawna nawigacja w obrębie panelu – pasek z menu jest na swoim miejscu podczas przewijania całego okna, a w przypadku mniejszych monitorów zmniejszany do widoku samych ikon. Znajdziemy tutaj pozycje odpowiadające za :

Wpisy – w tym miejscu znajdują się główne treści strony, klikając w pozycję ‘wszystkie wpisy’ (nr 1) przechodzimy do widoku listy wszystkich wpisów (nr 2). Wpisy przypisane są do odpowiednich kategorii (obok nazwy wpisu widać nazwę kategorii – nr 3 ) np. aktualności, oferta, o firmie, kontakt.

Kategorie pobierane są przez odpowiadająca im pozycje menu np. pozycja menu aktualności pobiera wpisy z kategorii aktualności, pozycja menu oferta pobiera wpisy z kategorii oferta etc…

Klikając na nazwę danego wpisu / po najechaniu (nr 4) na nazwę dostajemy możliwość jego edycji którą wzbogaca wizualny edytor graficzny. Wpis możemy dodać będąc już na liście wpisów (nr 4) lub z menu kontekstowego po najechaniu na pozycję wpisy (nr 5)

lista wpisow w systemie cms wordpress
lista wpisów w cms wordpress

Media w wordpress

Zarządzanie galerią gdzie po wejściu otrzymujemy listę miniatur aktualnie wgranych do sytemu których możemy używać dodając do wpisu, widgetu, do baneru na stronie (pozycja metaslider w menu bocznym). Aby dodać zdjęcia, grafiki do systemu wystarczy przeciągając z dysku zdjęcia na obszar miniatur (pojawi się niebieska apla z napisem dodaj) lub kliknąć guzik ‘dodaj nowe’. Powyższe operacje dodawania i podglądu całego folderu media można dokonać bezpośrednio z pozycji edycji wpisu – klikając guzik ‘media’.

media galeria zdjeci systemu cms wordpress
biblioteka media w Wordpress

metoda dodawania plikow do wordpress
Intuicyjne dodawanie zdjęć do systemu. Drag&Drop z pulpitu

Strony – niezależne typy podstron dzięki których budowane są np. pojedyncze podstrony (statyczna strona główna).

Zarządzanie widgetami – na potrzeby indywidualnego szablonu znajdziemy tutaj dodatkowe funkcjonalności jak np. widget z submenu, newsletter, wyszukiwarka, dodatkowe pola tekstowe, stopka etc… wystarczy kliknąć na nazwę by rozwinąć dany widget.

widgety i wtyczki w wordpress
widgety w wordpress

edycja widgetow w edytorze wizualnym
edycja poszczególnych widgetów

Zarządzanie wtyczkami w cms wordpress

Za pomocą wtyczek rozszerzamy podstawową funkcjonalność wordpressa, w tym miejscu znajduje się lista aktualnie używanych przez daną stronę przydatnych wtyczek, z reguły podstawowymi, które są doinstalowywane to m.in :

  • wtyczka poprawiająca optymalizację całego serwisu seo yoast,
  • wtyczka poprawiająca edytor treści,
  • wtyczka odpowiadająca za slider na stronie głównej (metaslider),
  • wtyczka dla obsługi wielojęzyczności,
  • wtyczka do backupu całego wordpressa, etc…

W późniejszym etapie użytkowania strony samodzielnie możemy rozbudowywać naszego wordpressa np. doinstalować wtyczkę (guzik ‘dodaj nową wtyczkę’) odpowiadającą za możliwość podzielenia się wpisem na facebook, g+, twitter, email, wordpress sam podpowie te najlepsze – wyświetli je jako pierwsze na liście przy czym przed zainstalowaniem zobaczyć możemy dodatkowe informacje, sprawdzić szczegóły m.in dowiedzieć się o ostatniej aktualizacji wtyczki, czy spełnia nasze oczekiwania, ilości pobrań etc…

wtyczki i pluginy dla wordpressa
wybierając z menu bocznego pozycję Wtyczki przechodzimy listy zainstalowanych (ale niekoniecznie włączonych)

Dodatkowo doinstalowane wtyczki na potrzeby szablonu które umieszczają swój własny odnośnik / pozycję w menu np. metaslider, wtyczka seo yoast etc…

gdzie znalezc zainstalowane wtyczki w wordpressie
Gdzie znaleźć zainstalowane wtyczki ? W lewympanelu bocznym

Ustawienia wordpress. Title i opis witryny

Tytuł witryny i opis – pojawiający się na pasku przeglądarki oraz jako tytuł w wynikach wyszukiwania Google, adres email, data, godzina.

ustawienia w wordpress tytulu i opisu oraz adresu url
Wybierając z menu lewego pozycję Ustawienia wejdziesz w główne ustawienia Twojego Wordpress'a

Jaki system cms do strony internetowej ?

Z naszej wiedzy i informacji od Klientów możemy śmiało stwierdzić że cms wordpress jest najłatwiejszym systemem obecnie na rynku. Daje on intuicyjny panel administratora umożliwiający edycję za pomocą elementów wyswig oraz bardzo proste zarządzanie treścią. Plusem jest także czytelny panel obsługi i edycja SEO dla każdej strony i wpisu po zainstalowaniu odpowiednich wtyczek np seo yoast.

Architektura systemu

Czyli jak zbudowany jest wordpress. Struktura i podział plików oraz jak działa wordpress (technicznie dla programistów)

Wordpress to system plików php (szablonów), a układ opiera się na kontrolerze przekazującym żądania URI do pojedynczego pliku PHP, który analizuje indentyfikator i kojarzy stronę docelową.

Aby móc rozpocząć nawet podstawową edycję kodu systemu należy najpierw poznać jego budowę.

Katalog motywu

Każdy motyw posiada własny katalog umiejscowiony w folderze wp-content/themes. Nazwa katalogu powinna być prosta, nie zawierać spacji, polskich liter.



Podział plików szablonu Wordpress

Pliki główne

index.php - plik podstawowy, który jest głównym plikiem.

style.css - plik styli zawierający podstawowe dane o motywie, autorze, licencji, adresie www.

functions.php - obsługuje wszystkie funkcjonalności naszego wordpressa

Najczęściej spotykane pliki szablonu wordpress

header.php - plik odpowiedzialny za wyświetlanie nagłówka strony. Tutaj umieszczone są meta tagi, skrypty js, css.

home.php - szablon strony głównej,

category.php - szablon, który odpowiada za wyświetlanie kategorii czyli np lista wpisów do bloga,

single.php - plik odpowiadający za wyświetlanie pojedynczego wpisu, można poprzez nadanie odpowiedniej rozszerzonej nazwy odpowiednio dopasować strukturę do kadej kategorii osobno

page.php - szablon odpowiedzialny za wyświetlanie podstrony, podobnie jak z single.php można tworzyć zupełnie nowe podstrony na potrzeby danej funkcjonalności lub struktury

archive.php - wyświetla listę wątków z danego miesiąca (podobna logika jak dla categorry.php)

tag.php - podobnie jak category.php

footer.php - wyświetla dolną część strony roboczo zwaną stopką,

sidebar.php - odpowiedzialny za wyświetlenie bocznego panelu np: dodatkowe widgety na blogu lub podstronie



Komentarze naszych odwiedzających bloga odnośnie systemu cms Wordpress:

Sama używam WordPressa do prowadzenia tego bloga http://brandpro.pl/, to bardzo fajne narzędzie, z którym poradzą sobie nawet laicy.

IZA

Dziękujemy za przygotowanie naszych stron w WordPress: http://www.turpol.com oraz http://www.turpol-travel.com – panel faktycznie przyjazny i wygodny w użytkowaniu

KRZYSZTOF

Dobry poradnik, jeżeli chodzi o podstawy WordPress’a. Nie mniej jednak ma on chyba najbardziej intuicyjne menu do zarządzania treścią ze wszystkich CMS’ów.

WIWI.PL

Prowadzę własnego bloga również używając wordpress i wg mnie nie ma lepszej opcji. Wpis bardzo dobry, na pewno pomoże początkującym użytkownikom

DAWID

Fajny poradnik wordpress. Gratuluję.

NETTERIA.NET

Świetny poradnik dla początkujących blogerów WordPress. Oby takich więcej.

PRODESIGNER

Dobry poradnik, dzięki któremu nowicjusze mogą w łatwy sposób poznać WP oraz jego podstawową edycję w panelu administracyjnym. Punkt za zrzuty ekranowe, które ułatwiają poznanie

WIKTOR

WordPress to CMS będący najłatwiejszym, najprostszym, oraz najbardziej przyjaznym dla nowego użytkownika systemem zarządzania treścią. Opanowanie zasad jego działania – nawet metodą prób i błędów – zajmuje dosłownie parę chwil, a jego niewątpliwie największym plusem jest bardzo szerokie wsparcie społeczności, korzystającej właśnie z niego na co dzień. Umieszczony przez autora wpisu poradnik ułatwia opanowanie podstaw jeszcze bardziej – dlatego dzięki wielkie za przygotowanie tak merytorycznego artykułu 🙂

ADHUT

Bardzo merytoryczny artykuł! Według mnie to jeden z najlepszych i przede wszystkim najłatwiejszych CMS-ów do tworzenia stron www. Jak widać, nawet nowicjusz może w szybki sposób zapoznać się z WP, a powyższe zrzuty ekranu, tym bardziej mu w tym pomogą

RADEKMALINOWSKI.PL

Dość stary wpis ale ciekawy i interesujący. Wupek dla każdego!

WOJCIECH HADAŁA

Bardzo dobry poradnik, dobrze byłoby wprowadzić aktualizację co do wersji 5.0?

CANDYWEB.PL

Co myślicie o Gutenbergu? Jak wam sprawdza się ten edytor? Przyznam szczerze, że przy korzystaniu z WordPressa przyzwyczaiłem się już do wprowadzania zmian przez Page Bakery 😉 Jedyny jego problem, to spora zasobożerność…

WONDER ADS

Mamy stronę także na WordPressie, dobrze zoptymalizowana z fajnym contentem, robi naprawdę niezłą robotę w SEO!

POZYCJONUSZ

Czy do WordPressa powinno posiadać się jakiś dodatkowy plugin antywirusa czy wystarczy natywna ochrona?

RADEK

WordPress bez dwóch zdań jest dla każdego. Myślę, że wystarczy około 4-6 godzin, aby poradzić sobie z obsługą. Mówimy tu jednak o osobach, które mają jakiś dryg do obsługiwania takiego oprogramowania. Wiadomo, że osoba, która ma problemy z załozeniem konta na FB, będzie potrzebowała dużo więcej czasu, aby opanować podstawowe funkcje WordPress.

EUROGETWORK

Nasza strona również stworzona jest na WordPress. Moim zdaniem jest to najlepszy system do tworzenia wszelkiego rodzaju stron. Dodatkowo dobrze zoptymalizowaliśmy stronę, uzupełniliśmy sporą ilością wartościowej treści i to przekłada się na swoje pozycje w Google, które systematycznie rosną

TOMASZ

WordPress to obecnie chyba najprostszy, najbardziej intuicyjny system do postawienia i zarządzania stroną. Panel nie powinien nikomu sprawić większych problemów, jedyną rzeczą, która początkowo może wprowadzić nieco zamieszania są wtyczki, które, jak piszesz: umieszczają swój własny odnośnik – ale nie rozumiem, czemu raz robią to w zakładce Wtyczki, raz w zakładce Narzędzia, a innym razem w ogóle w głównym 🙂 Ale jak się nie ma setki wtyczek to spokojnie można to ogarnąć. Pozdrawiam

KONRAD / NAMING

WordPress jest moim zdaniem najbardziej intuicyjnym system CMS dostępnym w sieci. Na pewno warto rozwijać się w tym kierunku, gdyż WP zawsze będzie bardzo popularne.

DAMTOX

Fajny wstęp dla osób zaczynających pracę z CMS WordPress.

SEMPIRE

Prosiłbym wpis o zabezpieczeniu wordpressa przed hackerami.

MARIAN

Bardzo przydatny wpis o bodajże najprostszym i najbardziej elastycznym CMS’ie jaki jest obecnie dostępny. Dzięki niezliczonej ilości wtyczek można prowadzić bloga, ale też mały sklep lub stronę z rejestracją na wizytę lekarską.

Tak jak @Marian z chęcią przeczytał bym wpis o zabezpieczenia wordpressa

ZABAWKI ROZWOJOWE

Od dłuższego czasu posiadam stronę opartą na WP. Zawsze nurtowało mnie pytanie co lepiej się pozycjonuje – strona czy wpis. Jakie są zalety i wady jednej i drugiej opcji ?

DAMIANO

Zgodzę się z poprzednikami, że WordPress to bardzo łatwy oraz intuicyjny system CMS, którego łatwo można się nauczyć. Nawet początkująca osoba, która nie miała wcześniej styczności z funkcjonowaniem tego panelu administracyjnego może już w jeden dzień nauczyć się go obsługiwać.

IDEO FORCE

A jak można zabezpieczyć się przed próbami zalogowania przez niepożądane osoby?

ODKURZACZ

JA uważam że nie ma nic prostszego i szybszego do obsługi niż wordpres. 🙂
no i tez czekam na wpis o zabezpieczeniach, wczesniej tego nie uwzględniałam, ale teraz się przyda 😉

MONIKA

a czy logo można edytować w WP? widziałem opcję skalowania kiedyś, czy to dobrze przeskaluje czy lepiej użyć profesjonalnego programu? (pytam bo nie mam takiego probelmu, musiałbym to komuś zlecić)

MARCIN

Świetny i bardzo merytoryczny wpis! Oczywiście WordPress ma jeszcze więcej świetnych wtyczek, które usprawniają funkcjonowanie strony i prędkość ładowania. WordPress to moim zdaniem najlepsze rozwiązanie dla stron ofertowych, mniej odpowiednie jednak dla sklepów internetowych z ogromnym asortymentem.

ADAM