Paweł Szczepaniec.com » WordPress http://www.szczepaniec.com Strony internetowe, e-marketing, pozycjonowanie, szkolenia Sat, 04 Feb 2012 20:42:23 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Zarządzanie wyglądem WordPressa http://www.szczepaniec.com/wyglad-wordpressa-templatki-szablony-skorki http://www.szczepaniec.com/wyglad-wordpressa-templatki-szablony-skorki#comments Fri, 12 Nov 2010 14:53:44 +0000 szczeepan http://www.szczepaniec.pl/?p=837 WordPress jako CMSZmiana wyglądu WordPressa

W moich poprzednich wpisach nt. WordPressa pisałem o: zaletach tego popularnego CMSa oraz o jego instalacji.

Dzisiejszy wpis dotyczy zarządzania wyglądem WordPressa. Opowiem o konstrukcji WordPressa oraz
o szablonach (inaczej: skórkach, templatkach).

Podstawowe pytanie

Każdy, kto chce udoskonalić wygląd swojej witryny na WordPressie, musi odpowiedzieć na podstawowe pytanie: czy ma wystarczająco dużo czasu na zajęcie się sprawą samodzielnie, czy może lepszy wygląd witryny trzeba będzie „kupić”.

Szablony WordPressa do kupienia

Zważając na ogromną popularność WordPressa, szablonów (skórek, templatek) jest cała masa. Zatem jeśli nie znasz się na podstawach tworzenia stron internetowych, nie wiesz co to HTML, CSS, czy PHP – droga kupna szablonu będzie dla Ciebie lepszym wyjściem.

W sieci istnieje sporo serwisów sprzedających naprawdę dobrej jakości skórki WordPressa. Osobiście najczęściej korzystam z szablonów WooThemes, jako że są bardzo dobrej jakości, zarówno jeśli chodzi o estetykę, ale i o czystą porządną konstrukcję w kodzie.

Najtańsza subskrybcja kosztuje 70 dolarów (stan na listopad 2010 r.), za które otrzymamy 2 szablony.

Darmowe szablony WordPressa

Poza możliwością kupienia szablonu, w sieci istnieje równie dużo skórek darmowych.

Na marginesie: Darmowe szablony WordPressa to częsta metoda zdobywania linków (ang. link building / link baiting) przez twórców owych szablonów. Linki do ich stron znajdują się najczęściej w stopce szablonu.

Tutaj nie polecę żadnych konkretnych źródeł, gdyż źródło dobrej darmowej skórki zależy od rodzaju budowanego serwisu. Zaznaczyć trzeba jednak, że ogólna jakość szablonów darmowych odbiega nieco od szablonów, za które trzeba zapłacić.

Samodzielna budowa (modyfikacja) szablonu WordPressa

Dla ludzi, którzy znają podstawy tworzenia stron www, istnieje inna ścieżka – samodzielnej budowy (czy dostosowania) szablonu WordPressa. Ścieżka jest, rzecz jasna, trudniejsza i bardziej czasochłonna, ale wiedza wyniesiona z nauki konstrukcji szablonów WP może okazać się bardzo przydatna.

Drobne modyfikacje nie są trudne

Na początek rada dla tych, którzy nie wiedzą, czy podołają – nie ma się czego bać! Aby dokonać drobnych modyfikacji wyglądu witryny (np. zmiana kolorów niektórych elementów):

  • Na serwerze FTP znajdź pliki odpowiadające za wygląd (pliki aktualnie zainstalowanej skórki).
  • Dokonaj kopii zapasowej plików, które zamierzasz modyfikować. Z doświadczenia wiem, że tego kroku nie warto pomijać ;-) Dodatkowo polecam upewnić się, że Twój dostawca hostingu robi regularne kopie bezpieczeństwa.
  • Znajdź podstawowy plik stylów CSS zainstalowanej skórki (często style.css).
  • Jeśli nie masz czasu na studiowanie pliku, do ustalenia elementu, który chcesz zmienić – polecam użycie (na żywej stronie) jakiegokolwiek narzędzia do określania heksadecymalnego kodu kolorystycznego.
  • Mając wartość kodu kolorystycznego (np. tło w kolorze #f5f5f5), poszukaj odpowiedniego elementu w pliku CSS.
  • Zmień wartość w odpowiednim miejscu na nową pożądaną wartość.
  • Zapisz zmiany, odśwież stronę – element (np. tło) zmienił kolor! :-)

Struktura szablonu WordPressa

Szablon strony opartej na WordPressie zawiera kilka niezmiennych elementów. Są to:

  • Header – nagłówek strony często zajmujący całą szerokość szablonu,
  • Content (lub Main Content) – miejsce głównej treści strony (lewa środkowa część),
  • Sidebar – pasek boczny (prawa środkowa część), na którym umieszczane są treści dodatkowe;
  • Footer – stopka na drugorzędną treść (cała szerokość).

Każdy z 4 ww. elementów ma swoje odzwierciedlenie w kodzie HTML. Są to tzw. kontenery – znacznik <div>. Cztery kontenery umieszcza się wewnątrz elementu container tak, aby móc zarządzać zbiorem 4 elementów na raz.

Widoczna treść strony (zawartość znacznika <body>) będzie zatem wyglądała ogólnie w następujący sposób:

<body>
<div id=”container”>
<div id=”header”>…</div>
<div od=”content”>…</div>
<div id=”sidebar”>…</div>
<div id=”footer”>…</div>
</div>
</body>

Wnętrze każdego z kontenerów wypełniane jest odpowiednim kodem, który umieszczony jest bezpośrednio w kontenerze lub pobierany jest z zewnętrznego pliku PHP.

Przykładowo, na stronę index.php składać się będą pliki: header.php, sidebar.php oraz footer.php, a treść główna tworzona będzie przez odpowiednie funkcje WordPressa (np. wyświetlanie listy wpisów). Znając zasadę możesz stworzyć dowolny inny układ elementów.

Prace projektowe, cięcie

Mając na uwadze ww. strukturę witryny na WordPressie – możemy brać się do części najprzyjemniejszej, tj. projektowania i wdrażania projektu. Popularnym narzędziem wykorzystywanym do projektowania jest Photoshop, a wdrożenie (tzw. cięcie) to niezmiennie para technologii HTML i CSS.

Szczegółowych rad na temat projektowania grafiki i jej wdrożenia nie da się udzielić w pojedynczym wpisie na blogu. Szukających pomocy zachęcam do kontaktu.

A wszystkich czytających serdecznie pozdrawiam!

PS
Głodnym wiedzy nt. WordPressa, w tym nt. zarządzania jego wyglądem, polecam książkę Smashing WordPress. Beyond the Blog.

PSPS
W następnym wpisie nt. WordPressa – będzie o wtyczkach (pluginach).

]]> http://www.szczepaniec.com/wyglad-wordpressa-templatki-szablony-skorki/feed 3 Instalacja WordPressa krok po kroku 15 min. http://www.szczepaniec.com/wordpress-instalacja-krok-po-kroku-15-minut http://www.szczepaniec.com/wordpress-instalacja-krok-po-kroku-15-minut#comments Thu, 03 Jun 2010 10:15:09 +0000 szczeepan http://www.szczepaniec.pl/?p=700 Instalacja WordPressaW ostatnim wpisie na temat WordPressa zachwalałem go jako dobry CMS (system zarządzania treścią). WordPress jest popularny, wspierany przez ogromną społeczność, posiada wiele przydatnych rozszerzeń (wtyczek), jest przyjazny wyszukiwarkom. Słowem WordPress jest godny polecenia każdemu, kto szuka dobrej platformy nie tylko do blogowania.

Przed instalacją WordPressa

Zakładając, że instalujemy WordPressa w swojej domenie, przed instalacją musimy:

  1. Posiadać (mieć zarejestrowaną) domenę*.
  2. Mieć hosting, inaczej swoje miejsce na serwerze www (z PHP i MySQL).
  3. Wszelkie dane, które pozwalają zarządzać domeną i hostingiem (oraz FTP).
  4. Klienta FTP – program pozwalający przesyłać dane z i do serwera (np. FileZilla).

*Na potrzeby wpisu będę posługiwał się przykładową domeną www.adres.pl.

Pliki instalacyjne WordPressa (2 min.)

Pliki instalacyjne należy ściągnąć z Internetu: pliki instalacyne WordPressa.

Następnie rozpakowujemy paczkę gdzieś na dysku.

W tym miejscu są 2 szkoły: albo instalujemy „gołą” instalację rozszerzeniami (czy skórkami) zajmując się później, albo kompletujemy na dysku wersję ostateczną (z rozszerzeniami i skórkami) i instalujemy całość za pierwszym razem.

W naszym przypadku pójdziemy pierwszą drogą. Dlaczego? Bo według mnie tak jest łatwiej.

Przygotowania po stronie serwera (5 min.)

Kolejnym krokiem są odpowiednie działania po stronie serwera.

1. Przy pomocy klienta FTP wchodzimy do katalogu głównego na serwerze www. Często nosi on nazwę www lub public_html. W środku katalogu głównego tworzymy katalog o odpowiedniej nazwie podobnej lub tożsamej z nazwą domeny (np. adres.pl).

2. Przypisanie domeny do odpowiedniego katalogu. Wchodzimy do panelu zarządzania domeną i definiujemy katalog, na który wskazywać ma domena. W naszym przypadku: domena www.adres.pl wskazywać będzie na katalog adres.pl.

Uwaga: Założyłem, że domena oraz hosting wykupione są w tej samej firmie. Wtedy powiązanie jednego z drugim jest łatwiejsze. W przypadku, gdy domenę wykupiliśmy w firmie A, a hosting mamy w firmie B – w panelu zarządzania domeną musimy zmienić serwery DNS tak, aby wskazywała DNSy firmy B. Jeśli potrzebujecie pomocy w tej lub jakiejkolwiek innej kwestii – proszę o kontakt.

3. Baza danych MySQL. Każdy panel zarządzania serwerem posiada skrót do sekcji MySQL. Wchodzimy i tworzymy bazę danych. W trakcie jej tworzenia należy przypilnować, aby nazwa bazy, użytkownika i hasło nie były oczywiste i łatwe do złamania.

Załóżmy, że stworzyliśmy bazę o nazwie baza_danych, użytkownik nazwa_uzytkownika, hasło tajne_haslo (host nazwa_hosta).

Stworzenie pliku konfiguracyjnego wp-config.php
(3 min.)

Wracamy do katalogu na naszym dysku, w którym znajdują się pliki instalacyjne WordPressa. Odnajdujemy plik o nazwie wp-config-sample.php i otwieramy go np. w notatniku. W pliku tym mamy do zmiany kilka rzeczy:

  1. Nazwa bazy danych. W linijce, gdzie znajduje się zapis: define(‘DB_NAME’, ‘nazwatwojejbazydanych’); w odpowiednie miejsce wpisujemy nazwę bazy danych.
  2. Nazwa użytkownika: define(‘DB_USER’, ‘nazwauzytkownika’);
  3. Hasło: define(‘DB_PASSWORD’, ‘tutajtwojehaslo’);
  4. Serwer MySQL (tzw. host): define(‘DB_HOST’, ‘localhost’);
  5. Klucze uwierzytelniania. Wchodzimy na stronę: https://api.wordpress.org/secret-key/1.1/salt/, przeładowujemy ją i kopiujemy całość wygenerowanego tekstu.

Fragment z pliku konfiguracyjnego zaczynający się od: define(‘AUTH_KEY’, ‘put your unique phrase here’); a kończący: define(‘NONCE_SALT’, ‘put your unique phrase here’); zastępujemy tekstem wygenerowanym.

Po wykonaniu wszystkich kroków, zapisujemy plik i zmieniamy jego nazwę na wp-config.php.

Przesłanie kompletu plików na serwer (4 min.)

Przy pomocy klienta FTP przegrywamy całą zawartość katalogu z plikami instalacyjnymi z naszego dysku do odpowiedniego katalogu na serwerze (w naszym przypadku katalog adres.pl). Transfer plików zajmuje kilka minut.

Po przegraniu plików należy upewnić się, że transfer przebiegł prawidłowo i wszystkie pliki znajdują się na serwerze.

Instalacja WordPressa (1 min.)

Instalacja WordPressa zajmuje krótką chwilę, a wywołujemy ją wpisując do przeglądarki internetowej www.adres.pl

Uwaga: Jeśli po wpisaniu ww. adresu instalacja się nie rozpoczyna lub występują błędy – skontaktuj się z firmą odpowiadającą za domenę i hosting lub ze mną.

Po instalacji wygenerowane zostanie hasło. Logujemy się po raz pierwszy do panelu administracyjnego WordPressa i pierwsze co robimy to zmiana hasła. Hasło do panelu powinno być nieoczywiste i bezpieczne.

To wszystko.

Jeśli wolisz zlecić nam instalację WordPressa – Zapytaj o wycenę

 ('DB_NAME', 'nazwatwojejbazydanych');
]]> http://www.szczepaniec.com/wordpress-instalacja-krok-po-kroku-15-minut/feed 5 WordPress jako CMS – wtyczki, SEO i inne http://www.szczepaniec.com/wordpress-cms-wtyczki-seo http://www.szczepaniec.com/wordpress-cms-wtyczki-seo#comments Wed, 05 May 2010 06:53:47 +0000 szczeepan http://www.szczepaniec.pl/?p=648 WordPress jako CMSWordPress jako CMS

Platforma WordPress w swojej pierwotnej postaci przeznaczona była do blogowania. Mieliśmy zatem klasyczny układ bloga, z wpisami na stronie głównej, boksami wpisów archiwalnych, kategoriami, tagami i tak dalej.

Z czasem ogromna popularność – a co za tym idzie społeczność skupiona wokół WordPressa – przyczyniła się do dynamicznego rozwoju platformy, a także form, w jakich zaczęła być ona wykorzystywana.

Od tej pory nie traktujemy WordPressa tylko i wyłącznie jak oprogramowania do blogowania. Stał się on klasycznym CMS-em (systemem zarządzania treścią) i nadaję się do tworzenia stron zarówno amatorskich, jak i profesjonalnych.

Rozszerzenia (wtyczki) WordPressa to potęga

Ogromna popularność oprogramowania poskutkowała publikacją niezliczonej ilości tzw. wtyczek, tj. rozszerzeń WordPressa spełniających najróżniejsze funkcje.

Mamy zatem wtyczki z kalendarzem, wtyczki blokujące spam w komentarzach, wtyczki prezentujące użytkownikom wpisy podobne do aktualnie wyświetlanego oraz wiele, wiele innych.

Elastyczny otwarty kod skryptu WordPressa i niezliczona liczba wtyczek sprawiają, że oprogramowanie stale się rozwija dając jego amatorom ogromne możliwości.

WordPress jest przyjazny wyszukiwarkom

Oczywiście nie zaraz po zainstalowaniu. Optymalizacja WordPressa pod kątem wyszukiwarek (SEO) nie jest jednak niczym trudnym.

Zakładając, że masz odpowiednią wiedzę i wiesz co chcesz osiągnąć w zakresie SEO swojego bloga, czy strony opartej o WordPressa  – odpowiednie rozszerzenie (wtyczka) już tam jest. Wystarczy tylko trochę poszukać.

Optymalizacja WordPressa wg Yoast.com | Optymalizacja WordPressa wg Mariusza Gąsiewskiego | Popularna wtyczka All in One SEO Pack

Uzasadniony dobry PR WordPressa

WordPress uwielbiają miliony. Ale czy to oznacza, że zaspokaja gusta tylko i wyłącznie masowe? Otóż nie. Oprogramowanie zyskało uznanie nawet najbardziej wymagających użytkowników.

Używają go specjaliści pracujący na własną rękę lub w firmach (autopromocja), właściciele stron firmowych (prezentacja oferty lub tzw. zaplecze), właściciele stron amatorskich oraz blogerzy (newsy, recenzje, fotografia, wideo).

Reprezentanci każdej z tych grup wypowiadają się o WordPressie w sposób bardzo przychylny, a najlepszym dowodem ich zadowolenia z WordPressa jest fakt, że używają go na co dzień. Czego jestem przykładem.

Polecam WordPressa każdemu

Podsumowując chciałem szczerze polecić WordPressa jeśli:

  • chcesz poeksperymentować i przekonać się czy WordPress jest dla Ciebie,
  • masz pomysł jak dzięki WordPressowi zarabiać,
  • potrzebujesz dobrej jakości darmowego oprogramowania do publikacji stron internetowych.

Pozdrawiam.

PS
Sprawdź wpis: instalacja WordPressa.

WordPress jako CMS

Platforma WordPress w swojej pierwotnej postaci przeznaczona była do blogowania. Mieliśmy zatem klasyczny układ bloga, z wpisami na stronie głównej, boksami wpisów archiwalnych, kategoriami, tagami itp.

Z czasem ogromna popularność – a co za tym idzie społeczność skupiona wokół WordPress-a – przyczyniła się do bardzo dynamicznego rozwoju platformy, jako takiej, a także form, w jakich zaczęła być ona wykorzystywana.

Od tej pory nie traktujemy WordPress-a tylko i wyłącznie jak oprogramowania do blogowania. Stał się on klasycznym CMS-em (systemem zarządzania treścią) i nadaję się do tworzenia stron zarówno amatorskich, jak i profesjonalnych.

Rozszerzenia (wtyczki) WordPress-a to potęga

Ogromna popularność oprogramowania poskutkowała publikacją niezliczonej ilości tzw. wtyczek, tj. rozszerzeń WordPress-a spełniających najróżniejsze funkcje.

Mamy zatem wtyczki z kalendarzem, wtyczki blokujące spam w komentarzach, wtyczki prezentujące użytkownikom wpisy podobne do aktualnie wyświetlanego oraz wiele, wiele innych.

Elastyczny otwarty kod skryptu WordPress-a i niezliczona liczba wtyczek sprawiają, że oprogramowanie stale się rozwija dając jego amatorom ogromne możliwości.

WordPress jest przyjazny wyszukiwarkom

Oczywiście nie zaraz po zainstalowaniu. Optymalizacja WordPress-a pod kątem wyszukiwarek (SEO) nie jest jednak niczym trudnym.

Zakładając, że masz odpowiednią wiedzę i wiesz co chcesz osiągnąć w zakresie SEO swojego bloga, czy strony opartej o WordPress-a– odpowiednie rozszerzenie (wtyczka) już tam jest. Wystarczy tylko trochę poszukać.

Uzasadniony dobry PR WordPress-a

WordPress uwielbiają miliony. Ale czy to oznacza, że zaspokaja gusta tylko i wyłącznie masowe? Otóż nie. Oprogramowanie zyskało uznanie nawet najbardziej wymagających użytkowników.

Używają go specjaliści pracujący na własną rękę lub w firmach (autopromocja), właściciele stron firmowych (prezentacja oferty lub tzw. zaplecze), właściciele stron amatorskich oraz blogerzy (newsy, recenzje, fotografia, wideo).

Reprezentanci każdej z tych grup wypowiadają się o WordPress-ie w sposób bardzo przychylny, a najlepszym dowodem ich zadowolenia z WordPress-a jest fakt, że używają go na co dzień. Czego jestem przykładem.

Polecam WordPress-a każdemu

Podsumowując chciałem szczerze polecić WordPress-a jeśli:

chcesz poeksperymentować i przekonać się czy WordPress jest dla Ciebie

masz pomysł jak dzięki WordPress-owi zarabiać

potrzebujesz dobrej jakości darmowego oprogramowania do publikacji stron internetowych

Pozdrawiam.

PS

W następnym odcinku: instalacja WordPress-a.

]]> http://www.szczepaniec.com/wordpress-cms-wtyczki-seo/feed 5