Sitemap: Conseils & outil pour générer un Sitemap XML Qu'est-ce qu'un sitemap ? Un sitemap est un fichier qui contient une liste enrichie d'URLs internes à un site web. Ce fichier est au format XML. Il permet de fournir aux principaux moteurs de recherche des informations sur les URLs d'un site web qu'ils ne pourraient pas découvrir par eux-mêmes. Pour bien comprendre à quoi sert un sitemap, il faut comprendre la manière dont fonctionnent les robots d'indexation des moteurs de recherche (appelés aussi Web spiders ou crawlers ou Bots) tels que Google, Yahoo ou Bing. Voici leurs actions lorsqu'ils analysent un site tel que www.monsite.com : ils commencent par télécharger et analyser le fichier (s'il existe). On peut alors tirer le constat suivant: si une URL d'un site web n'est pas accessible par sa racine ou récursivement dans ses descendants, alors un robot ne peut pas la trouver magiquement. 3 types d'entrées dans une sitemap : les liens, les vidéos et les images Les URLs internes dans un sitemap
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 ? <?
Create a Full Width Page for WordPress in a Few Simple Steps WordPress.org has so many themes you’re bound to find the perfect one for you. But what if you don’t? What if you find a theme that’s almost perfect but doesn’t have the kind of full width page template you need for your landing or about page – or maybe doesn’t have one at all? Not to worry, you can easily edit any theme to create a new template that’s perfect for your needs. It just takes a few simple edits and you’re ready to go. In today’s post I’ll walk you through how to keep your new template mobile-friendly with columns, CSS3 and the Twitter Bootstrap framework if you have a responsive theme. Getting Started Make sure you do a full backup of your site before continuing to ensure your site is safe in case anything goes wrong. This way, you’ll be able to do a restore and get everything back to the way it was to try again. There are many tools that can help you do this such as our Snapshot plugin, VaultPress, or manually via FTP. Creating a New Template Edit Your New Template Conclusion
display: inline-block et les espaces indésirables - Alsacreations La valeur inline-block de la propriété display est à la mode, même si elle demeure encore trop peu connue et mal utilisée. Elle offre de multiples avantages dont le principal est de pouvoir disposer des éléments les uns à côté des autres, tout en étant dimensionnés et sans les retirer du flux. L'un de ses inconvénients majeurs est l'apparition d'un espace indésirable et incompressible de prime abord entre les blocs. S'il n'est pas gênant, tant-mieux; sinon, de multiples techniques plus biscornues les unes que les autres existent. Le cas «white-space» Comme tous les éléments de type inline ou de contenu textuel, les objets munis de la déclaration display: inline-block respectent la règle des caractères blancs (whitespace), c’est-à-dire que n’importe quel caractère HTML espaçant deux éléments va immanquablement apparaître entre leurs deux boîtes. L’espace créé par le white-space est d'environ 4 pixels, mais ne vous y méprenez pas : cela varie selon les navigateurs et la taille de police.
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
How to Build a WordPress Theme Building a WordPress theme is not as complicated as it seems. In this course, we’ll walk through the basic structure of a WordPress theme and have you putting themes together in no time. Get started below! Building a WordPress theme takes a strategic approach. Read This Lesson → In part 1, we introduce the Underscores Starter Theme to get familiar with basic WordPress theme file structure as well as the WordPress Template Hierarchy. Read This Lesson → WordPress themes are responsible for displaying the data saved in a databased by a WordPress install. Read This Lesson → Websites built with WordPress are no different than static HTML websites once they hit the user’s browser. Read This Lesson → With the HTML structure in place, it’s time to get down to the finer details of your template files. Read This Lesson → Theme display is not enough in most cases. Read This Lesson → Theme design is not just about aesthetics. Read This Lesson → Read This Lesson →
Guide de survie du positionnement CSS Cet article s'adresse à ceux qui ont déjà quelques notions de positionnement CSS, mais qui se demandent s'ils l'utilisent correctement, ou qui galèrent pour mettre en pratique leurs connaissances encore trop bancales. Comment s'y retrouver dans le machin tentaculaire qu'est le positionnement CSS? C'est un sujet à la fois complet (tant mieux) et complexe (ouille). Pour bien l'appréhender, il faut prendre en compte: les possibilités de CSS 2.1 pour l'affichage et le positionnement des éléments (et à l'avenir de CSS 3); celles qui sont implémentées dans les navigateurs (et donc pas les autres, sauf pour préparer l'avenir); les contraintes de mise en page et d'adaptation aux contenus (le contenu, ça va ça vient… et ça vous surprend toujours d'une manière ou d'une autre); les contraintes du média screen (on ne fait pas tout et n'importe quoi avec les hauteurs et largeurs, le centrage, etc.); les bugs éventuels des navigateurs (ou de certains navigateurs). Comment s'y retrouver?
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
Les Notions de Base pour Créer un Thème WordPress Ce tutoriel fait un survol de certaines notions de base nécessaires à la création de votre propre thème WordPress. Dans différents tutoriels sur le web, les auteurs prennent souvent en considération que vous connaissez déjà ces notions. Nous voulions vous faire un « crash course » en la matière! Pour débuter, dans la structure de dossiers et fichiers de WordPress, vous devez vous créer un nouveau dossier à l’intérieur du répertoire « wp-content/themes » du nom de votre nouveau thème. Avant de commencer à créer le thème, vous devez décider le visuel de votre interface web. Pour arriver à ce résultat, nous devrons créer les fichiers suivants dans le dossier « wppourlesnuls » : header.php – Ce fichier contient le code d’en-tête du thème.index.php – Il s’agit du fichier principal du thème. Vous pouvez créer ces fichiers localement grâce à un simple éditeur de texte et les ajouter via votre logiciel FTP. Maintenant, regardons en détails ce que chacun des fichiers doivent contenir : <?
Le contexte de formatage block en CSS - Alsacreations Certaines spécifications CSS sont plus obscures que d'autres. Mais il est du devoir d'un intégrateur de les connaître pour être plus efficace dans son métier. Qui n'a jamais pesté contre des éléments flottants qui ne se comportent pas comme espéré ? Qui n'a pas été une fois au-moins dérouté par des marges verticales venues de nulle part ? Ces comportements, comme d'autres, sont décrits et expliqués au sein d'une spécification concernant le “Visual Formatting Model”, qui décrit globalement le concept de flux d’affichage, de boîtes et de modes de rendu visuel. Voyons comment déchiffrer cette ressource cruciale… Block et Inline sont sur un bateau (qui float) Pour commencer, la spécification chamboule nos croyances établies et nous apprend à distinguer les blocks… des blocks. Si vous pensiez qu’un élément block est simplement un élément qui possède la règle display: block, eh bien en fait, non, c’est un peu plus subtil que ça Mais c’est quoi un “contexte de formatage block” ? 3- Fusion de marges :