Archives par catégories: Dev

Différer l’appel aux script de contact form 7

Voici deux fonctions pour appeler les fichiers de style et script de contact form 7 uniquement sur la page contact. On annule l’appel au script dès qu’on est sur une page autre que la page « contact ».

Charger ses fichiers css et js en fonction des pages

Afin d’améliorer la performance de son site wordpress, il est souvent recommandé de différer l’appel aux fichiers de style ou aux scripts « non essentiels » afin d’alléger ses pages. Sans aller jusqu’à faire du critical css, on peut déjà analyser son site web et se demander si l’appel de tous les scripts et fichiers de style […]

Créer des barres de progressions pour comptabiliser ses articles

Voici ce à quoi nous voulons parvenir : a l’intérieur d’une section, on insère des barres de progression qui vont indiquer au visiteur le nombre, en pourcentage, d’articles par catégorie. C’est le genre de chose que l’on voit souvent sur les portfolios et de nombreux thèmes premium wordpress. Voici mon bloc, on crée une boucle […]

Créer un compteur d’articles par catégories

Voici ce à quoi nous voulons parvenir : A l »intérieur d’une section de page, nous voulons créer un compteur qui affiche le nombre d’articles par catégories. Celui-ci doit démarrer lorsque la section rentre au scroll dans le view port. Voici le code php à placer dans la page où l’on veut afficher le compteur. Et […]

Ajouter un lien aux icon-box de WP-Bakery

WP Bakery Page Builder est présent sur une multitude de thèmes premium. Un des gros désavantages des blocs, c’est qu’on ne peut que difficilement passer outre les paramètres par défaut, à gérer depuis l’interface d’édition. Dans le cas des icon-box par exemple, on n’a pas la possibilité de rendre les images cliquables. A l’insertion d’un lien […]

Créer un effet de zoom-out sur un bloc html

Voici un bout de code jquery, recopié tel quel depuis les templates de codyhouse. Cet effet contrairement à d’autres de leurs template, a l’avantage de s’appliquer directement et marche à merveille sans effort. Je le recopie donc pour le garder en réserve. J’ai une div.home_image qui contient une image en arrière plan. En appliquant tel […]

Modifier le placement des ancres

Pour un site onepage ou dans tout type de configuration, si l’on souhaite placer des ancres sur la page, il se peut qu’il y ait des problèmes de marges ou de padding qui font que la page ne se positionnera pas tout à fait à l’endroit désiré. Typiquement un sous menu en position sticky peut […]

Créer un effet de fondu ou dégradé sur une image

Voici un petit bout de code css à appliquer directement sur vos images ou tout autre bloc de couleur. Imaginons que nous avons une image en background d’une div.home_image. A l’aide de ce bout de code, à modifier bien sûr selon ses besoins, on obtient rapidement un effet de fondu du bas vers le haut. […]

Créer des animations avec animate et wow !

La bibliothèque d’effet animate.css est idéale pour agrémenter son site d’effets visuels sympa. L’inconvénient et que les effets ont lieu au chargement de la page. Si vous mettez par exemple des effets à des éléments situés en dessous de la ligne de flottaison, en gros ils ne serviront à rien. On doit donc se débrouiller pour […]