• Accueil
  • CSS
  • jQuery
  • wordpress
  • Ressources
  • Php

Copier coller

Ajouter une "row" tous les x articles sur wordpress

Créer une nouvelle chaîne Youtube

Voici la procédure pour créer une nouvelle chaîne Youtube rapidement Une fois connecté à son compte Youtube (google), il faut cliquer sur l’icône utilisateur en haut à droite de l’écran :  Dans la fenêtre déroulante qui apparaît, il faut cliquer sur la petite roue dentée à côté de « Creator Studio ». Dans la nouvelle page qui […]

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

Créer un effet de fondu progressif à vos éléments html

Voici un bout de code à appliquer à n’importe quel élément html de vos pages web, pour un effet fondu progressif en css. Voici un rendu visuel, cliquez sur « rerurn » pour observer l’effet. See the Pen Simple css FadeIn effect by yuyazz (@yuyazz) on CodePen.

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

Créer une carte de tous ses articles avec Leaflet et wordpress

Dans ce tuto, on va voir comment afficher dans un site wordpress, tous ses articles sous forme de marqueurs sur une carte générée grâce à leaflet. Cette carte pourra être affichée dans n’importe quel type de template, la page d’accueil, la catégorie, archive ou tout autre modèle de page crée en dur. Disons que nous […]

« Précédent 1 … 6 7 8 9 10 … 42 Suivant »
© 2025 Copyrigth Copier Coller