Szablon dla systemu WordPress

1. Poznanie struktury szablonów - zapoznanie się z podziałem na pliki oraz pełnionymi przez nie funkcjami, analiza istniejącego szablonu systemu CMS
2. Zaprojektowanie witryny - wykonanie wizualnego projektu strony, zastosowanie konkretnego układu, kolorystyki, dobór czcionek i grafik
3. Stworzenie szablonu - zakodowanie szablonu strony przy użyciu technologii HTML i CSS wraz z dołączeniem grafik oraz użytych czcionek i skryptów JavaScript
4. Podział na fragmenty - rozdzielenie kodu wykonanego szablonu na poszczególne sekcje (przypisane do plików), np.: header, nav, slider, content, full post, posts list, comment form, archives, footer, error pages
5. Podział na obszary - stosowane w niektórych CMS-ach podejście, w którym Moduły można umieścić w określonych miejscach (placeholderach) dostępnych lub nie w zależności od szablonu

/wp-content/themes/{zse-theme}/<PLIKI>
	+ assets
	  |- css
	  |- fonts
	  |- images
	  |- js
	+ classes
	+ inc
	+ template-parts
	+ templates
	|- pliki-z-tabelki

• Pobranie wzorcowego szablonu
• Przygotowanie struktury i plików
• Implementacja podstawowych plików szablonu i ich treści
• Kodowanie funkcji rejestrowania Zasobu w systemie WP
• Kodowanie funkcji wywołania Zasobu przez mechanizm CMS

Kolejność działań podczas realizacji szablonu:

1. Pobranie i skopiowanie wzorcowego szablonu
2. Przejrzenie i dostosowanie struktury pobranego szablonu
3. Stworzenie plików i modyfikacja metadanych szablonu (do widoku w panelu)
4. Załączenie arkuszy CSS i skryptów JavaScript (mechanizmy CMS'a)
5. Stworzenie nagłówka i stopki oraz pobranie danych (tytuł i treści)
6. Stworzenie strony głównej
   

   ---

7. Przygotowanie strony postów oraz ich metadanych
8. Przygotowanie wyświetlania komentarzy i formularza do komentarzy
9. Podsumowanie tworzenia szablonu

sajfdhdsjfhdsjfh

Dołączyć Screenshot szablonu strony

/*
Theme Name: zse-theme
Text Domain: zse-theme
Version: 1.0
Description: nowy szablon witryny ZSE
Tags: example, preview, test
Author: ZSE Students
Author URI: http://edu.gplweb.pl
*/

Aby do szablonu dynamicznie dodawać zasoby w postaci arkuszy CSS i skryptów JavaScript w pliku functions.php należy przygotować dwie funkcje z listą zasobów i ich parametrami. Funkcje można nazwać dowolnie, pamiętając, by zastosować prefix (np. zsegw) gwarantujący niepowtarzalność nazwy tej funkcji. Następnie wywołać te funkcje systemowym mechanizmem add_action(), który używa PHP-owego mechanizmu wywoływania metod po Stringowej nazwie.

<?php #functions.php
function zsegw_reqister_styles(){
	wp_enquque_style('zsegw_asset_name', get_template_directory_uri().'/assets/styles.css', array(),'1.0','all');
}
add_action('wp_enqueue_scripts','zsegw_register_styles');

function zsegw_reqister_scripts(){
	wp_enquque_scripts('zsegw_asset_name', get_template_directory_uri().'/assets/script.js', array(),'1.0');
}
add_action('wp_enqueue_scripts','zsegw_register_scripts');
?>

Znaczenie kolejnych parametrów metody wp_enqueue_style()

1. identyfikator zasobu - musi być niepowtarzalna - inaczej zasób nie zostanie dodany
2. adres do zasobu i jego nazwa - adres lokalny z hostingu lub adres globalny URL
3. zależności zasobu - tablica ze wskazaniem ewentualnych zasobów zależnych (po nazwie identyfikatora)
4. wersja zasobu - dodawana przez system po adresie URL, dzięki czemu po aktualizacji zostanie załadowany nowy zasób, zamiast starszego z pamięci podręcznej Cache

5. przeznaczenie dla mediów - screen do wyświetlania, print do druku oraz all dla obu