background preloader

WordPress – Personnaliser un thème ? Oui, avec un child theme - Tutoriels

WordPress – Personnaliser un thème ? Oui, avec un child theme - Tutoriels
Les thèmes WordPress sont de plus en plus courus par tous : débutants, blogueurs confirmés ou professionnels du web. Il est possible d’en obtenir gratuitement un peu partout sur la toile, pas toujours de bonne qualité, pas toujours très sécurisés, comme il est possible d’en obtenir de payants (je n’ai pas dit qu’ils étaient mieux). Dans tous les cas il est possible de les personnaliser. Plusieurs solutions Wild tweaking La première, la moins propre, consiste à modifier directement les fichiers du thème, améliorer les portions de code des articles, des commmentaires, ou simplement de l’en-tête de votre document ou du fichier functions.php pour ajouter quelques morceaux de code trouvés sur la toile. Soit. En effet, à l’instar des plugins, les thèmes sont versionnés et peuvent subir des mises à jour (amélioration de fonctionnalité, mise à jour de sécurité, etc.). Child Theme La seconde solution, de loin ma préférée : créer un thème enfant. Voyons cela en détail avec des exemples concrets. par <? Related:  thèmes

WordPress Twenty Eleven Child Theme : Solarized Voici quelques manipulations que j’ai faites afin de modifier mon installation du thème par défaut de WordPress : Twenty Eleven. Pour plus d’informations quant à l’édition du thème Twenty Eleven, que j’estime très souple et complet, je vous conseille les quelques pages suivantes : C’est parti pour l’édition de Twenty Eleven et, grande nouveauté pour moi, lui donner quelques couleurs ! Créer un thème enfant afin de ne pas devoir refaire les manipulations à chaque mise à jour du thème ; Assez simple au demeurant, créez le dossier twentyelevenchild à côté de celui de votre thème, c’est à dire dans /wp-content/themes/. /* Theme Name: Twenty Eleven Child Theme URI: Description: Child theme for the Twenty Eleven theme Template: twentyeleven Version: 42 */ /* We must first include the original css from the parent theme */ @import url(".. Utiliser Cantarell (la police par défaut de Gnome depuis la version 3.0) comme police d’affichage ; Du joli code

Créer un thème WordPress enfant : est-ce vraiment nécessaire en 2021 ? Il y a bien longtemps, dans une galaxie lointaine, très lointaine, tout le monde recommandait d’utiliser un thème enfant pour personnaliser le code d’un thème WordPress. Bon, d’accord, ce n’était peut-être pas il y a si longtemps que ça. Aujourd’hui, le recours à un thème WordPress enfant ne doit plus être systématique. Il est vrai que sans un thème enfant, on risque de perdre toutes nos modifications à la prochaine mise à jour de notre thème. Mais tout ça, c’était avant. Qui a envie de passer des heures à bidouiller et de prendre le risque de tout planter à cause d’une petite erreur dans le code ? Dans cet article, nous allons faire le point sur cette bonne pratique qui, au final, ne concerne pas tout le monde. Pour savoir comment créer un site WordPress de A à Z, consultez notre guide complet. Qu’est-ce qu’un thème enfant ? Le thème parent reste intact, toutes les modifications sont apportées au thème enfant. Voilà pour la théorie. Pourquoi et dans quels cas utiliser un thème enfant ? <?

Changer le lien « lire la suite » dans un thème enfant Wordpress en conservant la traduction | Matthieu Larcher Le thème WordPress TwentyEleven nous offre une bonne structure avec du markup Html5 et un paquet de bonnes choses. C’est un bon point de départ pour construire votre propre thème enfant. Malheureusement, modifier certains de ses morceaux peut parfois se montrer bien moins évident qu’on imagine. Une bonne raison de modifier ce lien est d’y ajouter une classe afin d’avoir un meilleur contrôle côté CSS, ou bien de modifier le texte pour écrire « Read more » au lieu de « Continue reading » afin d’être plus concis. Découvrir Dans le functions.php de twentyeleven, vous trouverez C’est là que le lien est défini. D’habitude, le simple fait de placer une fonction avec le même nom dans notre thème enfant suffit à écraser la fonction du thème parent. Comme vous l’avez deviné, twentyeleven_auto_excerpt_more n’est pas si aimable pour les développeurs de thèmes enfants. Implémenter Aller plus loin Et si vous vouliez changer le texte ? et pas En résumé

OceanWP : pouvez-vous vous passer de ce thème vedette ? Il n’est pas aussi connu que des sportifs ou des chanteurs célèbres. Mais s’il continue sur sa lancée, il pourrait l’être un jour, tant sa croissance est vertigineuse. Lui, c’est OceanWP, « un thème gratuit de qualité avec des caractéristiques premium », comme l’explique la page À Propos du site qui lui est dédié. Avec plus de 700 000 installations actives et une ribambelle d’avis positifs (note de 4,9 sur 5 sur plus de 4 700 avis laissés au moment d’écrire ces lignes), notre thème du jour est tout simplement incontournable sur le répertoire officiel WordPress. Le genre de truc à côté duquel vous n’avez vraiment pas envie de passer. Mais avant de vous jeter dessus tel un mort de faim (sur le thème, pas le gâteau de cette petite fille), vous devez savoir si vous pouvez miser sur notre cheval pour vos prochains projets. Pour vous aider, j’ai enfilé ma plus belle casaque pour vous servir un test détaillé. Certains liens que vous trouverez dans cet article sont dit « affiliés ». Un exemple ? Blog

WordPress Theme Customization Guide & Tutorial | Press Coders New to WordPress theme customization? Just brushing up? This tutorial guide will teach you how to customize a WordPress theme the right way. Who is this guide for? This guide is intended for those with some knowledge of HTML and CSS, but aren’t too familiar with the way WordPress themes work. If you don’t know much about web design but you are interested, that’s good too. Even if you’re a skilled web design veteran there’s always something to learn, I know I’m still learning! Why should I listen to you? At Press Coders we have over 20 years combined experience with web design, and we have been creating our own themes full time since 2010. We created our own theme framework, and we currently have 6 themes in our catalog, with more on the way. This whole guide summarized Here’s the big picture: this guide will allow you to customize any theme using the best practices in child themeing, with a little CSS and PHP magic. Next Chapter… Percentage of sites running WordPress 1. Use a child theme! 2. 3.

Le thème Hestia sur WordPress vaut-il vraiment le coup ? Hestia. Si vous êtes adepte de la mythologie grecque, vous avez reconnu derrière ce nom la déesse du feu sacré et du foyer. L’aficionado de WordPress que vous êtes, lui, a sûrement fait le rapprochement avec un thème populaire, totalisant plus de 100 000 installations actives sur le répertoire officiel. C’est de lui dont nous allons parler dans ce nouvel article, qui vous le présente dans un test détaillé abordant plusieurs thèmes centraux : maniabilité, design, templates, performance, rapport qualité-prix etc. L’idée ? Alors, le Hestia de WordPress, ce soir, tu nous mets le feu ? La version de Hestia Pro testée dans cet article est la 3.0.16. Le thème Hestia sur WordPress, c’est quoi ? Il s’offre à vous sous deux formes : une version gratuite téléchargeable sur le répertoire officiel WordPress, et/ou activable depuis le tableau de bord de votre site WordPress. Cet article se concentre majoritairement sur Hestia Pro, qui contient toutes les fonctionnalités majeures du thème. Custom Layouts

One Click WordPress Child Theme | Digital RaindropsDigital Raindrops Over on the WordPress forums a lot of users starting out with theme development or just wanting to tweak a theme, post topics on changing a theme, these theme changes range from changing a color or padding to creating a template page with multiple content loops. If the topic author has modified one of the default themes, they will get a reply including a comment which tells them they should not edit the default theme files but should create a child theme, this is ok for users around the intermediate level, but could be daunting for a starter or someone just wanting to change a title color. Child Themes There are lots of posts on the internet about creating a child theme, a child theme is just a small number of files that allow us to modify a theme without editing any of the original files, the child theme will inherit all of the parent themes code and layouts. One Click Child Theme Plugin Installing the Plugin Creating a Child Theme Changing a Style Adding the Footer File Conclusion Notices

Le thème Kadence mérite-t-il vraiment le détour ? “Faut que ça balance, en rythme et en cadence.” Si vous avez bousillé vos godasses sur les dancefloors des boîtes de nuit et autres parkings de fêtes votives, au cours de l’année 2004 (et au-delà), ces paroles vous disent peut-être quelque chose. Sur la piste, il y avait peut-être vous, donc. Au micro, c’était le duo de frangins Tizy Bone et Az du groupe Tragédie qui s’égosillait, sur leur tube “Sexy pour moi” (pas pour moi en particulier, hein). Si leur single a logiquement disparu des charts depuis, le rythme et la cadence restent toujours d’actualité. Lancé récemment, il gagne rapidement en popularité et commence à s’imposer parmi les thèmes qui comptent. Vaut-il la peine d’être utilisé pour vos projets ? Pour les besoins de cet article, nous avons utilisé les versions suivantes du thème : 1.0.16 pour la version gratuite et 0.9.11 pour la version premium (Kadence Pro). Le thème Kadence, qu’est-ce que c’est ? Kadence est un thème freemium qui se présente comme étant “ultra-rapide”.

Child Themes Basics and Creating Child Themes in WordPress A WordPress theme is a collection of template files which lets you change the user interface, design, look, and feel of the site. A WordPress theme can either just have some bare minimum design changes implemented or might even have some advanced logic showing the most recent post differently than the others or showing the posts from a particular category in a different section on the home page etc. WordPress themes can range from a simple set of files to a complete complex framework so that other themes can be built on top of that. In this article we are going to see how one can create child themes for other themes to leverage on the code provided by the parent theme. Step 1 Understanding Child Theme Fundamentals To create a child theme, first we have to create a folder in the wp-content/themes folder for our child theme. Once we have done this we should be able to see our theme in the wp-admin as seen below. Now we can activate our child theme. The theme will look as follows: Conclusion

Créer un thème enfant dans WordPress - Exemple manuel et avec plugin Vous avez installé un thème dans WordPress, vous faites des modifications, votre thème devient le plus beau de tous les thèmes. Une mise à jour de l’éditeur arrive, parfait, vous allez avoir les dernières nouveautés, vous l’installez. Et là, c’est le drame, tout votre travail à disparu, et vous n’aviez pas tout sauvegardé. Créer un thème enfant Toute ressemblance avec l’histoire précédemment décrite ne serait qu’une pure coïncidence… ou pas. Sommaire de l’article : 1. 1. Depuis le début de l’article, je vous parle de créer un thème enfant dans WordPress, mais peut-être que pour vous cette notion est vague. Les modifications que vous allez apporter se feront sur le second thème (le fameux thème enfant). Dès lors, vos modifications s’appliquent toujours, puisque le thème enfant WordPress est toujours le même, et le thème charge l’ensemble des éléments du thème parent mis à jour. 2. Mais ce thème ne me correspond pas sur tous les points comme mon thème actuel. 3.1. 3.1.1. <? 3.1.2. 3.1.3.

Related: