Archives par catégories: Javascript/Jquery

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

Inclure un message d’alerte pour Internet Explorer

Suite à la consultation d’une vidéo de graphykart, je partage ici un lien bien utile pour ceux qui ne veulent pas optimiser leur site pour internet explorer. Ce site nous délivre un bout de code à intégrer dans sa page web, pour qu’un internaute utilisant IE soit prévenu et invité à updater son navigateur. Browser […]

L’uploader de wordpress dans un plugin

Si on souhaite créer un plugin wordpress contenant l’uploader de media classique, on peut rapidement être confronté à des difficultés d’affichage. On va donc voir ici comment gérer ce cas particulier. voici un code js pour faire appel a l’uploader, un seul par page:   Pour afficher plusieurs uploaders sur la même page : Le […]

CarouFredSel, ou comment avoir plusieurs carousels sur la meme page

Le plugin jquery carouFredsel est vraiment sympa et rapide à mettre en place. Les difficultés surviennent quand on veut afficher plusieurs carousel sur la même page, notamment avec les boutons next et prev, c’est la que les bugs apparaissent : au clic sur l’une des flèches, c’est le carousel d’en dessous qui se met à bouger..Etc…bref L’astuce pour […]

Un slider de post ou custom post vertical

Voici un petit mémo pour afficher vos articles ou custom post  sur votre site wordpress, en défilement automatique vertical : Dans le Gif animé, on voit un certain nombre de custom post appelés « chroniques ». La manière dont ils vont se présenter va dépendre de votre css. Ici, je le fais ressortir sous la forme de […]

Créer un time liner pour son portfolio (ou autre besoin)

Pour ma section portfolio, j’ai cherché une manière originale pour afficher des réalisation :la frise chronologique peut être une bonne option. Pour cela, on va se servir d’un outil en ligne. Rendez vous à cette adresse: http://timeline.knightlab.com/ . Il vous faudra utiliser google spreadsheet, lister vos réalisations sous l’outil en ligne , renseigner les champs  demandés : le […]

Creer un slider de posts horizontal

Ici on va voir comment faire un slider de posts, une galerie horizontale des derniers articles. Pour ce premier slider de posts : … c’est très simple, il suffit de télécharger le plugin smooth slider. Vous l’installez, puis dans les réglages il suffit d’indiquer le type de scroll souhaité, il n’y aura qu’un article à chaque défilement. Le plugin […]