Création d'une page d'accueil WordPress personnalisée

Il n'y a pas autant de choses qui sont aussi importantes pour votre entreprise que la page d'accueil de votre site. C'est le meilleur représentant de votre entreprise, ainsi que de tout ce qu'elle a de bon et de mauvais , alors naturellement, vous voulez qu'elle soit mémorable. Et comment parvient-on à laisser une forte impression d'unicité sur les visiteurs de son site Web ? En créant une page d'accueil WordPress personnalisée, bien sûr. Si vous avez déjà eu des problèmes avec la création de pages de destination, vous pourriez penser que ce sera mission impossible. Pour le monde en constante évolution et en constante évolution de WordPress, il n'y a rien de tel.

Sélection d'une page à utiliser comme page d'accueil

Habituellement, la première étape est toujours la plus compliquée. Et il pourrait sembler que ce soit le cas ici, mais vous vous rendrez vite compte du contraire une fois que vous aurez commencé le processus. Pour démarrer le processus, allez dans Pages - Ajouter un nouveau, créez une page que vous nommerez Accueil, puis publiez-la . À ce moment précis, le design et la mise en page de la page ne doivent pas être votre principale préoccupation. Cela vient plus tard. Maintenant, à condition que vous souhaitiez intégrer une section de blog sur votre site Web, créez une page de blog distincte en répétant le même processus. La seule exception est que vous devez nommer cette page Blog plutôt que Accueil.

Rendez-vous sur Paramètres - Page de lecture, et sous la section "Votre page d'accueil s'affiche", choisissez l'option "Une page statique". Choisissez les deux pages que vous avez créées précédemment comme page d'accueil et page de blog et n'oubliez pas de "Enregistrer les modifications " une fois que vous avez terminé. Ne vous a-t-on pas dit que ce n'est pas aussi compliqué qu'il n'y paraît ? L'un des avantages d'utiliser un site Web WordPress est précisément sa simplicité. Et maintenant que vous avez une toile vierge sous la forme d'une page d'accueil, nous pouvons commencer à la personnaliser !

Utilisation de l'éditeur Gutenberg pour créer une page d'accueil WordPress personnalisée

Lorsque l'éditeur Gutenberg a été lancé en décembre 2018, l'opinion publique était divisée. Certains y ont vu une grande amélioration et d'autres ne pouvaient pas imaginer passer à Gutenberg après avoir travaillé si longtemps avec l'éditeur classique. Quel que soit le côté de la médaille auquel vous croyez, une chose ne peut être niée : le Gutenberg facilite la création de belles pages et publications. L'éditeur Gutenberg utilise des blocs pour chaque élément de contenu et rend leur manipulation aussi simple que possible. Vous avez des blocs qui peuvent être utilisés comme média, texte, images de couverture, colonnes - vous l'appelez.

Si vous souhaitez rendre l'édition encore plus simple (et plus amusante), vous pouvez utiliser un thème WordPress prêt pour Gutenberg, tel qu'Astra. Tout ce que vous avez à faire est d'importer un modèle et de laisser libre cours à votre imagination lors de l'édition et de la personnalisation. Le résultat final ? Une page d'accueil magnifique, professionnelle et unique !

Les constructeurs de pages vous aideront à créer une page d'accueil WordPress personnalisée

Si nous devions choisir le moyen le plus simple de créer une page d'accueil WordPress personnalisée, ce serait probablement celui-ci. Il ne nécessite aucune compétence en codage - il suffit d'installer et d'activer le plugin de création de pages WordPress. Il vous permettra de créer de belles mises en page grâce à son interface glisser-déposer . Certes, cela semble attrayant, n'est-ce pas? Eh bien, utiliser des constructeurs de pages est aussi simple que cela puisse paraître.

Une fois que vous avez choisi un constructeur de page que vous souhaitez utiliser, optez pour un modèle de page d'accueil personnalisé que vous devriez pouvoir installer en quelques clics. Vous pourrez désormais remplacer le texte, les images et le contenu par les vôtres , et vous pourrez même étendre le modèle en ajoutant différentes sections. N'oubliez pas, tout cela sans avoir à écrire une seule ligne de code !

Création manuelle d'une page d'accueil WordPress personnalisée

Maintenant, c'est là que les choses se compliquent. Alors que les deux méthodes précédentes ne nécessitaient aucune compétence en matière de codage, celle-ci le fait. Pour oser essayer cette méthode, vous devez être familiarisé avec CSS, HTML, PHP et certaines pratiques de codage de base. Alors, comment cela fonctionnera-t-il et comment devrez-vous exactement utiliser vos compétences en codage ?

WordPress étant composé de différents fichiers et certains d'entre eux étant appelés modèles et contrôlant différentes zones de votre site Web, vous devez trouver le modèle étiqueté comme front-page.php. Au cas où il n'y en aurait pas, vous devrez créer un tout nouveau font-page.php. Ce modèle sera utilisé pour afficher votre page d'accueil par WordPress. Si vous avez créé une nouvelle page, ce modèle sera complètement vide. C'est à ce moment-là que vous pouvez commencer à ajouter du code HTML pour afficher différents éléments de votre future page d'accueil magnifique.

Si vous choisissez de créer votre page d'accueil manuellement, nous vous conseillons d'utiliser un thème enfant ou votre propre thème personnalisé. La modification des fichiers de votre thème parent peut être dangereuse, car cela peut annuler vos modifications si vous mettez à jour votre thème. Et saviez-vous qu'au lieu d'utiliser front-page.php, vous pouvez également créer votre propre modèle et l'utiliser pour votre page d'accueil ? Voici comment vous pouvez créer ce modèle dans le thème enfant ou personnalisé.

Créez un nouveau fichier à la racine de votre thème appelé homepage.php.
Ajoutez le code suivant :
<?php / Nom du modèle : Page d'accueil*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<main id=”main” class=”site-main” role=”main”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Créez une nouvelle page dans WordPress et sous Attributs de page, vous devriez maintenant avoir une page d'accueil sous le modèle. Choisissez ceci au lieu du modèle par défaut. Bien sûr, n'oubliez pas d'aller dans Paramètres-> Lecture et Faites de cette page votre page d'accueil. Vous pouvez maintenant personnaliser votre page d'accueil autant que vous le souhaitez avec HTML CSS PHP et Javascript.

Bien sûr, il serait beaucoup plus facile d'utiliser un code et un modèle déjà existants plutôt que d'en créer de nouveaux. Dans cette situation, vous pouvez utiliser certains éléments tels que l'en-tête et le pied de page et en supprimer d'autres. Nous ne savons pas pour vous, mais notre équipe WP Full Care trouve que c'est une approche beaucoup plus facile. Et notre équipe se chargera également de créer un magnifique en-tête et pied de page personnalisé pour votre charmant nouveau site Web.

Quelle méthode sera la gagnante pour vous ?

Si vous êtes un débutant dans le monde WP, la réponse est assez simple, n'est-ce pas ? Écrire des lignes de code sera une tâche trop lourde pour vous pour le moment. Heureusement, vous disposez de deux méthodes simples et efficaces pour créer une page d'accueil WordPress personnalisée. Après tout, l'éditeur Gutenberg et les différents constructeurs de pages facilitent la création de contenu unique. Si, en revanche, vous vous sentez prêt à vous challenger, pourquoi ne pas opter pour la troisième méthode ? Bien que vous deviez rester sur vos gardes avec celui-ci. Écrire des lignes de codes n'est jamais une tâche simple. Loin de là. Il y a beaucoup de place pour l'erreur, et cela peut arriver quand on s'y attend le moins. De plus, avec toutes les options plus simples qui existent, vous devez vraiment vous demander si cela en vaut la peine.