Archives par catégories: Javascript/Jquery

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

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

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

Créer un menu overlay sur wordpress

Petit mémo pour la création d’un menu overlay, comme celui ci: On voit de plus en plus ce genre de menu, avec toute sorte d’apparence. On va ici procéder en  3 étapes. Tout d’abord je définis mon menu dans ma page,(header, home ou ailleurs selon la structure du thème ) je l’entoure d’une div.overlay, et […]

Transformer sa gallerie en slider sans plugin

Aujourd’hui on va voir comment on peut, grace au fonctions tirées du codex, transformer la gallerie classique de wordpress en slider. Mon idée de base n’est pas de modifier l’apparence de la gallerie, c’est à dire pour en changer la taille ou y rajouter simplement des titres, des ‘captions’ ou autre, mais simplement, pour une […]

Ajouter un shortcode pour styliser ses titres dans wordpress

Ici on va chercher à obtenir une option dans l’édition d’une page ou d’un article, qui nous permette de choisir entre un titre normal ou un titre qu’on aura stylisé différemment. A la suite de cet article et de celui ci, on peut donc voir maintenant comment directement afficher des titres stylisés, en plus des […]

Insérer un élément dans un autre grace à jquery

Voici un petit exemple tout simple en jQuery pour ajoter un élement <span></span> dans un titre.Voici un exemple concret. On a par exemple un titre h1 ce titre on voudrait l’entourer de deux lignes latérales pour l’enjoliver: Comme les titres sont générés automatiquement par wordpress, on ne peut pas intervenir sur le code html lui […]

Afficher avec du jquery les sous catégories d’une catégorie

  Voici un exemple de site wp(version3.4.1) ou j’ai du rajouter un peu d’animation et afficher avec du jquery les sous catégories d’une catégorie, comme on le voit dans le gif suivant. Sous le titre j’ai placé un lien clickable, qui faire apparaitre toute la liste des sous catégories.La liste des sous carégories étant différemment longue selon […]

Ajouter un lien ‘back to Top’ a son site wordpress

Il existe deux façons principales d’insérer un lien ou un bouton de retour vers le haut sur son site wordpress. En ajoutant un lien, version html, puis en ajoutant du css et du js : On aura besoin d’une image pour notre bouton On insère donc un lien tout ce qu’il y a de plus […]