Créer des div de toutes les formes avec Clip Path

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 […]

Entourer tous les iframe d’une balise

Voici un petit mémo de rappel pour entourer toutes ses iframes google,  donc des vidéos youtube ou google map, par des balises. Cela peut être utile pour définir une règle pour toutes les iframes google d’un site et laisser intactes les autres provenant d’autres sources; Ici j’entoure tous mes iframes Youtube d’une classe pour pouvoir […]

Créer une animation au scroll

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.

Raccourcir le texte de la navigation des articles dans wordpress

Dans ce petit mémo, on va voir une petite fonction bien utile, qui va nous permettre de 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és nous afficher l’article suivant, ou l’article précédent. Si le titre est trop long, cela […]

Raccourcir la description de vos catégories

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. […]

Différencier l’affichage des articles

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 […]

Alterner l’affichage de ses articles wordpress avec bootstrap

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 […]

Retirer les balises paragraphes dans le custom field d’ACF

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. […]

Retirer les balises paragraphes de ses images, iframes et scripts dans wordpress

Dans wordpress, vous l’aurez sûrement remarqué, toutes les images, iframes ou script sont entourés des balises <p></p> .Lorsqu’on passe l’éditeur en mode « Texte », on voit souvent apparaître ces balises autour de nos image et iframes, alors qu’on n’a rien demandé à wordpress. Cela peut avoir un impact sur le rendu visuel des éléments, vous aurez […]