Voici une manière vraiment rapide de créer un bloc à deux couleurs, un bloc coupé par une diagonale avec la propriété linear-gradient. See the Pen linear gradient by yuyazz (@yuyazz) on CodePen. Voici les explications du site MDN : « Représente la position du point de départ de la ligne du dégradé. Elle consiste en deux […]
Afin de rendre le visuel d’une page plus sympa, notamment ses listes d’articles et leurs images, on peut utiliser des diagonales, des polygones ou tout autre forme originale. Pour cela, le générateur de clip path est un excellent moyen pour y parvenir ! Voici un exemple tout simple produit grâce à ce générateur. On peut […]
Pour faire suite à nos autres tutoriels sur les shortcodes et les metabox, on va voir ici comment utiliser des shortcodes dans une metabox contenant la fonction wp_editor. Par défaut, si vous créez une metabox contenant la fonction wp_editor, en affichant la metabox, l’éditeur n’interprétera pas votre shortcode. Il le ressortira tel quel dans le […]
Voici un petit mémo de rappel pour entourer toutes ses iframes google, ses vidéos youtube ou ses cartes google map, par des balises additionnelles. Cela peut être utile pour définir une règle pour toutes les iframes google d’un site par exemple et laisser intactes les autres provenant d’autres sources; Ci-dessousi j’entoure tous mes iframes Youtube […]
Voici un petit bout de code de rappel pour faire appraître et disparaître son titre ou tout autre élément en fonction du scroll de l’utilisateur. Le chiffre 50 correspond au nombre de pixel à partir duquel la fonction agit. A régler en fonction de ses besoins.
Dans ce petit mémo, on va voir une petite fonction bien utile pour raccourcir le texte de la navigation dans un site wordpress. Au bas de chaque article, on a généralement des flèches ou une div censée nous afficher l’article suivant, ou l’article précédent. Si le titre est trop long, cela risque de casser la […]
Dans un site wordpress, on peut facilement afficher la description d’une catégorie dans la page catégorie : Ou encore, dans une page d’archives : Ou encore dans un article : La description pouvant être longue et impacter votre mise en page, voici une solution pour la raccourcir, sur une page de catégorie ou de sous-catégorie. […]
Dans ce court mémo, on va voir comment on peut parvenir à créer un affichage original de nos articles dans une page d’archive. Le but est d’arriver à quelque chose qui se rapproche du résultat suivant : La première image dans une grande taille, puis les deux suivantes en taille moyenne. Pour arriver à ce […]
Dans un précédent tuto, nous avions vu rapidement comment alterner l’affichage de ses articles dans une page d’archive ou de catégorie. Le but était dans une liste de placer les images un coup à gauche, un coup à droite. Comme ceci : Aujourd’hui, on va voir la même chose, mais en utilisant bootstrap. La technique […]
Cet article fait suite au précédent, où j’indique des fonctions pour Retirer les balises paragraphes de ses images dans wordpress Avant d’aller plus loin, je dois vous mettre en garde : n’utilisez pas ces fonctions directement sur un site en live. Faites le d’abord sur un site de test pour voir quelle fonction marche pour vous. […]