Ton blog utilise WordPress? Tu y a tenté d’y insérer un peu de jQuery personnalisé? Alors tout doit merder, mais voilà heureusement comment corriger facilement le problème.

En effet, le gros souci avec WordPress est qu’il intègre une librairie jQuery qui exécute la fonction « noConflict() » en fin de fichier, cette dernière part d’un bon sentiment, mais malheureusement elle bousille la fameuse variable « $ » sur laquelle reposent les scripts habituels.

Pour palier au problème il te suffit d’ouvrir ton fichier « header.php » dans le répertoire de ton thème WordPress. Tu cherches ensuite la ligne suivante à l’intérieur.

Et juste en dessous, tu ressuscites la pauvre variable « $ » avec ce bout de code.

Tu enregistres, tu envoies le fichier sur ton serveur, et le tour est joué.

, ,    

La vie d’un blogueur est pleine d’obligations, il nous arrive ainsi parfois de devoir insérer dans nos articles des images de cul, violentes ou immorales. Cela présente le risque majeur de voir notre fidèle clientèle diminuer ses visites, du moment que celles-ci sont effectuées depuis le lieu de travail, aux yeux des collègues qui lorgnent vicieusement par dessus l’épaule.

Je vais aujourd’hui te montrer comment faire en sorte de masquer tes images les plus sensibles, avec possibilité pour le visiteur de faire apparaître l’original à ses risques et périls.

Et vu que rien ne vaut un bon exemple, voici une image de chaton censurée. Tu cliques dessus et tu saignes des yeux.

chaton_roux

Si tu veux essayer plusieurs fois il faut en revanche recharger la page, l’effet est volontairement à sens unique.

Cette transition est assurée en ajoutant simplement une classe « nsfw » aux images que tu désires masquer, un script jQuery va ensuite s’occuper de les parcourir, remplaçant pour chacune d’entre-elle l’image par une autre de ton choix. Dès que ton visiteur cliquera sur une de ces images alors toutes celles censurées apparaîtront.

Voici un exemple de code HTML permettant ce remplacement, tu constateras que cette image de chaton possède plusieurs classes, dont la fameuse « nsfw » qui permet ladite censure.

Bien entendu, pour que cela fonctionne il te faut ajouter un petit bout de code entre les balises « head » et « /head » de ta page HTML. Si tu utilises un blog sous WordPress tu devras aller faire cet ajout dans le fichier « header.php » qui se trouve dans le répertoire de ton thème.

Ce code est écrit en jQuery, tu devras donc intégrer la librairie adéquate (si ce n’est déjà fait) en la téléchargeant sur le site officiel, puis en l’insérant juste avant.

Tu peux même utiliser mon image de remplacement, gracieusement mise à ta disposition, tu fais juste un clic droit puis tu choisis « Enregistrer l’image sous… » .

nsfw

, , ,