Étapes à suivre pour créer un modèle avec Elementor
J'ai décidé d'écrire ceci après avoir eu du mal à faire ce qui est annoncé dans le titre, principalement parce que je n'avais pas utilisé Elementor depuis longtemps et parce que les Builders, aussi intuitifs qu'ils prétendent être, ne sont pas comme faire du vélo. De plus, je suis passé à la version PRO il n'y a pas si longtemps.
Alors, comme j'ai dû chercher et bidouiller pendant un certain temps avant de trouver ce que je cherchais, je laisse ici le processus au cas où il serait utile à quelqu'un qui se trouve dans la même situation.
La mission consiste à créer un modèle amélioré à partir de votre modèle actuel avec Elementor, puis à l'appliquer à tous les messages.
Cela peut également être réalisé avec la version gratuite de Elementor bien que je me souvienne que la manière de le créer et de l'appliquer est différente et beaucoup moins automatisée.
Pour commencer, si vous avez l'intention d'apporter des modifications directement sur le modèle, il va sans dire que vous devez toujours travailler sur un thème enfant afin de ne pas perdre les modifications dans les mises à jour du modèle.
Si vous ne l'avez pas, vous devriez le créer et découvrir pourquoi vous devriez l'avoir. Le "thème enfant" peut être réalisé manuellement ou avec un plugin. A propos de cette vous avez des informations pour vous ennuyer.
Dans mon cas, j'ai réalisé le modèle sur celui de GeneratePress PROqui, soit dit en passant, est une excellente combinaison avec Elementor PRO bien que le processus soit le même pour tout autre modèle.
Voici les étapes à suivre.
Option 1
La première étape est celle habituelle pour un modèle. Ouvrez votre éditeur préféré, tel que bootstrap et tapez :
<?php
/*
* Template Name: Mi-plantilla
* Template Post Type: post
*/
get_header(); ?>
>
<main id="main" <?php generate_do_element_classes( 'main' ); ?>>
<?php
/**
* generate_before_main_content hook.
*
* @since 0.1
*/
do_action( 'generate_before_main_content' );
if ( generate_has_default_loop() ) {
while ( have_posts() ) :
the_post();
generate_do_template_part( 'single' );
endwhile;
}
/**
* generate_after_main_content hook.
*
* @since 0.1
*/
do_action( 'generate_after_main_content' );
?>
</main>
<?php
/**
* generate_after_primary_content_area hook.
*
* @since 2.0
*/
do_action( 'generate_after_primary_content_area' );
generate_construct_sidebars();
get_footer();Copiez maintenant tout ce qui se trouve après get_header() ; ?> dans la page single.php de votre modèle actuel.
Collez ensuite tout ce que vous venez de copier juste en dessous de get_header() ; ?> dans votre nouveau fichier et enregistrez-le dans le dossier de votre thème enfant avec l'extension .php et le nom que vous voulez. Choisissez un nom qui vous permette de vous souvenir qu'il s'agit de votre nouveau modèle, comme mon-template.php
La chose est comme ceci.
À partir de là, il y a deux possibilités. La première consiste à créer un nouveau message et à appliquer "Mon-modèle" dans les attributs de saisie pour commencer à configurer la chose
Il vous suffit ensuite d'enregistrer votre travail en tant que modèle, auquel cas vous pouvez sauter les étapes jusqu'à"Mise en page" ou emprunter la deuxième voie, peut-être moins déroutante, qui est celle décrite ci-dessous.
Option 2
Dans le menu "Modèles", sélectionnez "Ajouter nouveau".
Sur l'écran suivant, nous choisissons Single Post. Nous lui donnons le nom que nous voulons et cliquons sur CREATE TEMPLATE.
L'écran suivant nous montre la bibliothèque de modèles disponibles.
Nous fermons cette fenêtre de bibliothèque sans rien sélectionner (à moins que vous ne vouliez commencer la mise en page avec l'un de ces modèles) et nous verrons ce qui suit (avec l'aspect de votre modèle).
Normalement, vous verrez déjà l'en-tête avec l'en-tête, les menus et le pied de page.
Pour la mise en page
Cliquez sur le cercle rouge avec le symbole + et la boîte suivante apparaîtra pour choisir la structure de votre page d'affichage.
Ici, le choix est simple. Si les pages d'articles de votre blog ont une barre latérale à droite, à gauche, les deux ou aucune, choisissez l'option qui correspond.
Dans tous les cas, si vous avez l'intention de reproduire exactement la disposition des éléments de vos pages d'articles actuels, cette structure doit correspondre. Annuler ce que vous avez fait pour ajouter des espaces par la suite impliquerait nécessairement de supprimer les cellules et les widgets et de repartir de zéro à partir de l'étape du choix de la structure.
Dans mon cas, comme dans mon modèle j'utilise une barre latérale à droite, je choisis celle-ci
N'oubliez pas que si un jour vous décidez de changer la barre latérale de droite à gauche ou de la supprimer, vous devrez créer un nouveau modèle de message avec cette nouvelle structure, car c'est Elementor qui régit désormais cette option.
Widget Tetris
Il est maintenant temps de tout mettre à sa place, nous ajoutons la barre latérale et nous commençons à travailler sur la disposition des widgets des choses qui seront affichées.
En général, les options
Parmi les mille choses qui peuvent être configurées, il est également possible de sélectionner n'importe quelle entrée comme aperçu. De cette façon, il est possible de voir les changements s'actualiser en temps réel sur un contenu spécifique.
Publication
Une fois que nous avons terminé, vérifié que dans les paramètres généraux nous avons tout ce dont nous avons besoin, que le site ressemble à ce que nous voulons qu'il apparaisse et que nous avons fait les aperçus nécessaires, nous pouvons l'enregistrer ou le publier. Si nous choisissons de la publier, vous pouvez faire en sorte qu'elle s'applique à toutes les entrées. Vous pouvez également choisir de le tester sur un seul ancien article si vous ne voulez pas risquer que vos visiteurs rencontrent des erreurs inattendues.
Le même processus fonctionne pour créer des modèles de post et des modèles de page de différents types. N'ayez pas peur de faire une erreur, pour rétablir toutes les modifications à votre modèle par défaut, il suffit de revenir à cette configuration et de supprimer la condition et tout reviendra à l'état dans lequel il était avant que vous n'appliquiez le modèle.
