Jest wiele rzeczy, o których musisz pamiętać podczas pracy z plikami motywów WordPress.

Od nazw podstawowych plików szablonów po funkcje i działanie pętli WordPress, prawie niemożliwe jest zapamiętanie każdego tagu PHP, a nawet zdefiniowanie nowego motywu.

Około 550 studentów uczestniczących w naszym kursie Akademii, WordPress Development for Beginners, jest w ostatnim tygodniu, wszyscy radzą sobie z ostatecznym zadaniem – budowaniem motywu WordPress od podstaw.

Więc, aby ci pomóc, pomyślałem, że przygotuję tę poręczną ściągawkę, która zawiera wszystkie pliki i funkcje, które musisz znać (ale niekoniecznie pamiętać!) podczas pracy z motywami. Jest to zdecydowanie jeden do zakładek i zapisać na przyszłość!

Powodzenia w ostatecznym zadaniu, a jeśli nie jesteś jeszcze zarejestrowany w WordPress Development dla średnio zaawansowanych użytkowników, szybko się zgłoś, zanim wkrótce zamkną się zapisy!

Pliki Motywów

Są to podstawowe pliki, które każdy motyw powinien zawierać:

  • styl.css – To jest plik arkusza stylów Twojego motywu.
  • indeks.php – To jest główny szablon ciała dla Twojego motywu. Jego zadaniem jest zebranie wszystkich informacji w innych plikach tematycznych za pomocą znaczników szablonów.
  • nagłówek.php – Ten plik zawiera informacje nagłówka, które pojawiają się z < head> sekcja witryny, metadane i link do arkusza stylów.
  • pasek boczny.php – Wszystko na pasku bocznym idzie w tym Pliku, jak widżety, kategorie, dodatkowe menu, formularz wyszukiwania, itp.
  • stopka.php – Ten plik zawiera informacje o stopce, takie jak szczegóły dotyczące praw autorskich, widżety i ikony społecznościowe.
  • singiel.php – Ten plik wyświetla tylko jeden post.
  • strona.php – Podczas tworzenia strony na swojej stronie, to jest szablon odpowiedzialny.
  • komentarze.php – Ten plik jest odpowiedzialny za wyświetlanie komentarzy.
  • 404.php – Gdy odwiedzający próbują odwiedzić stronę w Twojej witrynie, która nie istnieje, ten plik będzie ogólnie stronę błędu.
  • funkcje.php – Ten plik jest, gdzie można umieścić specjalne funkcje. Zawsze zalecamy utworzenie motywu potomnego, zamiast edytować ten plik bezpośrednio.
  • archiwum.php – Wyświetl archiwum z tym plikiem, aby odwiedzający Twoją witrynę mogli cofnąć się o czasie i przeczytać Twój Hello World! poczta.
  • Szukaj.php – Pomóż odwiedzającym przeszukać Twoją witrynę za pomocą tej strony.
  • formularz wyszukiwania.php – Wyświetl formularz wyszukiwania dla odwiedzających z tym plikiem szablonu.

Definiowanie nowego tematu

Arkusz stylów zawiera nie tylko informacje o stylach dla Twojego motywu – zawiera również szczegóły dotyczące Twojego motywu, które są wyświetlane w Wygląd > Motywy sekcja Twojego administratora WordPress.

Poniżej znajduje się przykład pierwszych kilku linii arkusza stylów dla domyślnego motywu Twenty Sixteen:

Ładowanie gist raewrites / 4b36662b9a177b7bdd8bdd07c9b6107e

Ta informacja znajduje się u góry arkusz stylów.css plik.

Szablon Zawiera Tagi

Tagi Template include są używane w jednym pliku szablonu(na przykład index.php), aby dołączyć (lub wywołać) HTML i PHP Znalezione w innym pliku szablonu(na przykład nagłówek.php). Chociaż PHP ma własne wbudowane polecenie include (), aby to zrobić, te specyficzne dla WordPressa tagi znacznie ułatwiają życie:

  • <?php get_header ();?> – Zawiera nagłówek.plik php
  • <?php get_sidebar ();?> – Zawiera pasek boczny.plik php
  • <?php get_footer(); ?> – Zawiera stopkę.plik php
  • <?PHP comments_template(); ?> – Zawiera Twoje komentarze

Nagłówek Szablonu / Tagi Bloginfo

Są to funkcje, które znajdziesz w nagłówku motywu.pliku php, choć znajdziesz je również w innych plikach tematycznych:

  • <?PHP bloginfo ('nazwa');?> – Tytuł witryny lub nazwa bloga
  • <?PHP bloginfo ('url');?> – Adres URL Twojej witryny
  • <?PHP bloginfo ('stylesheet_url');?> – Link do pliku arkusza stylów motywów
  • <?PHP bloginfo ('template_url');?> – Lokalizacja pliku motywu witryny
  • <?PHP bloginfo ('description');?> – Wyświetla slogan Twojego bloga ustawiony w Ustawienia > Ogólne.
  • <?PHP bloginfo ('atom_url');?> – Link do atom URL Twojej witryny
  • <?PHP bloginfo ('rss2_url');?> – URL kanału RSS dla Twojej witryny
  • <?PHP bloginfo ('pingback_url');?> – Adres URL Pingback dla Twojej witryny
  • <?PHP bloginfo ('version');?> – Numer wersji WordPress
  • <?PHP bloginfo ('html_type');?> – Wersja HTML, której używa Twoja strona
  • <?php site_url ();?> – Główny adres URL Twojej witryny
  • <?php get_stylesheet_directory ();?> – Lokalizacja folderu arkusza stylów
  • <?php wp_title(); ?> – Tytuł konkretnej strony

Tagi Szablonów

Znaczniki te mogą być używane we wszystkich plikach szablonów, takich jak indeks.php lub strony.php, co ułatwia wyświetlanie określonych informacji w dowolnym miejscu w witrynie:

<?php the_content ();?> – Wyświetla treść postu
<?php the_excerpt(); ?> – Wyświetla fragment używany w postach
<?php the_title(); ?> – Tytuł konkretnego stanowiska
<?php the_permalink ()?> – Link do konkretnego posta
<?php the_category(', ') ?> – Kategoria konkretnego stanowiska
<?php the_author ();?> – Autor konkretnego posta
<?php the_ID ();?> – ID konkretnego posta
<?PHP edit_post_link(); ?> – Edytuj link do posta
<?php next_post_link(' %link ') ?> – URL następnej strony
<?PHP previous_post_link ('%link')?> – Adres URL poprzedniej strony
<?php get_links_list(); ?> – Wyświetla wszystkie linki w blogroll
<?php wp_list_pages(); ?> – Wyświetla wszystkie strony
<?php wp_get_archives ()?> – Archiwum listy dla witryny
<?php wp_list_cats(); ?> – Lista wszystkich kategorii
<?php get_calendar ();?> – Wyświetla wbudowany kalendarz
<?php wp_register ();?> – Wyświetla link do rejestru
<?php wp_loginout ();?> – Wyświetla link logowania / wylogowania tylko zarejestrowanym użytkownikom

W żadnym razie nie jest to ostateczna lista wszystkich dostępnych tagów szablonu. Aby uzyskać pełną listę, sprawdź wpis tagów szablonów w Kodeksie WordPress.

Pętla

Pętla jest domyślnym mechanizmem w WordPress do wyświetlania wszystkich Twoich postów. Dokładnie to, ile postów zostanie pobranych, zależy od liczby postów, które wybrałeś do wyświetlenia w Ustawieniach „czytania” na pulpicie nawigacyjnym WordPress.

W pętli WordPress pętli przez każdy post pobrany dla bieżącej strony po kolei i formatuje go zgodnie z instrukcjami motywu.

Możesz użyć pętli, aby zrobić wiele przydatnych rzeczy, takich jak:

  • Wyświetlaj tytuły i fragmenty postów na swojej stronie głównej;
  • Wyświetlanie treści i komentarzy w jednym poście;
  • Wyświetlanie treści na pojedynczej stronie za pomocą znaczników szablonu; oraz
  • Wyświetlanie danych z niestandardowych typów postów i niestandardowych pól.
Wczytywanie gist raewrites/1bf2f515b875bacac9f8fab89692f7a8

Pętla może wyświetlać wiele różnych elementów dla każdego postu. Niektóre z najczęstszych tagów szablonów używanych w motywach (zgodnie z WordPress Theme Handbook) to:

  • next_post_link() – Link do postu opublikowanego chronologicznie po aktualnym poście
  • previous_post_link() – Link do postu opublikowanego chronologicznie przed aktualnym postem
  • the_category() – Kategoria lub kategorie związane z przeglądanym postem lub stroną
  • the_author() – Autor posta lub strony
  • the_content() – Główna treść postu lub strony
  • the_excerpt () – Pierwsze 55 słów głównej treści postu, po których następuje elipsa ( … ) lub Czytaj więcej link, który prowadzi do pełnego postu. Możesz również użyć pola „fragment” postu, aby dostosować długość konkretnego fragmentu.
  • the_ID () – Identyfikator posta lub strony
  • the_meta() – Niestandardowe pola związane z postem lub stroną
  • the_shortlink () – Link do strony lub posta za pomocą adresu URL strony i ID posta lub strony
  • the_tags () – Tag lub tagi związane z postem
  • the_title() – Tytuł posta lub strony
  • the_time () – Czas lub data postu lub strony. Można to dostosować za pomocą standardowego formatowania funkcji daty php.

Możesz także użyć znaczników warunkowych, takich jak:

  • is_home() – Zwraca true jeśli bieżąca strona jest stroną główną
  • is_admin() – Zwraca true, jeśli administrator jest zalogowany i odwiedza stronę
  • is_single() – Zwraca true jeśli strona aktualnie wyświetla pojedynczy post
  • is_page() – Zwraca true jeżeli strona aktualnie wyświetla jedną stronę
  • is_page_template() – Może być używany do określenia, czy strona korzysta z określonego szablonu, na przykład: is_page_template ('about-page.php')
  • is_category() – Zwraca true, jeśli page lub post posiada określoną kategorię, na przykład is_category ('news')
  • is_tag() – Zwraca true, jeśli strona lub post ma określony tag
  • is_author() – Zwraca true, jeśli konkretny autor jest zalogowany i odwiedza stronę
  • is_search() – Zwraca true, jeśli bieżąca strona jest stroną wyników wyszukiwania
  • is_404() – Zwraca true jeżeli bieżąca strona nie istnieje
  • has_excerpt() – Zwraca true, jeśli post lub strona ma fragment

A jest jeszcze więcej do poznania!

Naprawdę tylko zarysowałem powierzchnię z tą listą. Przytłaczające, wiem!

Chociaż ten artykuł oferuje poręczną listę, która pomoże Ci w budowaniu motywów, oto kilka innych arkuszy do ściągania, które warto sprawdzić:

Tagi szablonów-WordPress Codex: byłoby niedbalstwem, gdybym zostawił Kodeks z tej listy, ponieważ oferuje on najbardziej wszechstronny przewodnik po wszystkich dostępnych tagach i funkcjach.

Arkusz pomocy WordPress-szybko Kod: Pobierz tę tapetę i zmień tło pulpitu. Nigdy więcej nie zapomnisz metki!

WordPress Visual Cheat Sheet-Artist Relations: jest to jeden z moich ulubionych, ponieważ jest tak cholernie szczegółowy. Zdecydowanie warto dodać zakładki.

WordPress Cheat Sheet-tuts+: ten kompaktowy przewodnik zapewnia zwięzły przegląd plików motywów WordPress, pętli i tagów szablonów.

WordPress Mega Cheat Sheet-Stwórz Centrum strony internetowej: jestem również fanem tej ściągawki, która zawiera również skróty klawiaturowe.

Proszę bardzo, wszystko, co musisz wiedzieć, abyś mógł zacząć korzystać z motywów Kodowania od zera! Czy natknąłeś się na inne przewodniki, które oznaczyłeś w celach informacyjnych? Udostępnij swoje linki w komentarzach poniżej.

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…