WP-DOC

Pisanie motywu

03.01 Zanim zaczniemy

Ostatnia modyfikacja: 01.04.2021

Wstęp do części II

W tej części kursu poznamy dalsze możliwości, jakie oferuje WordPress przy tworzeniu motywu. Tym razem tworząc motyw strony firmowej. Niezbędna będzie wiedza z działu Budowa motywu – Część I. W tym dziale, nie będziemy szczegółowo omawiać:

  • jak wyświetlić wpis na blogu,
  • jak wyświetlić wpisy w pętli WordPress,
  • jak dodać nawigację na stronie,
  • jak dodać obrazek wyróżniający,
  • jakie pliki motywu odpowiadają za wyświetlanie poszczególnych elementów strony,
  • i inne zagadnienia z działu Budowa motywu – Część I.

Natomiast w tej części kursu będziemy omawiać takie kwestie jak:

  • zarządzanie logiem,
  • zarządzanie nagłówkiem,
  • podziałem strony głównej na sekcje, która każda jest utworzona na podstawie kategorii, wpisów czy stron,
  • tworzenie szablonu (motyw a szablon w WordPress, to dwie różne rzeczy),
  • i inne.

Motyw w części II

W tej części kursu będziemy pracować na motywie strony firmowej. Strona główna, jak widać na zdjęciu niżej, została podzielona na 6 części:

  1. Logo + Nawigacja – w tej części kursu nie będzie omawiana. Więcej o tworzeniu nawigacji dowiesz się z 02.06 Budowa nawigacji.
  2. Nagłówek – zdjęcie na całą szerokość i wysokość okna przeglądarki oraz nagłówek i przycisk. Całość edytowalna z panelu administratora WP.
  3. Oferta – są to opisy kategorii, do której mogą zostać przypisane produkty.
  4. Blog – wyświetlanie wpisów z określonej kategorii.
  5. O Firmie – wyświetlanie pojedynczej strony (nie wpisu).
  6. Stopka – tutaj również wyświetlanie pojedynczej strony.
Wygląd motywu WPNauka - Firmowa
Motyw szkoleniowy dla WordPress WP-DOC. W części drugiej kursu jest to motyw strony firmowej.

Elementy wchodzące w skład strony firmowej, którą chcesz wykonać, mogą być inne te w kursie. Uzależnione jest od typu działalności, ilości produktów lub usług oraz oczekiwań potencjalnego klienta, dla którego tworzymy stronę. Jednak przygotowany motyw dla tej części kursu, rozjaśni w jaki sposób można przygotować motyw pod tego typu stronę.

Tak jak w poprzednim motywie z części Budowa motywu – Części I, uprościłem kod HTML oraz CSS do minimum, motyw nawet nie jest w pełni responsywny. Natomiast w pliku functions.php jest już kod dołączający plik css, rejestracja nawigacji oraz dodanie obrazka wyróżniającego.

Dalsza część kursu jest oparta o motyw, który został stworzony specjalnie na potrzeby kursu.

POBIERZ PRZYKŁADOWY MOTYW

Czytaj dalej…

03.02 Obsługa loga

KOMENTARZE

Jeżeli masz pytanie lub sugestie dotyczącą artykułu to napisz komentarz. Wartościowe komentarze zostaną umieszczone jako opinie warte uwagi.

Napisz komentarz

Wszystkie pola są obowiązkowe. E-mail nie będzie udostępniony, ani wykorzystywany do rozsyłania wiadomości reklamowych.

Jeszcze nikt nie napisał komentarza.