Bootstrap Wordpress tutorial logo

Page.php czyli widok pojedynczej strony

autor: Robert

1 grudnia 2014

Nasza strona, prócz wpisów na blogu musi zawierać także zwykłe podstrony na których umieścimy na przykład informacje o sobie. Służy do tego plik page.php

Najważniejszym elementem takiej strony jest informacja zawarta w komentarzu na początku jej kodu. Otwieramy znacznik kodu php czyli <?php, następnie otwieramy komentarz czyli /* wewnątrz którego umieszczamy tekst: Template name: Pojedyncza strona. Zamykamy komentarz */ oraz znacznik kodu php ?>

.

Teraz przy tworzeniu nowej strony w panelu po prawej pojawi nam się szablon o nazwie „Domyślny szablon”.

Zajmijmy się teraz pozostałym kodem naszego pliku page.php.

Podobnie jak w przypadku innych plików naszej templatki musimy zaimportować plik header.php odpowiedzialny za wyświetlanie naszego nagłówka. Korzystamy w tym celu z funkcji <?php get_header(); ?>

Następnie otworzymy sobie bootstrapowy kontener i jego standardową zawartość czyli divy z klasami .container, .row, .col-md-8

Tutaj podobnie jak w przypadku pojedynczego wpisu skorzystamy z The Loop, która pobierze nam tytuł strony oraz treść, którą wprowadzimy w edytorze wizualnym podczas tworzenia tej podstrony.

Otwieramy The Loop: <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>. Wewnątrz umieszczamy funkcję <?php the_title( $before = '<h3>', $after = '</h3>', $echo = true ) ?>, która wyświetli nam tytuł strony otoczony znacznikami h2. Następnie musimy pobrać treść naszej strony, służy do tego podobnie jak w przypadku postów funkcja <?php the_content(); ?>. Teraz zamykamy wszystkie elementy The loop za pomocą <?php endwhile; ?>, <?php else: ?> oraz <?php endif; ?>. Mając już wszystko co potrzebne do wyświetlenia zawartości podstrony zamykamy sobie diva z klasą .col-md-8.

Teraz pozostaje nam wyświetlenie panelu bocznego. Otwieramy sobie zatem div z klasą .col-md-4 wewnątrz którego umieszczamy funkcję wyświetlającą panel boczny czyli <?php get_sidebar(); ?>. Zamykamy wszystkie otwarte divy czyli te z klasami .col-md-4, .row oraz .container.

Ostatni element to pobranie naszej stopki czyli pliku footer.php za pomocą znanej wam już funkcji <?php get_footer(); ?>.

Teraz pozostaje już tylko utworzyć nową stronę, wybrać szablon „Domyślny szablon”, wprowadzić jakąś treść, opublikować stronę i można ją dodać do menu albo do panelu bocznego:)

Przejdź do przykładowej strony

Komentarze: Bądź pierwszy!