Szablon WordPress – podstawowe pliki

Pliki szablonu WP (251)

 

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

Podobne wpisy...

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close