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

Redimmensionner ses images par lot dans Photoshop

Aujourd’hui on va voir une astuce bien pratique pour redimmensionner toutes ses images d’un coup sur Photoshop. Tout dépend bien sûr de votre appareil, mais pour un canon 100D classique, les images importées directement depuis l’appareil photo font généralement 5184 px sur 3456px,ce qui est bien trop grand pour la plupart des applications web. Notre […]

Créer un formulaire en front end avec ACF

Advanced Custom Field est un plugin vraiment utile pour batir des sites complexes: on peut rajouter autant de nouveaux champs que souhaité dans un article, une page, un custom post type: dans la page d’édition d’un article ou d’une page, au traditionnel champs de texte qui represente “the_content()” dans le code, on peut rajouter d’autres […]

Des boutons bootstrap stylisés

Voici deux trois exemples de boutons radios ou checkbox bootstrap stylisés: See the Pen LbexeR by yuyazz (@yuyazz) on CodePen.

Créer des tableaux custmisés grâce à DataTable JS

Aujourd’hui on va créer un tableau customisé grace à DataTable JS, que vous pouvez trouver sur cette page .Ce plugin js nous permet de rajouter une pagination, des outils de sélection, de filtrage, et tout un tas d’option pour améliorer le rendu visuel d’un tableau classique. Si l’on regarde l’affichage par défaut d’un tableau grâce au plugin […]