Snippets woommerce
WooCommerce est un plugin open source wordPress pour le e-commerce. Le plugin est devenu très populaire de part sa simplicité d’installation et de personnalisation, et pour la gratuité de...
Effet de couleurs coulissantes sur un bouton – CSS
On cherche à obtenir un effet de couleurs coulissantes sur un bouton en CSS3. On utilise les pseudo-éléments ::before et ::after pour les fonds de couleurs en position absolute...
Réglages wordPress : zone Widget, zone Menu, barre sociale, RSS et connexion, langages public et privé différents
Voici quelques réglages personnalisés intéressants pour wordPress 4, avec le thème twentyseventeen : Ajouter une zone de widgets en bas de page, Ajouter un menu dans le footer, Ajouter une...
Page de connexion(login) personnalisée | wordPress
La page de login de wordPress se présente comme ceci : Pas très glamour. Pour enjoliver tout cela, on va charger une feuille de style dans la page de...
Boutons Paypal personnalisés
Les boutons Paypal permettent de rapidement offrir un produit à la vente sans la mise en place d’un système compliqué de boutique et de panier. Les ventes sont gérées...
AnimateCSS : plugin pour jQuery
Après avoir fait un article expliquant l’utilisation de animate.css avec jQuery il était bon d’écrire un plugin animateCSS.js permettant d’automatiser la tâche. Ce plugin prend en argument un tableau JSON où l’on...
Réduire la longueur de l’excerpt pour les mobiles – wordPress
L’excerpt de wordPress est le petit résumé d’un article présenté dans la liste des articles du blog, d’une catégorie, d’une recherche, d’étiquettes, de custom post type … Le lecteur a...
Ajuster un input avec un label inline pour s’adapter en largeur
Démo : Input qui s’adapte à toute la largeur du bloc avec un label inline. Nom : Adresse de messagerie : Site web : Les labels sont des blocs...
Un loader SVG avec des animations CSS3
Le format SVG (Scalable Vector Graphic) est un format de données basé sur le XML et qui permet de construire des graphiques vectoriels. Il peut également être animé. Ceci peut...
Les drapeaux nationaux – Sprite CSS
Une façon d’optimiser le chargement des images et des icones est l’utilisation de sprites CSS. Un sprite est une image composée de plusieurs plus petites images. Afin d’afficher une...
