Szukaj…


Tworzenie podstawowego pustego szablonu

Aby utworzyć szablon niestandardowy, musimy najpierw utworzyć plik php w katalogu motywów. Możesz to nazwać prawie w dowolny sposób. W tym przykładzie utworzymy example.php

Jedyną rzeczą, którą musimy zdefiniować w naszym example.php, aby zostać rozpoznanym przez WordPress jako szablon, jest nazwa szablonu. Robimy to, umieszczając specjalny komentarz na górze pliku, taki jak ten:

<?php
/*
Template Name: Example
*/
?>

A teraz, kiedy powinniśmy zobaczyć nasz szablon na liście rozwijanej Szablon w polu Atrybuty strony

WordPress Dashboard Dodaj zrzut ekranu sekcji Nowa strona

Dołączanie nagłówka i stopki do naszego szablonu

Rozszerzmy nasz szablon z góry i dołączmy treść z header.php i footer.php

W tym nagłówek:

Dodamy nagłówek zaraz po komentarzu do nazwy szablonu

Istnieją dwa typowe sposoby, aby to zrobić. Oba są poprawne i działają tak samo, zależy tylko od twojego stylu i wyglądu kodu

Pierwszy sposób:

<?php
/*
Template Name: Example
*/
get_header();
?>

Drugi sposób:

<?php
/*
Template Name: Example
*/
?>
<?php get_header(); ?>

W tym stopka:

Dołączanie stopki działa w ten sam sposób, jest tylko jedna rzecz, o którą musimy się troszczyć, a mianowicie stopka po dodaniu nagłówka. Tak więc ostateczny szablon powinien wyglądać mniej więcej tak.

<?php
/*
Template Name: Example
*/
get_header();
?>

<?php get_footer(); ?>

Szablon niestandardowy z zawartością

Będziemy dalej rozszerzać nasz szablon i zawierać tytuł strony i treść

<?php
/*
Template Name: Example
*/
get_header();
    
the_title();
the_content();
    
get_footer();

A jeśli chcesz, możesz owinąć je takimi elementami HTML

<?php
/*
Template Name: Example
*/
get_header();

echo '<h1>' . the_title() . '</h1>';
echo '<section> . 'the_content() . '</section>';

get_footer();

Lub jeśli wolisz pracować jak normalny plik HTML, bez użycia echa

<?php
/*
Template Name: Example
*/
get_header();
?>

<h1><?php the_title(); ?></h1>
<section><?php the_content(); ?></section>

<?php get_footer(); ?>


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow