1. Instalacja szablonu:
I sposób
- na stronie zaplecza blogu: WYGLĄD/MOTYWY/DODAJ NOWY/WYŚLIJ MOTYW NA SERWER/ dodajemy plik szablonu dw-szablon.zip
- włączamy motyw
II sposób
- należy najpierw rozpakować plik na dysku
- następnie logujemy się na serwer FTP hostingu cba poprzez klienta FTP (FileZilla, FireFTP rozszerzenie do przeglądarki FireFox, FTP Free rozszerzenie dla przeglądarki Chrome, w programie Microsoft Expression Web 4 lub Menadżerze plików serwisu Cba). Przypominam dane dostępowe:
serwer ftp: adres strony (np. kowalski.cba.pl)
login: admin@adres strony (np. admin@kowalski.cba.pl)
hasło: jak do serwisu cba.pl - przenosimy rozpakowany katalog dw-szablon na serwer do katalogu:wp-content/themes/
- na stronie zaplecza blogu: WYGLĄD/MOTYWY/ włączamy motyw
2. Pliki szablonu:
- index.php – plik główny szablonu, zawiera znaczniki i kody strony znajdujące się poniżej nagłówka strony (logo, tytuł bloga, menu górne) i powyżej stopki strony (menu dolne, copyright)
- header.php – plik nagłówka, zawiera znaczniki <head>…</head>i <body> oraz znaczniki i kody strony obejmujące nagłówek strony (logo, tytuł bloga, menu górne)
- footer.php – plik stopki, zawiera znacznik </body> oraz znaczniki i kody strony obejmujące stopkę strony (menu dolne, copyright)
- single.php – plik jak index.php, ale wyświetlający pojedynczy wpis
- page.php – plik jak index.php, ale wyświetlający stronę
- archive.php – plik jak index.php, ale wyświetlający listę wpisów w kategorii/ listę wpisów o tym samym tagu/ listę wpisów z tego samego przedziału czasowego/ wyniki wyszukiwania
- searchform.php – odpowiada za skrypt wyszukiwania
- functions.php – plik funkcji zdefiniowanych przez użytkownika (np. skrót wpisu, panele-sidebar, obrazki-ikony wpisu, menu użytkownika)
- style.css – style formatowania, zawiera również informacje dotyczące szablonu i jego twórcy
- screenshot.png – ikona motywu na stronie zaplecza
- katalog img – zawiera pliki wykorzystanie do formatowania strony
W każdy pliku wprowadzone są komentarze dotyczące poszczególnych elementów kodu (zaczynające się od <?– … –> , // lub /* … */). Komentarze nie są wyświetlane na stronie.
3. Wygląd szablonu:
- przykładowy wygląd strony po włączaniu szablonu (wygląd zależy od tego, ile wpisów i widgetów mają Państwo dodanych na swoim blogu): Strona bez CSS
- przykładowy wygląd strony po wprowadzeniu formatowania w pliku CSS: Projektowanie stron RWD – PDW
4. Panel boczny i menu:
- widżety do panelu bocznego dodawane są na stronie zaplecza: WYGLĄD/WIDŻETY:
- Panel główny wyświetlany jest na stronie głównej i STRONACH
- Panel wpisów – wyświetlany jest na stronie pojedynczego wpisu
- kolejne panele definiujemy w pliku functions.php i dodajemy kod w odpowiednich plikach php
- menu użytkownika dodajemy na stronie zaplecza: WYGLĄD/MENU:
- menu użytkownika przypisujemy do określonej pozycji na stronie zaplecza: WYGLĄD/MENU
- kolejne pozycje menu definiujemy w pliku functions.php i dodajemy kod w odpowiednich plikach php
5. Polecenia do wykonania:
- należy uzupełnić deklaracje styli w pliku style.css dołączonym do katalogu; w pliku znajdują się selektory odpowiedzialne za formatowanie plików szablonu; można dodać własne selektory lub usunąć już istniejące, w zależności od tego jaki efekt formatowania chcą Państwo uzyskać; można również dodawać kod do plików php
- po zapisaniu zmian w pliku css (lub innych) należy zaktualizować plik style.css (i inne) na serwerze w katalogu:wp-content/themes/dw-szablon
- jeżeli będą Państwo dodawać własne pliki graficzne, proszę je zapisać w katalogu img (przykładowe formatowanie z wykorzystaniem grafiki: background:#FFF url(img/santaclaus.png) top left no-repeat;)
- szablon nie posiada skryptu komentarzy
6. Przydatne rozszerzenie do przeglądarek dla webmasterów: FireBug – dodatek natywny do FireFoxa; do pozostałych przeglądarek jest w wersji Lite
