Dzielenie szablonu WordPress na części — samouczek 15
W tej chwili nasz motyw pokazuje wygląd szablonu i teraz możemy przejść do procesu wypełniania i ustawiania wyjścia danych.
Tworzyć 3 kategorie (układ, Projekt, Rozwój strony internetowej), umieścić w każdej kategorii 3 dokumentacja. Jeśli nie wiesz jak uzupełnić nowe wpisy, nie przejmuj się, skorzystać z usługi Lorem Ipsum. Usługa pomaga wygenerować dowolny tekst. Niech tekst nie będzie mniejszy niż 3 akapit w każdym wpisie.
Szablon analizy
Do wyświetlania postów użyjemy szablonu z trzema kolumnami (trzykolumnowy.html). Ten plik html jest już załadowany i zmieńmy rozszerzenie pliku z html na php. Należy zmienić nazwę pliku na tę nazwę, z którego wordpress będzie mógł poprawnie korzystać archiwum.php.
Plik o nazwie archive.php jest używany przez wordpress do wyświetlania listy artykułów..
Udostępniamy szablon w taki sam sposób jak nasz plik indeks.php na poprzednich lekcjach, zorganizować funkcje.
<?php get_header(); ?>
<?php get_footer(); ?>
Ponieważ już to zrobiliśmy poprzednie lekcje, nie powtarzajmy się i idźmy dalej, to jest twoja własna praca, następnie sprawdź.
Potrzeba podzielenia szablonu archive.php.
Na początek stwórzmy 2 plik sidebar-left.php i sidebar-right.php. Do pliku sidebar-left.php przenosimy kod z pliku archive.php, który pokażę poniżej:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<section> <header> <h2>Ipsum Dolor</h2> </header> <p> Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat. </p> <ul class="link-list"> <li><a href="#">Sed dolore viverra</a></li> <li><a href="#">Ligula non varius</a></li> <li><a href="#">Dis parturient montes</a></li> <li><a href="#">Nascetur ridiculus</a></li> </ul> </section> <section> <header> <h2>Magna Phasellus</h2> </header> <ul class="link-list"> <li><a href="#">Sed dolore viverra</a></li> <li><a href="#">Ligula non varius</a></li> <li><a href="#">Nec sociis natoque</a></li> <li><a href="#">Penatibus et magnis</a></li> <li><a href="#">Dis parturient montes</a></li> <li><a href="#">Nascetur ridiculus</a></li> </ul> </section> |
Poniższy kod przenosimy do pliku sidebar-right.php z pliku archive.php:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<section> <header> <h2>Magna Phasellus</h2> </header> <ul class="link-list"> <li><a href="#">Sed dolore viverra</a></li> <li><a href="#">Ligula non varius</a></li> <li><a href="#">Nec sociis natoque</a></li> <li><a href="#">Penatibus et magnis</a></li> <li><a href="#">Dis parturient montes</a></li> <li><a href="#">Nascetur ridiculus</a></li> </ul> </section> <section> <header> <h2>Ipsum Dolor</h2> </header> <p> Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat. </p> <ul class="link-list"> <li><a href="#">Sed dolore viverra</a></li> <li><a href="#">Ligula non varius</a></li> <li><a href="#">Dis parturient montes</a></li> <li><a href="#">Nascetur ridiculus</a></li> </ul> </section> |
Po utworzeniu dwóch plików (sidebar-left.php, sidebar-right.php) i przekazywanie im kodu, musisz dołączyć ten kod do pliku archive.php. Połączenie jest nawiązywane za pomocą funkcji
<?php get_sidebar('lewy'); ?>. Nawiasy wskazują drugą część nazwy pliku. funkcja get_sidebar('lewy') zawiera plik sidebar-left.php.
Jeśli w swojej praktyce w szablonach innych osób natkniesz się na funkcję get_sidebar('lewy') żadnych atrybutów w nawiasach get_sidebar(), to znaczy, że pasek boczny został utworzony w folderze szablonów i dołączony do domyślnej nazwy (pasek boczny.php).
Podczas tworzenia stron internetowych wszystko należy robić stopniowo i ostrożnie., a po przeróbkach szablon nadal okazywał się nieporęczny, musimy bardziej rozdzielić statyczne części szablonu na osobne pliki.
Stwórzmy dwa pliki zawartość-top.php i zawartość-bottom.php. Aby dołączyć te pliki, użyjemy funkcji get_template_part() z dwoma atrybutami get_template_part( „góra treści”, get_post_format() ). W pierwszym atrybucie określamy nazwę pliku, który ma zostać uwzględniony., aw drugim atrybucie funkcja get_post_format() która zwraca format rekordu. Drugi atrybut opcjonalny i to oznacza, że, że po prostu nie jest to wymagane, jeśli nie będziesz go używać w przyszłości.. Więcej szczegółów na temat funkcji może być przeczytaj kod wordpress.
Szablon partycji index.php oraz archive.php z get_template_part().
Tak myślę, dobrze byłoby nie publikować tutaj długiego kodu, i opublikuj wynik poniżej, abyś mógł samodzielnie przeanalizować szablon. Samoanaliza zgodnie z otrzymanymi zaleceniami będzie bardziej efektywna, niż czytanie długiego arkusza informacji. Będą pytania, Napisz w komentarzach.
Ulepszenia po podzieleniu szablonu
Aby poprawnie wyświetlić tytuł i datę, użyj następującego kodu:
|
1 2 3 4 5 6 7 8 |
<header> <h2 class="entry-title"><a title="<?php echo the_title_attribute( 'echo=0' ); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2><br /> <span class="date"> <span class="month"><?php the_time('M'); ?></span> <span class="day"><?php the_time('j'); ?></span> <span class="year"><?php the_time('Y'); ?></span> </span> </header> |
Przeanalizujmy po kolei kod szablonu:
atrybut_tytułu() – wyświetlanie tytułu posta dla atrybutu title.
the_permalink() - wyświetla link do wpisu, dopóki nie zadziała, ponieważ nie skonfigurowaliśmy jeszcze ani jednego szablonu posta.
tytuł() - służy do wyświetlania tytułu posta.
czas() - wyświetla datę bieżącego wpisu. Możesz go użyć tak jak w naszym przykładzie lub w nieco inny sposób., przykłady można znaleźć m.in oficjalny przewodnik.
Również w szablonie archive.php użyłem funkcji the_fragment() który wyświetla sekcję artykułu przed znacznikiem Dalej, które można umieścić w aktach. Jeśli chcesz wyprowadzić nie segment w archiwum, i cały artykuł, wtedy możesz użyć funkcji Zawartość().
Dodano funkcje do szablonu, przydatne do stylizacji poszczególnych postów szablonów:
klasa_post() – dodatkowe klasy przydatne dla twórców motywów, ta funkcja może wyświetlić kategorię postów, rekord typu. Później przyjrzymy się temu bardziej szczegółowo., jeśli tego potrzebujemy. Jeśli chcesz dodać własną klasę, następnie można go wprowadzić jako atrybut funkcji post_class('Nazwa klasy').
dowód osobisty() - wyświetla identyfikator wpisu na liście wszystkich wpisów.
Przykład użycia:
|
1 |
<section class="is-post is-post-excerpt" <?php post_class(); ?> id="post-<?php the_ID(); ?>"> |
Pliki lekcji
Ta lekcja się kończy, dalej porozmawiamy, jak wyświetlić miniaturę.
/*
- Podstawowy kurs projektowania stron internetowych;
- Układ stron;
- Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
- Tworzenie stron internetowych w PHP.
