Création d'un GIF animé dans Photoshop. Créez votre thème WordPress de A à Z - Francis Chouquet – Lettering, Logo & Web Design. Update du 5 Octobre 2011: les tutoriels ont beau datés de 2007, ils sont en cours de modifications pour y ajouter les fonctionnalités des dernières versions de WordPress.
Quoi qu’il en soit, ils sont toujours d’actualité et ont été mis à jour plusieurs fois. Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. On va voir l’installation de WordPress sur votre ordinateur, les différents types de fichiers, leurs hiérarchies, et les interactions entre eux. Tutorial #4: Hiérarchie des templates - Francis Chouquet – Lettering, Logo & Web Design. Si vous commencez la série de tutoriels consacrés à la création d’un thème pour WordPress de A à Z, je vous conseille de commencer par le début, sinon, vous risquez d’être rapidement perdu !
Dans le dernier tutoriel, nous avons vu quels étaient les principaux templates utilisés dans WordPress, mais ces fichiers header, index, sidebar et footer, bien qu’étant les plus connus et répandus, ne sont pas les seuls reconnus par WordPress. Voici la liste de tous les templates utilisables avec un blog WordPress: home.php, single.php, yourname.php, page.php, category.php, category-6.php, author.php, date.php, search.php, 404.php, archive.php et index.php. Selon la page a afficher, on aura accès à un template différent. Dans le schéma du précédent tutoriel, on parlait de « Content ». Comment créer un thème WordPress enfant afin d'éviter le pire. Aujourd’hui j’accueille Harold Paris, le fondateur du site Positivr pour vous parler des thèmes WordPress enfants.
Harold gère une agence web sur Orléans et travaille avec WordPress depuis quelques années. Sa passion pour l’entrepreneuriat l’a poussé à lancer plusieurs projets et Positivr est celui qui rencontre le plus de succès. Comme beaucoup de personnes, au début il ne connaissait pas les thèmes WordPress enfants. Le thème enfant WordPress (child themes) : comment personnaliser son site web. Tutoriel Wordpress: mettre un mot de passe sur son blog - dubuzz.com.
Il peut parfois être utile de bloquer l’accès à son blog WordPress par un mot de passe. vous travaillez sur une nouvelle version de votre blog, et il est préférable de le cacher aux yeux de Google – et de tout le monde – tant qu’il n’est pas terminé à 100%vous vous servez d’un blog comme d’un logiciel de gestion de projet – ce qui est une excellente idée que j’utilise souvent – et vous devez gérer l’accès et les droits de publication de plusieurs personnes concernées par le projetvous avez un blog que vous avez envie de réserver à vos amis, vos proches, vos clients, et vous n’avez aucune envie que ses contenus puissent être vus ou indexés par Google.
Fr:Pages. Languages: English • Español • Français • Italiano • 日本語 • 한국어 • ລາວ • myanmar • Nederlands • Português do Brasil • Русский • Slovenčina • ไทย • 中文(简体) • 中文(繁體) • (Add your language) Introduction Les Pages, ou les Pages WordPress sont comme les Articles (Posts), sauf qu'elles peuvent faire beaucoup plus de choses que les Articles, et qu'elles existent en dehors de la chronologie normale du blog.
Vous pouvez utiliser les Pages pour organiser et gérer n'importe quelle quantité de contenu. Ecrire avec le web. Storify - Atelier Canopé de l'Essonne. Il existe de nombreux outils permettant d’écrire avec le Web.
Dans ce premier volet de la série nous allons nous intéresser à un outil de curation sociale Storify qui permet d’agréger des contenus issus des réseaux sociaux. Storify, kezaco ? Structurer les pages et les menus dans Wordpress. Un site Web, comme une organisation, évolue avec le temps.
Il est donc souvent nécessaire de revoir le contenu et l’architecture des pages d’un site. Voici un petit guide pour accomplir ces tâches dans la plateforme WordPress. Structurer votre contenu Dans un premier temps, il faut d’abord avoir une idée précise des contenus de votre site et de l’architecture de ceux-ci. Rappelez-vous que les contenus doivent être regroupés de façon thématique, mais qu’il est aussi important de ne pas trop en mettre dans chaque page. Il y a deux écoles de pensée à cet égard. Structurer des pages Jadis, la seule façon de structurer l’architecture des pages d’un site était de définir celle-ci à même les pages. Dans un premier temps, ouvrez toutes les pages qui doivent constituer les liens de premier niveau de votre menu (par exemple la page d’accueil, de présentation de votre organisation, votre page présentant vos services ainsi que la page contact).
Richard & Stephanie Sipe » WordPress 2.1 Static Homepage. Gravity Forms, LE Plugin de Formulaire pour WordPress. Le formulaire sur un site web, qu'il soit utilisé pour les contacts, les réservations ou encore l'achat, c'est quasiment indispensable!
Sous WordPress étonnamment, le formulaire de contact n'est pas intégré par défaut. Heureusement il existe des plugins et ils sont pléthores, de Contact Form7 en passant par FormBuilder, vous trouverez très facilement votre bonheur.Après avoir testé nombre d'entre eux, je vais vous présenter celui que je trouve le plus performant: Gravity Forms.
Bon alors, Gravity Forms ça fait quoi ? 12 WordPress Search Plugins to Improve Your Site Search. 5 plugins pour améliorer la recherche WordPress. La recherche sur votre blog WordPress est un atout majeur, en effet, comment l'internaute peut trouver un article spécifique sur un site qui en contient plus de 100?
5+1 plugins gratuits pour la recherche Bien que WordPress fournisse par défaut une fonction de recherche, cette dernière n'est pas vraiment optimale et pertinente. Voici une liste de plugins gratuits qui devraient améliorer les recherches et surtout les résultats obtenus. Search Everything Complet, efficace et fonctionnel, découvrez le plugin WordPress Search Everything. Learning To Use The :before And :after Pseudo-Elements In CSS. If you’ve been keeping tabs on various Web design blogs, you’ve probably noticed that the :before and :after pseudo-elements have been getting quite a bit of attention in the front-end development scene — and for good reason1.
In particular, the experiments of one blogger — namely, London-based developer Nicolas Gallagher2 — have given pseudo-elements quite a bit of exposure of late. 3Nicolas Gallagher used pseudo-elements to create 84 GUI icons created from semantic HTML. To complement this exposure (and take advantage of a growing trend), I’ve put together what I hope is a fairly comprehensive run-down of pseudo-elements. This article is aimed primarily at those of you who have seen some of the cool things4 done with pseudo-elements but want to know what this CSS technique is all about before trying it yourself. Le positionnement en CSS. Le positionnement en CSS. Position. La propriété position définit la façon dont un élément est positionné dans un document.
Les propriétés top, right, bottom et left déterminent l'emplacement final de l'élément positionné. Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner et à envoyer une pull request ! Types de positionnement Un élément positionné est un élément dont la propriété de position calculée est relative, absolute, fixed ou sticky.
La plupart du temps, les éléments positionnés de façon absolue ont leurs propriétés height et width qui valent auto afin que le contenu ait suffisamment d'espace. Sauf dans le cas précédemment énoncé des éléments positionnés de façon absolue et qui remplissent l'espace : Syntaxe. Comprendre z-index et les contextes d'empilement. Cet article est une traduction de What No One Told You About Z-Index écrit par Philip Walton le 22 décembre 2012. Ce que personne ne vous a dit sur z-index Le problème avec z-index, c’est que très peu de personnes ont réellement compris son fonctionnement. Ce n’est pas très compliqué, mais si vous n’avez jamais pris le temps de lire la spécification, il y a certainement des aspects cruciaux qui vous ont échappé.
Sauvegarder la base de données de son blog Wordpress avec le plugin WP-DB-Backup. Dans un article précédent, nous avons vu pourquoi il est important de sauvegarder son blog. Aujourd’hui, je vais donc vous montrer comment sauvegarder la base de données de votre blog avec le plugin WP-DB-Backup. 1. Téléchargez le plugin WP-DB-Backup, enregistrez-le sur votre disque dur et décompressez le fichier. 2. Ouvrez votre logiciel FTP (FileZilla etc …), connectez-vous sur votre serveur (vos identifiants de connexion se trouvent sur le courrier de confirmation d’abonnement de votre hébergeur ou alors demandez ces informations à votre hébergeur) et transférez le fichier dans le répertoire par défaut des plugins de WordPress (wp-content/plugins/).