Créer des séparations entre sections avec des images circulaires

Dans l’exemple qui va suivre, j’applique le code sur un site wordpress, en utilisant notamment le plugin ACF. Mais le code vaut évidemment pour tout type de site, il s’agit ici avant tout de css. Le principe est de créer une séparation entre deux sections d’une même page, en incluant une image circulaire centrée au […]

Ajouter une "row" tous les x articles sur wordpress

Ajouter une « row » tous les x articles sur wordpress

Dans cet article je reprend une astuce qui permet, avec bootstrap, de créer des rows (ou lignes) tous les 2, 3 ou 4 items (titre d’articles ou de catégories) . Ceci va nous permettre par exemple de styliser la ligne, comme d’ajouter une bordure et ainsi créer l’apparence d’un tableau  : Dans un fichier quelconque […]

Intégrer Font Awsome 5 SVG with Javascript sur wordpress

Font Awesome vient récemment de mettre à jour sa librairie en version 5, apportant de gros changements par rapport à la version précédente. Désormais on a le choix entre utiliser la version JS avec des icones en SVG, ou la version CSS en faisant appel à la webfont classique, comme dans l’ancienne version. Dans cet […]

Intégrer Font Awesome 5 Web Font sur sont site wordpress

Font Awesome vient récemment de mettre à jour sa librairie en version 5, apportant de gros changements par rapport à la version précédente. Désormais on a le choix entre utiliser la version JS avec des icônes en SVG, ou la version CSS en faisant appel à la webfont classique, comme dans l’ancienne version. Dans cet […]

Un indicateur de scroll pour ses articles

On trouve sur internet de nombreux exemples, plus ou moins complexes, d’indicateur de scroll. Ceci est utile pour des blogs ou des sites affichant de longs articles, et cela rajoute au design global. Il s’agit de cette barre souvent placée au dessus ou sous le menu, qui progresse en fonction de l’action de l’internaute sur […]

Retirer les marges des colonnes bootstrap

Ce sujet est désormais bien connu des intégrateurs, le bout de code css qu’on retrouve souvent pour annuler les marges bootstrap est le suivant; Dans notre fichier html ou php, on rajoute donc notre nouvelle classe no-gutter à nos div.row Ainsi tous les blocs « col-.. » à l’intérieur d’une classe « .row » n’auront plus les padding-left:15px et padding-right:15px […]

Acf Google Map et catégories multiples

Après avoir vu comment créer des cartes google map avec ACF avec de multiples marqueurs, chaque marqueur étant un article, dans ce tuto nous allons voir comment créer des cartes pour nos catégories.Au clic sur une catégorie de la liste, on afficherait pour chaque catégorie une carte différente avec tous nos articles Nous allons donc […]

Créer une carte Google Map avec ACF (wordpress) : version 2

A la suite du précédent post sur ACF et les cartes google Map, on va dans ce tuto pousser un peu plus loin pour obtenir ce genre de résultat:   Au clic sur l’une des vignettes à droite, une popup s’ouvre sur le marqueur concerné.La liste à droite qui liste tous mes articles ou j’ai […]

Ajouter des images aux catégories avec ACF(wordpress)

Dans ce tuto, on va voir comment simplement attribuer une image à la une pour chaque catégorie de notre site. Il existe diverses manières de faire, comme ici , mais l’utilisation d’ACF se révèle très pratique dans ce genre de cas.L’utilisateur pourra changer à sa guise d’image, directement depuis la page d’édition d’une catégorie Bien sur […]

Créer une carte google map avec ACF (wordpress)

Aujourd’hui nous allons voir comment créer une carte Google Map à l’aide du plugin ACF, version gratuite (version 4  à ce jour). Si l’on veut une carte avec de multiples marqueurs, chacun renvoyant vers un article ou un custom post type, il existe une foule de tutoriels sur l’utilisation d’ACF en version payante, avec les « repeater […]