23 08 10 Tworznie motywu dla Wordpresa

Jak zawsze dodany przez : Sylwek, komentarze: ( 2 )

Od jakiegoś czasu WordPress wspiera motywy. Co więcej, tworzenie motywów dla tego systemu zarządzania treścią jest relatywnie łatwe (zakładam znajomość PHP i HTMLa). Stąd też jeżeli żaden z już istniejących motywów nie spełnia naszych oczekiwań, możemy stworzyć własny (oczywiście przy założeniu że mamy na to wystarczająco dużo czasu).

Podstawy

Aby stworzyć motyw potrzebujemy co najmniej jednego katalogu i dwóch plików.
Katalog tworzymy w /wp-content/themes a w nim pliki index.php i style.css.

Index.php służy do wyświetlania zawartości, style.css zawierał wszystkie dane odpowiedzialne za wygląd motywu oraz tzw. meta dane o nim.

Meta dane o motywie są niezbędne. Powinny one być umieszczone na samym początku pliku style.css i wyglądać jak poniżej:

/*
Theme Name: Twoja nazwa motywu
Theme URI: http://twoj_motyw.com/
Description: Opis twojego motywu
Author: Twoje imie i nazwisko
Author URI: http://twoja_strona.pl/
Tags: tagi, opisujące motyw
*/

Po zamieszczeniu powyższych informacji i zapisaniu pliku, możemy aktywować motyw w panelu administracyjnym.
Przechodzimy więc do: http://twoja_domana.pl/wp-admin, logujemy się, otwieramy zakładkę Wygląd -> motywy, znajdujemy przed chwilą stworzony motyw (a w zasadzie jego zaczątek) i klikamy odnośnik “aktywuj”, który znajduje się tuż pod opisem motywu.

Rozszerzanie motywu

Motyw nie byłby motywem gdybyśmy nie mogli włączyć do niego większej ilości plików niż te marne dwa, które zostały nadminione wyżej.

W Wordpresie motyw może składać się z wielu plików, gdzie jeden zawiera informacje dla stopki (footer.php) , inny dla panelu bocznego (sidebar.php), a jeszcze inny dla nagłówka strony (header.php).

Załóżmy więc, że chcemy zbudować motyw w oparciu o taki właśie schemat. Aby tego dokonać będziemy potrzebować kilku dodatkowych plików. Wszystkie powinny znaleźć się w tym samym katalogu co wcześniej zapisane index.php i style.css i mieć nazwy jak poniżej:

header.php – w tym pliku umieszczamy sekcję head oraz na przykład horyzontalne menu.
footer.php – w tym pliku zamieszczamy kod właściwy dla stopki strony.
sidebar.php – w tym pliku powinien znaleźć się kod wyświetlający panel boczny strony.

Po powyższych modyfikacjach struktura katalogu z naszym motywem powinna przedstawiać się następująco:

przykładkowy_motyw/
  index.php
  style.css
  header.php
  footer.php
  sidebar.php

Aby uwzględnić wszystkie informacje w nowych plikach, musimy je włączyć do pliku index.php.
Wordpress posiada specjalne funkcje, które właśnie do tego celu są przeznaczone. Są to tzw. funkcje motywów.

Poniższy kod, który zamieszczamy w pliku index.php, włącza pliki header.php, sidebar.php i footer.php do pliku index.php

  <?php get_header() ?>
  <?php get_sidebar() ?>
  <?php get_footer ?>

WordPress domyślnie szuka wielu innych plików w katalogu motywu, o czym będzie mowa w którymś z kolejnych wpisów.

Kategorie: wordpress, wordpress - motywy
Tagi: css, motyw, pliki