Szablon WordPress – podstawowe pliki

Pliki szablonu WP (336 pobrań)

 

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 (FileZillaFireFTP 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