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
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 ? <?
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.
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
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?
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.