Archives par catégories: Javascript/Jquery

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

Rajouter l’effet Masonry sur sa galerie WordPress

Aujourd’hui on va voir comment ajouter l’effet masonry à sa galerie wordpress sans plugin. Après des heures de galères, j’ai réalisé que l’implémentation de l’effet masonry dans la galerie de wordpress n’était pas plus compliqué que ça, c’est juste qu’il faut savoir cibler les bonnes classes. On peut hésiter entre lplusieurs classes  comme la classe […]

Creer une header image parallaxe dans wordpress

Suite à la consultation d’un tuto très utile pour savoir comment obtenir un header parallaxe sur tous les articles ou pages du site, J’ai répliqué le code pour l’adapter à notre image d’en-tète. Cette fonction n’est pas présente sur tous les sites, je fais donc allusion aux thèmes codés from scratch, ou aux nombreux thèmes […]