WordPress : Comment créer des mises en page personnalisées et des pages statiques dans des thèmes pour les clients

Publié par Jean-Michel le

Comment créer de belles pages personnalisées dans mes thèmes. J’ai décidé d’utiliser des traits de soulignement pour créer des thèmes clients personnalisés, car j’ai besoin d’une liberté totale de conception, et tous les tutoriels que j’ai trouvés sur le développement de thèmes semblent simplement montrer comment créer des sites Web de style blog, mais j’aimerais construire des sites avec des mises en page multi-colonnes, des icônes, des appels à l’action, un curseur d’accueil.. essentiellement du contenu statique, mais des parties du site Web où le client peut ajouter une galerie.. peut-être un calendrier, publier des mises à jour, ajouter des diapositives à un curseur etc.

Dois-je simplement jeter le code HTML statique dans un fichier de modèle, puis mettre en file d’attente le css et les scripts correspondants, puis ajouter des zones widgetisées si nécessaire? J’apprécierais vraiment l’aide de quiconque, et peut-être des liens vers du matériel de lecture / des tutoriels sur le sujet ? J’ai fait pas mal de recherches mais je suis encore un peu perdu…

Solution n°1 trouvée

Pourquoi ne pas commencer par créer un site Web de style blog ? Si vous êtes nouveau sur WordPress, il est préférable de commencer par quelque chose de relativement simple, pour lequel il existe de nombreux tutoriels. La pratique vous donnera les compétences nécessaires pour atteindre quelque chose de plus élevé, comme la liste des ambitions que vous donnez.

Si vous avez besoin de toutes ces choses que vous dites en ce moment, vous feriez mieux d’acheter un thème de cadre décent, qui contient tous les éléments dont vous avez besoin. Vraiment, cela ne vous frustrera que si vous essayez de créer un thème complexe à partir de zéro sans une pratique facile et intermédiaire au préalable.

Solution n°2 trouvée

Pages statiques : Valide ?

Oui. Vous pouvez absolument ajouter des pages statiques qui n’ont rien à voir avec un blog en dehors de l’utilisation de l’API de « routage » WordPress prête à l’emploi et de la base de données.

Styles, Scénario : Comment ?

Ajoutez simplement vos styles et scripts personnalisés à votre thème. Ensuite, enregistrez-les et mettez-les en file d’attente. Vous pouvez ajouter vos propres modèles de page. Depuis WP 3.4, les fichiers de modèle de page réels peuvent être collectés dans un sous-répertoire de thèmes pour une meilleure organisation. Ajoutez simplement un commentaire de modèle et rendez-les disponibles :

<?php
/** Template Name: Landing Page for Small Business */

// Optional: Use a custom header
get_header( 'customheader' );
// Rest of your static page template code

Lorsque vous ajoutez ensuite une nouvelle page, le nouveau modèle apparaîtra dans votre méta-boîte « Attributs de page » et ressemblera à ce qui suit :

entrez la description de l'image ici

Options d’auteur : comment ?

Les pages sont, comme les entrées du menu de navigation et d’autres choses, juste un simple message (dans la base de données) avec un fichier post_type. Cela signifie que vous pouvez également ajouter des boîtes méta comme vous le feriez pour tous les autres types de publication (personnalisés). Ajoutez simplement une nouvelle méta-boîte, puis enregistrez les nouvelles métadonnées de publication. Vous pouvez même supprimer l’éditeur par défaut. Enfin, récupérez simplement vos métadonnées de publication enregistrées dans votre modèle. Vous pouvez vider toutes vos données personnalisées de messages en utilisant get_post_custom( get_the_ID() );dans la boucle de votre modèle de page personnalisé :

<?php
/** Template Name: Landing Page for Small Business */
get_header( 'specialheader' );
// The Loop:
if ( have_posts() )
{
    while ( have_posts )
    {
        the_post();

        the_title();
        // All your post meta data:
        var_dump( get_post_custom( get_the_ID() ) );
    }
}

Le reste dépend de vous et de votre imagination. Créez une interface utilisateur pour la personnalisation des curseurs dans votre méta-boîte, effectuez des sélections, des boutons radio ou tout autre élément de formulaire et options que vous pouvez proposer.

Solution n°3 trouvée

Si vous avez déjà de l’expérience avec HTML et CSS, je vous suggère de commencer par créer des pages comme vous le souhaitez, puis de regarder https://codex.wordpress.org/Template_Tags pour voir comment vous pouvez remplacer les sections clés des pages dynamiquement depuis WordPress.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *