{"id":233936,"date":"2023-02-25T10:59:00","date_gmt":"2023-02-25T07:59:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233936"},"modified":"2022-11-11T13:17:08","modified_gmt":"2022-11-11T10:17:08","slug":"samouczek-motywu-wordpress-dla-poczatkujacych-czesc-10-dodawanie-wiekszej-liczby-szablonow","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/samouczek-motywu-wordpress-dla-poczatkujacych-czesc-10-dodawanie-wiekszej-liczby-szablonow\/","title":{"rendered":"Samouczek motywu WordPress dla pocz\u0105tkuj\u0105cych \u2013 cz\u0119\u015b\u0107 10: Dodawanie wi\u0119kszej liczby szablon\u00f3w"},"content":{"rendered":"\n

W tej lekcji samouczka motywu WordPress dla pocz\u0105tkuj\u0105cych zag\u0142\u0119bimy si\u0119 w szablony. Dowiemy si\u0119 o cz\u0119\u015bciach szablonu i zaimplementujemy go do ponownego u\u017cycia. Do naszego motywu dodamy wi\u0119cej domy\u015blnych szablon\u00f3w WordPressa.<\/p>\n

Ale zanim zaczniemy dodawa\u0107 wi\u0119cej plik\u00f3w szablon\u00f3w, musimy wiedzie\u0107, dlaczego powinni\u015bmy zawraca\u0107 sobie g\u0142ow\u0119 cz\u0119\u015bciami szablon\u00f3w<\/strong>.<\/p>\n

Cz\u0119\u015bci szablonu: bardziej elastyczne bloki konstrukcyjne<\/h2>\n

Cz\u0119\u015bci szablonu dzia\u0142aj\u0105 dok\u0142adnie tak, jak get_header()<\/code>i o get_footer()<\/code>kt\u00f3rych dowiedzieli\u015bmy si\u0119 w cz\u0119\u015bci 2<\/a>, ale nie ograniczaj\u0105 si\u0119 do tych plik\u00f3w. Mo\u017cesz u\u017cy\u0107 cz\u0119\u015bci szablonu dla dowolnego pliku!<\/p>\n

Motywy zwykle u\u017cywaj\u0105 cz\u0119\u015bci szablonu dla post\u00f3w w p\u0119tli. Zazwyczaj wiele szablon\u00f3w, takich jak kategoria, archiwum i wyniki wyszukiwania, zwykle wy\u015bwietla ka\u017cdy post w p\u0119tli w ten sam spos\u00f3b. Dlatego bardzo dobrym pomys\u0142em jest rozdzielenie wyj\u015bcia post-p\u0119tli w jeden plik. W ten spos\u00f3b nie musisz powtarza\u0107 tego w ka\u017cdym szablonie.<\/p>\n

Zamie\u0144my cz\u0119\u015b\u0107 naszego istniej\u0105cego kodu na cz\u0119\u015bci szablonu, zanim zaczniemy tworzy\u0107 wi\u0119cej szablon\u00f3w!<\/p>\n

Tworzenie cz\u0119\u015bci szablonu p\u0119tli post<\/h2>\n

Utw\u00f3rz nowy pusty plik w naszym folderze motywu; o nazwie content-loop.php<\/code>. Mo\u017cesz dowolnie nazwa\u0107 cz\u0119\u015bci szablonu. Ale nie mo\u017cesz nazwa\u0107 ich tak samo, jak \u017caden z szablon\u00f3w zdefiniowanych przez WordPress<\/a>. W naszym index.php<\/code>zlokalizuj wszystko, co masz w p\u0119tli, wytnij i wklej do \u015brodka content-loop.php<\/code>.<\/p>\n

Wewn\u0105trz pustej p\u0119tli w index.php<\/code>, u\u017cyj wywo\u0142ania funkcji get_template_part()<\/code>i zdefiniuj plik cz\u0119\u015bci szablonu jako parametr (bez .php<\/code>rozszerzenia). Tak powinno wygl\u0105da\u0107 w obu plikach:<\/p>\n

...\n    while (have_posts()): the_post(); \n        get_template_part('content-loop');\n    endwhile;\n    the_posts_pagination();\n...<\/code><\/pre>\n
<article <?php post_class(); ?>>\n    <h2><a href=\"<?php the_permalink(); ?>\" title=\"<?php the_title(); ?>\"><?php the_title(); ?><\/a><\/h2>\n    <?php if (has_post_thumbnail()) {\n        the_post_thumbnail();\n    } ?>\n    <?php the_excerpt(); ?>\n    <?php the_category(); ?>\n<\/article><\/code><\/pre>\n
Je\u015bli od\u015bwie\u017cysz swoj\u0105 stron\u0119 g\u0142\u00f3wn\u0105, nie powiniene\u015b zobaczy\u0107 absolutnie \u017cadnej r\u00f3\u017cnicy.<\/p>\n
\u015awietny! Teraz, gdy nasz index.php<\/code>jest \u0142adny i czysty, mo\u017cemy u\u017cy\u0107 go jako podstawy do powielenia w wi\u0119kszej liczbie szablon\u00f3w. Poni\u017cej om\u00f3wi\u0119, jak doda\u0107 szablon kategorii i szablon wynik\u00f3w wyszukiwania, ale zach\u0119cam do tworzenia wi\u0119kszej liczby szablon\u00f3w, aby mie\u0107 wi\u0119ksz\u0105 kontrol\u0119 nad projektem swojego motywu.<\/p>\n
Dodawanie szablonu kategorii<\/h2>\n
Je\u015bli odwo\u0142asz si\u0119 do hierarchii szablon\u00f3w WordPressa<\/a>, zobaczysz, \u017ce dla kategorii post\u00f3w WordPress b\u0119dzie szuka\u0107 szablonu o nazwie category.php<\/code>. Najpierw to stworzymy.<\/p>\n
W folderze motywu utw\u00f3rz kopi\u0119 index.php<\/code>pliku i zmie\u0144 nazw\u0119 kopii category.php<\/code>.<\/p>\n
I to wszystko. W zasadzie gotowe\u2026!<\/p>\n
Dodamy jednak jeden szczeg\u00f3\u0142; chcemy pokaza\u0107 tytu\u0142, kt\u00f3ry m\u00f3wi nam, \u017ce jeste\u015bmy na stronie kategorii dla post\u00f3w w kategorii o nazwie X. WordPress ma do tego funkcj\u0119, kt\u00f3rej mo\u017cesz u\u017cy\u0107 we wszystkich szablonach archiw\u00f3w (kategoria, tagi, archiwa dat), the_archive_title<\/code>. Dodajmy to przed p\u0119tl\u0105, wewn\u0105trz <h1><\/code>tagu.<\/p>\n
<?php get_header(); ?>\n<h1><?php the_archive_title(); ?><\/h1>\n<?php\nif (have_posts()) {\n...<\/code><\/pre>\n
Je\u015bli przegl\u0105dasz stron\u0119 kategorii post\u00f3w, powiniene\u015b zobaczy\u0107 co\u015b takiego, z tytu\u0142em archiwum \u201eKategoria:". PS: Je\u015bli chcesz zmieni\u0107 dane wyj\u015bciowe tytu\u0142u archiwum (na przyk\u0142ad nie wy\u015bwietlaj\u0105c \u201eKategoria:”), mo\u017cesz doda\u0107 filtr do get_the_archive_title<\/a>. Strona dokumentacji pokazuje \u015bwietny przyk\u0142ad, jak to zrobi\u0107.<\/p>\n
\"Samouczek<\/a><\/p>\n
C\u00f3\u017c, to by\u0142o \u0142atwe! Zajmijmy si\u0119 nast\u0119pnym szablonem wynik\u00f3w wyszukiwania.<\/p>\n
Dodawanie szablonu wynik\u00f3w wyszukiwania<\/h2>\n
Procedura jest dok\u0142adnie taka sama, jak w przypadku szablon\u00f3w kategorii. Tym razem utw\u00f3rz kopi\u0119 category.php<\/code>i zmie\u0144 nazw\u0119 kopii na search.php<\/code>.<\/p>\n
Wszystko, co musimy naprawi\u0107, to tytu\u0142. Funkcja tytu\u0142u archiwum, kt\u00f3rej u\u017cyli\u015bmy w szablonie kategorii, niestety nie dzia\u0142a zbyt dobrze dla szablonu wynik\u00f3w wyszukiwania. W rzeczywisto\u015bci w WordPressie nie ma prostej funkcji, kt\u00f3ra wy\u015bwietla dla nas tytu\u0142.<\/p>\n
Ale mo\u017cemy \u0142atwo zrobi\u0107 to sami, a jednocze\u015bnie poka\u017c\u0119, jak wyprowadzi\u0107 zmienn\u0105 dynamiczn\u0105 i nadal zachowa\u0107 mo\u017cliwo\u015b\u0107 t\u0142umaczenia tekstu.<\/p>\n
PHP ma dwie przydatne funkcje printf()<\/code>i sprintf()<\/code>. Robi\u0105 to samo, z wyj\u0105tkiem tego, \u017ce printf<\/code>wyprowadza je (jak echo) i sprintf<\/code>zwraca, wi\u0119c mo\u017cemy je przechowywa\u0107 w zmiennej. Po umieszczeniu tekstu jako pierwszych parametr\u00f3w, mo\u017cemy doda\u0107 zmienne dynamiczne jako argumenty, kt\u00f3re s\u0105 nast\u0119pnie wstrzykiwane do tekstu. W ich wn\u0119trzu mo\u017cemy u\u017cy\u0107 funkcji t\u0142umaczenia tekstu __()<\/code>oraz _e()<\/code>. Polecam przeczyta\u0107 troch\u0119 o tym, jak dzia\u0142a printf<\/a> lub sprintf<\/a>, poniewa\u017c nie b\u0119d\u0119 tu wchodzi\u0107 w szczeg\u00f3\u0142y.<\/p>\n
WordPress oferuje prost\u0105 funkcj\u0119, aby uzyska\u0107 wyszukiwany ci\u0105g; get_search_query()<\/code>. Powiedziawszy to, zast\u0105pmy t\u0105 funkcj\u0105 tytu\u0142 archiwum;<\/p>\n
<h1><?php printf(__('Search: %s', 'wptutorial'), get_search_query()); ?><\/h1><\/code><\/pre>\n
To, co robi powy\u017cszy kod, jest od \u015brodka; zdefiniowanie mo\u017cliwego do przet\u0142umaczenia tekstu \u201eSzukaj: %s”, kt\u00f3ry jest umieszczany wewn\u0105trz a printf<\/code>, kt\u00f3ry odzwierciedla ci\u0105g i zast\u0119puje sta\u0142\u0105 ci\u0105gu (%s<\/code>) drugim argumentem; czyli get_search_query()<\/code>.<\/p>\n
W rezultacie, wyszukuj\u0105c \u201eer”, otrzymujemy taki tytu\u0142:<\/p>\n
\"Samouczek<\/a><\/p>\n
Mi\u0142y! Zrobiono kolejny szablon. Je\u015bli chodzi o ostatni\u0105 cz\u0119\u015b\u0107 tej lekcji, przejdziemy do naszego szablonu pojedynczego posta i dodamy co\u015b bardzo powszechnego w WordPress; szablon komentarzy.<\/p>\n
Dodawanie szablonu komentarzy do pojedynczego posta<\/h2>\n
W naszym single.php<\/code>, po wpisie, chcemy pokaza\u0107 komentarze. Komentarze powinny zawiera\u0107 list\u0119 poprzednich komentarzy oraz formularz dodawania nowego komentarza.<\/p>\n
Szablon komentarzy to plik szablonu, kt\u00f3ry mo\u017cesz doda\u0107 do swojego motywu, ale WordPress ma w\u0142asne domy\u015blne wyj\u015bcie szablonu komentarzy. Je\u015bli nie masz comments.php<\/code>w swoim motywie, \u017c\u0105danie szablonu komentarzy zwr\u00f3ci dla niego domy\u015blne dane wyj\u015bciowe WordPressa. Oto, co zrobimy w tym samouczku.<\/p>\n
Chcemy wywo\u0142a\u0107 szablon komentarzy tylko wtedy, gdy wpis ma aktywowane komentarze (jest to ustawienie dla ka\u017cdego wpisu i globalne ustawienie witryny). Dodajemy wi\u0119c check if, aby sprawdzi\u0107, czy komentarze s\u0105 dozwolone za pomoc\u0105 comments_open()<\/code>, a je\u015bli zwraca true, prosimy o szablon komentarzy za pomoc\u0105 comments_template()<\/code>. Pami\u0119taj, \u017ce wszystko to musi si\u0119 wydarzy\u0107 w p\u0119tli. Doda\u0142em go po zako\u0144czeniu <\/article><\/code>, tu\u017c przed zamkni\u0119ciem p\u0119tli.<\/p>\n
...\n        <p><?php _e('Author', 'wptutorial'); ?>: <?php the_author(); ?><\/p>\n    <\/article>\n    <?php \n    if (comments_open()) {\n        comments_template();\n    }\n    endwhile;\n} else {\n    ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n...<\/code><\/pre>\n
Je\u015bli odwiedzasz pojedynczy post, kt\u00f3ry zezwala na komentarze (doda\u0142em komentarz tylko po to, aby pokaza\u0107 ci r\u00f3wnie\u017c list\u0119 komentarzy); otrzymasz ten pi\u0119kny (ahem) domy\u015blny szablon komentarzy:<\/p>\n
\"Samouczek<\/a><\/p>\n
Teraz mo\u017cesz (i cz\u0119sto si\u0119 do tego zach\u0119ca) stworzy\u0107 w\u0142asny comments.php<\/code>motyw, kt\u00f3ry nadpisze domy\u015blne wyj\u015bcie WordPressa. Nie zamierzam jednak tworzy\u0107 szablonu komentarzy w tym samouczku, poniewa\u017c domy\u015blne dane wyj\u015bciowe WordPressa dzia\u0142aj\u0105 dobrze, o ile odpowiednio je stylizujesz. Je\u015bli sprawdzisz kod HTML, dost\u0119pnych jest wiele opakowa\u0144 i klas.<\/p>\n
Dokumentacja dotycz\u0105ca zastosowanych metod<\/h2>\n