background preloader

Modif style

Facebook Twitter

Utiliser une police d'icônes FontAwesome dans votre thème WordPress. Que ce soit pour illustrer un bouton d’action ou symboliser les réseaux sociaux, il est souvent bien utile de proposer à ses clients une large panoplie d’icônes pour égayer les contenus d’un site WordPress. Les polices d’icônes web sont alors bienvenues pour ce genre d’utilisation : étudions comment ajouter à un thème WordPress la police web d’icônes FontAwesome dans ce petit tutoriel. Les avantages d’une police web d’icônes comme FontAwesome De plus en plus répandues sur la toile, les icônes webfonts s’avèrent très pratiques en terme de flexibilité d’utilisation et performances.

Un bon set d’icônes permet d’offrir à votre site WordPress l’utilisation de plusieurs dizaines ou centaines d’icônes très rapidement. Aucun JavaScript n’est nécessaire, les icônes sont considérées comme un texte quelconque ; la police n’est pas vraiment lisible et chaque caractère qui la compose est un symbole. Icones FontAwesome et icônes images en zoom 400% Pourquoi FontAwesome ? Rien d’insurmontable ! ? 15 Requêtes SQL pour votre WordPress. WordPress fonctionne avec une base de données MySQL. Toutes les données WordPress telles que les messages, les commentaires, les catégories et les paramètres sont stockés dans cette base de données MySQL.

Découvrez le schéma de la base de données WordPress sur le codex.wordpress.org. Sauvegarder votre base de donnees WordPress En préambule et avant de procéder à toute modification, pensez à sauvegarder votre base de données! Vous pouvez télécharger le plugin WP-DBManager pour sauvegarder votre base de données via WordPress. Voici la procédure manuelle de sauvegarde via phpMyAdmin : Connectez-vous à phpMyAdminSélectionnez votre base de données WordPressEn haut, cliquez sur ExportSélectionnez toutes les tablesSélectionnez SQL pour exporter au format .sqlCochez la case " Enregistrer comme fichier"Choisissez le type de compression gzipEnfin, cliquez sur OK Comment effectuer des requetes SQL ? Le moyen le plus simple pour exécuter l'une des requêtes ci-dessous est d'utiliser phpMyAdmin. Modifier facilement son thème WordPress avec du CSS. Voici quelques Snippets (bouts de code) que vous pourrez ajouter à votre fichier (style.css) pour améliorer ou modifier le design de votre blog WordPress.

Ajouter des bords arrondis aux images Arrondissez les bords de vos images avec un peu de CSS3. Liens email avec images Ajoute une icône ou une image à tous les liens emails. Pour de jolies citations Donnez un nouveau look à vos Blockquotes. Changer ses listes à puces Marre des disques ou des cercles pour vos listes? Changer la couleur du texte sélectionné Supprimer les bordures autour des smileys Ajouter ce code si vous voyez des bordures disgracieuses autour de vos smileys.

Augmenter également l'espace entre le texte et le smileys à l'aide d'un simple margin. Centrer votre site web Ce wrapper centrera votre site web et alignera le texte à gauche par défaut. Ajouter des Drop Caps 2 façons de procéder pour styliser la 1ère lettre d'un paragraphe. Ajouter un effet de chargement aux images Ajouter un effet d'ombre aux titres. Personnalisez votre thème WordPress avec le customizer.

How to Create a WordPress Child Theme. Specify the font family with another line added to your css style by adding the font-family attribute and specify your font. 1. #site-title { 2. margin-right: 270px; 3. padding: 0 0 0 0; 4. font-family: Georgia; You might also have to change it in all the states for the a tag hover, visited, etc. 1. 2. color: #111; 3. font-size: 30px; 4. font-weight: bold; 5. line-height: 36px; 6. text-decoration: none; 7. font-family: Georgia; With that single line I changed the font family to Georgia, which is a serif font. But what if there are complex styles or multiple style sheets so this simple change doesn't seem to work?

! This would be used with 2011 especially in regards to the dark.css styles. There is no need to change the dark stylesheet or code in the twenty eleven parent directory, as we can correct this by giving our color change priority, we do this by adding ! 2. color: red ! The same techniques apply to the site-description or other elements in the header. 1. 2. color: #7A7A7A; 3. font-size: 14px; 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. Then we create a style.css file in our child theme folder as shown below: Once we have done this we should be able to see our theme in the wp-admin as seen below. 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. 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.

We’ll explain everything each step of the way. 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… 1. 2. 3. 4. 1. 5. 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. Modifier le lien « Lire la suite » est de ceux là. 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é. Désactiver les modèles de pages d'un thème parent sous WordPress. 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 <? 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/. Dedans, créez le fichier style.css dont les premières lignes seront celles-ci : /* 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("..

/twentyeleven/style.css"); Bien comprendre et utiliser les hooks Wordpress. Les hooks (ou crochet, hameçon en français) est un mécanisme permettant d’effectuer une action supplémentaire à un instant donné prévu par le système. Il existe deux types de hook dans WordPress : Les actions Tout au long du processus de construction d’une page, WordPress place des « hooks » permettant aux développeurs d’ajouter des fonctionnalités à une étape particulière. Ainsi il est facile d’enrichir le processus avec nos propres fonctions. Exemple simple, l’action « save_post » permet de réaliser des actions supplémentaires lors de la sauvegarde d’un post (article, page ou autre). C’est par cet intermédiaire que l’on pourra sauvegarder nos méta informations (metaboxes). Voici certaines des actions importantes : Voyons comment facilement utiliser un hook pour ajouter le code Google Analytics dans le footer de votre thème.

Exemple avec wp_footer Dans un fichier comme functions.php par exemple, ajoutez : Puis créez la fonction add_google_analytics : Les filtres Voici certains filtres utiles : WordPress 3.5 - List of all hooks and filters -- Adam Brown, BYU Political Science. WordPress coders, theme authors, and plugin developers use the hooks listed below to change how WordPress behaves without needing to edit any PHP source files. Use this index to identify the WordPress hooks that you need. Click a column name to sort. For a specific WordPress hook's version history and file locations, click on the hook's name. If a hook is not in the most recent version (4.1), then it is deprecated. Do not use it. Important warning about variable hooks Some hooks have variables in their names. Plugin API. Plugin API Languages: বাংলা • English • Español • Français • 日本語 • 한국어 • Português do Brasil • ไทย • 中文(简体) • Русский • (Add your language) Introduction This page documents the API (Application Programming Interface) hooks available to WordPress plugin developers, and how to use them.

This article assumes you have already read Writing a Plugin, which gives an overview (and many details) of how to develop a plugin. These hooks may also be used in themes, as described here. Hooks, Actions and Filters Hooks are provided by WordPress to allow your plugin to 'hook into' the rest of WordPress; that is, to call functions in your plugin at specific times, and thereby set your plugin in motion. You can sometimes accomplish the same goal with either an action or a filter. For a thorough listing of all action and filter hooks in WP see Adam Brown's WordPress Hooks Database. Function Reference Actions Modify database data. The basic steps to make this happen (described in more detail below) are: where: Child Themes. Child Themes Languages: English • Italiano • 日本語 • 한국어 • Español • Nederlands • Français • Português do Brasil • Русский • Slovenčina • ไทย • 中文(简体) • 中文(繁體) • Македонски • (Add your language) A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme.

Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within. Why use a Child Theme? Here are a few reasons: If you modify an existing theme and it is updated, your changes will be lost. How to Create a Child Theme Create a directory in your themes directory to hold the child theme. You can change each of these lines to suit your theme. Template Files You can also include files in the child theme that are not included in the parent theme.

<? Écraser les fonctions de bases d'un thème parent sur WordPress. Les Child Themes (ou thèmes enfants en français) sont très utiles pour personnaliser l’apparence ou le code d’un thème (payant ou gratuit) tout en continuant à bénéficier des mises à jour sans perdre nos modifications. Lorsqu’il s’agit de créer des nouvelles fonctions, il n’y a aucun risque de conflit avec le thème parent puisqu’elles n’ont jamais été déclarées auparavant. Par contre, quand il faut modifier des fonctions présentes dans le thème parent, c’est un peu plus délicat. En effet, le fichier functions.php du thème parent n’est pas « écrasé » par celui de l’enfant. Par conséquent, si on déclare une fonction déjà présente dans le fichier functions.php du thème parent dans celui du thème enfant, une erreur fatale sera déclenchée.

Pour écraser le comportement d’un hook WordPress apporté par une fonction du thème parent à partir du thème enfant, voici un modèle de base que l’on pourrait insérer dans le fichier functions.php d’un thème enfant : Créer une page d'accueil optimisée pour wordpress | Codesscripts.fr. Comment personnaliser un thème WordPress : Thème enfant WordPress. L'utilisation des Thèmes Enfants avec Wordpress est d'une grande efficacité | ART-WP. Thème WordPress SEO (optimisé) Function Reference/add image size. How to Remove Dates from WordPress Posts.