---
# System prepended metadata

title: Wordpress Template de page et fonctions Wordpress
tags: [' wordpress', ' php', support]

---

---
title: Wordpress Template de page et fonctions Wordpress
tags: support, wordpress, php
robots: noindex, nofollow
author: Julien Noyer
---

# Wordpress thème, template de page et fonctions Wordpress

![](https://i.imgur.com/JM9m2Sh.jpg)

> Sources : [Google Drive](https://drive.google.com/drive/folders/1zrtSbj-T2xxmYo1N7aNLqpA-I9NHGelq?usp=sharing)

# Les thèmes Wordpress

Quelque soit lee thème que vous avez sélectionné il est essentiel de créer un thème enfant si vous souhaitez le modifié. Dans certains cas lorsque vous acheté un thème, un thème enfant vous est directement fournir, si ce n'est pas le cas vous deevez utilisé une extension spécifique : 

- [Child Theme Configurator](https://www.childthemeconfigurator.com)

> Il est possible de télécharger l'extension directement depuis l'interface Wordpress.

# Créer un template de page

Un template de page permet de créer des mise en page personnalisé sur Wordpress. Une fois créé, le template pour être sélectionner dans le backend de Wordpress dans la section "Modèle de page".

Pour créer un template de page il faut avant tout créer un thème enfant pour y ajouter un fichier nommé `template-MON-TEMPLAPE.php`.

> Le nom en majuscule est à adapter selon vos besoins.

Les éléments de base à placé sur le fichier PHP sont : 

```php
<?php
/**
 * Template Name: NOM DU TEMPLATE
 * Template Post Type: page
 */
?>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="profile" href="http://gmpg.org/xfn/11">

        <!-- A conserver pour utiliser les extensions WP -->
        <?php wp_head(); ?>
    </head>

    <body>

        <header>
            <!-- Récupération du titre -->
            <h1><?php the_title(); ?></h1>
            <!-- Récupérration de l-image mise en avant -->
            <img src="<?php echo get_the_post_thumbnail_url() ?>" alt="<?php the_title(); ?>">
        </header>

        <section>
        <?php
            // Récupération du contenu
            while ( have_posts() ) : the_post();
                the_content();
            endwhile;
        ?>
        </section>

        <?php
        /* A conserver pour affichier la barre d'administration WP */
        get_footer();
```

Les balises HTML placées dans ce fichier sont placées à titre indicatif pour présenter unn DOM basique. Différentes fonctions PHP sont également présentée pour rendre le template de page dynamique, c'est à dire que lee contenu de la page est administré depuis le backend de Wordpress.


# Les fonctions Wordpress

Pour utiliser Wordpress en profitant de la puissance de sont moteur, il est très utilile dee s'intérresser aux fonctions PHP de Wordpress qui vous permettront de faire de faire de Wordpress un foormidable outil de dévdloppement.

## Récupérer l'adresse du dossier du thème actif

Pour associeer des fichiers externes dans un template de page, il faut tout d'abord êtrer capable de récupérer l'URL du dossier du thème actif : 

```php
<?php echo get_stylesheet_directory_uri(); ?>
```

> Très utile pour intégrer un CSS spécifique au template de page.


## Récupérer le titre d'une page (ou d'un post)

Lees titre sont défini dans la zonz "Titre" d'une page ou d'un post Wordpress

```php
<?php the_title(); ?>
```

> Cette fonction récupère une chaine de caractère


## Récupérer l'image de connverture d'une page (ou d'un post)

Les image de couverture sont défini dans la partie "Image à la une" dans l'interrface Wordpress

```php
<?php echo get_the_post_thumbnail_url() ?>
```

> Cette fonction est à utiliserr pour récupérer l'URL de l'image

## Récupérer le contenu d'une page (ou d'un post)

Tous le contenu est récupéré mais les "shortcodes" ne sont pas exécuté

```php
<?php
    // Récupération des variables de l'article
    while ( have_posts() ) : the_post();
        the_content();
    endwhile;
?>
```

> La fonction "the_content()" doit être utiliser dans la boucle

## Récupérer le contenu d'une page ou d'un post par son ID

Pour connstruire un sitee complet il peeur être utile de le structuré en différrentes pages

```php
<!-- Récupéré le contenu du post ID 20 -->
<?php
    // Créer une variable pour l'ID du post
    $aboutPost = get_post(20); 
    // Créer une variable pour le titr du post
    $title = $aboutPost->post_title;
    // Créer une variable pour le contenu du post
    $content = $aboutPost->post_content;
    // Afficher le titre du post dans une balise H2
    echo "<h2>".$title."</h2>";
    // Afficher le contenu du post
    echo $content;
?>
```
## Utiliser les codes courts dans un template de page

Les codes courst permettent d'utiliser des extension Worrdpres directement dans un templatee de page en utilisant la fonction `do_shortcode()` : 

```php
<?php 
    echo do_shortcode( '[contact-form-7 id="24" title="Contact Form"]' ); 
?>
```

## Récupérer les posts d'une catégorie

Il eest possible de créer une liste d'article dans un template de page en utilisant la fonction `query_posts()` de Wordpress.

```php
<!-- Récupérer la liste d'article d'une catégorie -->
<ul>
    <?php query_posts('cat=2&orderby=post_title&order=ASC'); while (have_posts()) : the_post(); ?>
        <!-- Boucle PHP -->
        <img src="<?php echo get_the_post_thumbnail_url() ?>" alt="<?php the_title(); ?>">
    <?php endwhile; ?>
</ul>
```

> Dans la boucle `while` il est poossibl d'appeler les autrers fonctions Wordpress pour afficher le contenu du post.