déc 2010
24

Oui mais pas toujours

par gael  Foutoir technologique Imprimer Imprimer 15 commentaires
Grâce à mes conseils technologiques de la veille tu pouvais faire tomber la magie enneigée de nouyelle sur ton blog, je vais aujourd’hui te montrer comment améliorer cette féerie ambiante.

Le problème du tutoriel d’hier est qu’il te faut modifier ton fichier « header.php » pour y inclure le code JavaScript chaque début décembre et le re-modifier à la fin de l’hiver pour retirer le script, au risque de voir tomber des flocons sur ton blog en plein mois d’août. On n’a pas tous la patience nécessaire de l’exercice, et demander des modifications à son webmaster trop souvent risque fort de finir par l’énerver profondément.

Voici donc un petit bout de code PHP fait maison qui permet de limiter magiquement automatiquement l’exécution du script des flocons entre décembre et janvier compris.

Dans ton fichier « header.php » tu remplaces donc la ligne que je t’ai suggérée hier.

1
<script type="text/javascript" src="/snowstorm.js"></script>


Par celles-ci.

1
2
3
4
5
6
<?php
    // Limite l'intégration du script de tempête de neige entre décembre et janvier compris
    if ((date("n") == 12) || (date("n") == 1)) {
        echo '<script type="text/javascript" src="/snowstorm.js"></script>';
    }
?>


Et ainsi, chaque année cette saleté de magie s’opérera toute seule.

J’en profite pour te souhaiter un noyeux Joël, que les jolis flocons et le cholestérol te soient propices en cette fin d’année!
, ,    Imprimer Imprimer   15 commentaires
déc 2010
23

Que tombe la neige

par gael  Foutoir technologique Imprimer Imprimer 10 commentaires
Les fêtes de fin d’année approchent à grand pas et tout blog chrétien digne de ce nom doit évoluer dans le respect de Jésus et du petit Papa Nouyelle.

Je te propose donc aujourd’hui d’enjoliver tes publications grâce à un magnifique script qui fera tomber de petits flocons sur ton blog WordPress. Ça fonctionne évidemment sur d’autres plateformes mais il te faudra juste adapter l’intégration du script.

Tout d’abord il te faut charger un fichier JavaScript magique (tout est magique à Noël), pour cela il te suffit de faire un clic droit ici, de choisir « Enregistrer la cible du lien sous… » puis d’envoyer ce fichier à la racine de ton site web grâce à ton client FTP favori. Si t’as rien compris à cette dernière phrase alors file te boire un verre de vin chaud et parle-en à ton webgod (on ne dit plus « webmaster » depuis peu, ça ne mettait pas assez en valeur la profession).

Ensuite, tu vas dans le répertoire de ton thème WordPress et tu ouvres le fichier « header.php » , entre les balises <head> et </head> tu vas ajouter le code magique suivant.

1
<script type="text/javascript" src="/snowstorm.js"></script>


Ho ho hoooo!

Ouais je sais, mais faire le Père Noyel en onomatopée c’est pas évident.

Tu peux paramétrer plein de trucs magiques, comme par exemple la couleur des flocons. Cherche la ligne magique suivante dans le fichier JavasScript et modifie selon tes envies (magiques elles aussi).

1
this.snowColor = '#fff';


Ah ouais, au passage, ce script est distribué sous la licence BSD que voici.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Software License Agreement (BSD License)

Copyright (c) 2003, Scott Schiller (schillmania.com)
All rights reserved.

Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice, this
  list of conditions and the following disclaimer.

* Redistributions in binary form must reproduce the above copyright notice, this
  list of conditions and the following disclaimer in the documentation and/or
  other materials provided with the distribution.

* Neither the name of schillmania.com nor the names of its contributors may be
  used to endorse or promote products derived from this software without
  specific prior written permission from schillmania.com.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.


Le script intégral ainsi qu’un mode d’emploi plus complet est disponible en anglais sur schillmania.com, le site original du créateur.
, ,    Imprimer Imprimer   10 commentaires
nov 2010
18

Darth Vader c’est le père de Luke

par gael  Foutoir technologique Imprimer Imprimer 14 commentaires
Le vrai titre de ce billet aurait dû être « Comment créer de manière simple une alerte spoiler sur son blog WordPress » , ça faisait juste un peu long.

Tu l’auras ainsi peut-être deviné, je vais te montrer comment créer de manière simple une alerte spoiler sur ton blog WordPress. Si si, je t’assures.

Si tu prends la peine d’aller consulter mes différents billets parlant de cinéma ou de séries télévisées, tu constateras que dernièrement, chacun d’entre-eux est précédé d’une alerte spoiler qui se présente sous la forme d’une image explicite.



Ne crois pas que je me casse le derche à envoyer ce fichier image à chaque article, j’utilise en effet une fonctionnalité très pratique de WordPress, les fameux shortcodes. Concrètement, il me suffit d’écrire tout simplement le code [spoileralert] dans le texte de mon billet pour que cette image viennent s’y incruster.

Tu veux faire pareil hein?

Pour commencer, tu crées ton images à partir de ton éditeur favori, puis tu la sauves dans un format reconnu par les navigateurs web, soit JPEG ou PNG.

Ensuite, tu envoies ce fichier sur ton site web, précisément dans le sous-répertoire « images » du thème WordPress que tu utilises. Par exemple si ton thème se nomme « bisounours » alors le répertoire ressemblera à quelque chose comme « wp-content/themes/bisounours/images » .

Tu vas ensuite aller éditer le fichiers « functions.php » qui se trouve dans le répertoire du thème. Pour ce faire tu dois d’abord le récupérer via un outil FTP standard, genre FileZilla Client. Tu l’ouvres ensuite avec n’importe quel éditeur de texte, le Bloc-Notes suffit.

Tout à la fin de ce fichier, juste avant la balise de fermeture PHP, tu vas ajouter le code suivant.

1
2
3
4
5
6
7
// Création de la fonction
function spoiler_alert_func() {
    return "<center><img src='/wp-content/themes/bisounours/images/spoiler_alert.png' /></center>";
}

// Ajout du shortcode
add_shortcode('spoileralert', 'spoiler_alert_func');


C’est bien entendu à toi de remplacer le chemin du répertoire de ton thème, ainsi que le nom du fichier, que j’ai nommé ici « spoiler_alert.png » .

Tu enregistres le fichier, et tu le renvoies sur ton site, au même endroit.

Et voilà, dorénavant dans tes billets il te suffira d’écrire [spoileralert] pour prévenir tes lecteurs du danger qui les attend.
,    Imprimer Imprimer   14 commentaires
oct 2010
26

On est jamais trop sûr

par gael  Foutoir technologique Imprimer Imprimer 5 commentaires
Toi qui as un blog WordPress tu as surement dû déjà publier un article de manière accidentelle, le bouton « Publier » étant relativement proche du bouton « Enregistrer brouillon » .



Une soirée basée sur le thème de l’éthylisme, un matin difficile et voilà un article non désiré qui se retrouve jeté en pâture à un public peu réceptif.

Je vais aujourd’hui te montrer comment éviter ce désagrément en affichant tout simplement une fenêtre de confirmation à chaque fois que tu cliqueras sur le si puissant bouton « Publier » .

Pour cela nous allons créer ensemble un plugin basique, ce qui te permettra d’activer et désactiver facilement cette fonctionnalité si l’envie t’en prend. Pour effectuer cette manipulation il te faut posséder un bête éditeur de texte ainsi qu’un logiciel de transfert FTP configuré pour envoyer tes fichiers vers ton site WordPress.

Premièrement, tu vas créer où bon te semble un fichier texte nommé « confirm-publish.php » , puis tu y places le code PHP suivant.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php

    /*
    Plugin Name: Confirm publish
    Description: Affiche un message de confirmation lors de la publication d'un billet ou la modification d'un billet publi&eacute;
    Version: 1.0
    */

    // Fonction de confirmation
    function confirm_publish() {
   
        // Message de confirmation
        $message = 'Voulez-vous vraiment publier ou mettre a jour ce billet?';

        // Code JavaScript
        echo '<script type="text/javascript">
        <!--
            var publish = document.getElementById("publish");
            if (publish !== null) publish.onclick = function(){ return confirm("'.$message.'"); };
        // -->
        </script>';
    }

    // Ajout du code JavaScript dans le code
    add_action('admin_footer', 'confirm_publish');

?>


À l’aide du logiciel de transfert FTP susmentionné, tu envoies gaillardement ce fichier dans le répertoire « /wp-content/plugins » de ton site.

Puis, depuis l’interface d’administration de ton blog, tu vas dans la section « Extensions » , tu cherches « Confirm publish » puis tu cliques sur « Activer » .

Les matins difficiles seront dorénavant moins dévastateurs pour ton image de marque.

Source: Forums WordPress.org

,    Imprimer Imprimer   5 commentaires
juin 2010
18

WordPress 3.0

par gael  Foutoir technologique Imprimer Imprimer 5 commentaires
La nouvelle version 3.0 de la célèbre plateforme WordPress vient de sortir après six mois de développement intensif. Pour la plupart des blogueurs qui utilisaient la 2.9.2 cette nouvelle version n’apporte que peu de modifications visibles, la grande nouveauté étant sa fusion avec WordPress MU, la version multi-utilisateurs.



La mise à jour automatique reste fidèle à la réputation de WordPress, un clic et une trentaine de secondes d’attente suffisent en effet pour franchir le pas. Il faudra toutefois auparavant donner les droits CHMOD 777 sur le répertoire « wp-content/upgrade », au risque de voir l’installation échouer, sans gravité heureusement.

N’oublie quand même pas de faire auparavant une sauvegarde de tes fichiers (avec ton client FTP) ainsi que de toute ta base de données (avec Database Backup par exemple), on ne sait jamais.

La version francophone peut être téléchargée sur le site de wordpress-fr.net pour être ensuite installée manuellement, je te conseille toutefois la mise à jour automatique qui fonctionne très bien.
   Imprimer Imprimer   5 commentaires
juin 2010
8

Veilles pubs

par gael  Foutoir technologique Imprimer Imprimer 6 commentaires
Diffuser de la publicité sur son blog sans emmerder ses visiteurs réguliers n’est pas une tâche facile. Il existe actuellement plusieurs solutions, comme par exemple celle qui consiste à afficher les bandeaux publicitaires uniquement aux visiteurs qui proviennent des moteurs de recherches.

En plus ou à la place de cette solution, on peut ajouter une autre technique qui consiste à afficher lesdites publicités (ou tout autre code HTML) uniquement sur les vieux billets, ceux qui ont plus d’un certain nombre de jours.

La solution existe en tant que plugin pour WordPress, mais c’est beaucoup moins drôle que le hack que je vais te présenter aujourd’hui.

Pour commencer tu vas éditer le fichier « single.php » qui se trouve dans le répertoire de ton thème, normalement quelque chose comme « /wp-content/themes/ton_theme ». Tu places ensuite le code PHP suivant à l’endroit où tu veux que ta bannière s’affiche, n’oublie pas de l’encadrer par les balises PHP.

1
2
3
4
5
6
7
8
9
10
// Age du billet (en jours)
$nbjours = round((strtotime(date('Y-m-d')) - strtotime(get_the_time('Y-m-d')))/(60*60*24)-1);

// Si le billet date de plus de 60 jours
if ($nbjours > 60) {

    // Intégration du code de la bannière situé dans le fichier externe
    include("adsense.php");

}


Par exemple, si tu veux que ta bannière s’affiche avant ton billet, tu places le code précité juste après la ligne suivante.

1
<div id="main">


Tu noteras que dans cet exemple le code de la bannière publicitaire se trouve dans le fichier « adsense.php », à toi de le créer et de le placer dans le répertoire de ton thème. Sinon, rien ne t’empêche d’afficher directement le code avec une ou plusieurs instructions « echo ».

Tu peux même aller faire un tour sur mes vieux billets pour voir ce que ça donne, le menu « Archives » dans la barre latérale de droite te sera utile.
, , ,    Imprimer Imprimer   6 commentaires
mai 2010
1

Des vidéos sous WordPress

par gael  Foutoir technologique Imprimer Imprimer 12 commentaires

N’ayant à ce jour pas trouvé de plugin pour WordPress permettant l’ajout de vidéos sur mon blog selon mes besoins précis, je me suis lancé dans le codage d’un petit hack qui a finalement répondu à mes attentes. Pour suivre cette manipulation il suffit d’avoir une légère maitrise de PHP, du XHTML ainsi que savoir se servir d’un client FTP.

Je n’utilise pas d’espace de stockage public tels que Youtube ou Dailymotion pour mes vidéos, tout est enregistré sur mon serveur web. J’utilise depuis longtemps le lecteur vidéo JW Player de chez Longtail, il peut être téléchargé gratuitement pour une utilisation non commerciale. Il est écrit en Flash et reconnait la plupart des formats du web (flv, mp4, etc.).

Intégrer une vidéo dans un billet en utilisant ce lecteur est une sinécure, le code HTML est énorme et rébarbatif, d’où l’idée d’utiliser les shortcodes de WordPress pour simplifier à l’extrême. Au final, l’insertion d’une vidéo dans un article se résume ainsi en une simple ligne écrite directement dans le texte du billet.

1
[flv file="mavideo.flv" image="image.jpg" width="300" height="200"]

Ce shortcode « flv » permet au moyen des attributs de spécifier la vidéo, l’image facultative qui sera utilisée en attendant la lecture, la largeur et la hauteur. Il est important de noter que toutes les vidéos et toutes les images d’attente sont stockées dans un répertoire particulier et envoyées sur le serveur au moyen d’un client FTP, donc pas de belle interface dans le tableau de bord, tout est fait à la main. Dans l’exemple qui suit, le répertoire contenant ces fichiers est le répertoire « /bin ».

Lire la suite


, , , ,    Imprimer Imprimer   12 commentaires
mar 2010
23

WordPress pour Android

par gael  Foutoir technologique Imprimer Imprimer 6 commentaires
Imagine toi isolé dans un chalet de haute montagne, la nuit tombe et la neige empêche ta bagnole de repartir. Ton seul moyen d’accéder au monde extérieur est ton téléphone portable sous Android. Tu as peur, très peur. Mais ce ne sont ni les loups, ni le froid, ni l’horrible dahu sauvage qui rôde dehors qui te font peur.

Non, ce qui te fait peur c’est d’imaginer qu’un abruti soit potentiellement en train de poster des commentaires à la con sur ton blog WordPress, et que tu n’aies aucun moyen de contrer cette abomination. Tu passerais bien par le navigateur web intégré à ton téléphone mais ta simple page d’accueil mettrais plus d’une heure à charger, ce n’est donc pas une solution. Maudits soient les trolls qui polluent tes billets!

Heureusement, cette horrible situation ne sera bientôt plus qu’un vilain souvenir. Voici en effet l’ultime solution pour contrôler ton blog WordPress depuis Android.

La première opération à effectuer consiste à ouvrir le protocole XML-RPC sur ton blog WordPress afin de permettre la publication à distance, pour cela il te suffit d’aller sur ton tableau de bord, et dans l’onglet « Réglage » tu cliques sur « Écriture » .



Tu coches la petite case et tu valides. L’activation de ce protocole ouvre une porte supplémentaire vers l’administration de ton blog, d’où l’utilité d’un mot de passe d’administration compliqué, est-il besoin de le rappeler.

La suite des opérations s’effectuera sur ta bestiole mobile. Tu vas en premier lieu aller visiter l’Android Market et chercher une application qui se nomme « WordPress » .



Comme tu peux le constater, le nom est très recherché. Cette application est gratuite et même open source, si tu veux en savoir plus tu peux aller visiter le site officiel android.wordpress.org.



Tu noteras qu’il existe également des versions pour BlackBerry ou Big Brother.

Bref. Tu installes le programme, puis tu glisses ensuite sensuellement l’icône sur un de tes bureaux.



Et tu lances l’application.

Au premier lancement il te faudra ajouter les informations de connexion à ton blog, le formulaire adéquat devrait s’ouvrir. Si ce n’est pas le cas, tu appuies sur la touche « Menu » de ton téléphone, puis tu choisis « Ajouter un compte » .



N’oublie pas d’appuyer sur « Enregistrer » à la fin. Tu noteras que tu peux gérer plusieurs blogs sous WordPress.

Dans le menu se trouve une autre option très intéressante, il s’agit de « Réglages de notification » qui te permet de programmer des notifications lorsque quelqu’un écrit un commentaire sur ton blog.



Tu indiques simplement l’intervalle de mise à jour.



En cas de nouveau commentaire, l’icône de WordPress apparait dans la barre de notifications, le déroulement n’affiche malheureusement pas beaucoup de détails.



En cliquant sur la notification tu arrives directement dans la liste des commentaires.

Mais revenons à l’accueil. Tu poses ton gros doigt sur le nom de ton blog pour accéder au contenu. Note que c’est ici que tu arriveras les prochaines fois que tu lanceras l’application



Te voilà avec un accès à la fameuse liste des commentaires. le chargement peut être long selon le nombre, et il est fréquent d’avoir un message indiquant que l’application ne répond plus, c’est normal, sois patient.



Un appui prolongé sur l’un d’entre-eux te permet d’avoir accès à certaines options essentielles.



Tu peux également consulter la liste des billets.



Et là même principe, un appui prolongé t’affiche un menu te permettant de voir ou modifier tes billets.



L’affichage d’un billet est très basique, le respect des positions n’est pas toujours respecté, c’est plus à titre informatif.



L’édition des billets est réservée aux urgences, taper un texte long ou du code HTML avec le clavier Android relève plus de la sinécure que d’autre chose.



Malgré la présence de boutons aidant à ajouter quelques balises standard.



Le bas de page permet de modifier quelques informations globales telles que les mots-clés, les catégories et l’état de publication. Le bouton « Ajouter » permet d’envoyer une image contenue dans la bibliothèque de ton téléphone, une fonctionnalité qui peut s’avérer utile pour les photoblogs amateurs.



L’application WordPress pour Android reste donc un moyen efficace pour lire et modérer les commentaires à distance, l’édition de billets étant un peu trop compliquée au vu de la taille du clavier, de l’écran et des différentes balises HTML qu’il faut insérer.

Te voilà fin prêt pour tes prochaines randonnées sauvages.
, , ,    Imprimer Imprimer   6 commentaires
mar 2010
18

iQ Block Countries

par gael  Foutoir technologique Imprimer Imprimer 11 commentaires
Maintenant que mon blog tourne sous WordPress il faut t’attendre à voir arriver une série d’articles parlant inévitablement d’extensions incontournables (les anglois disent plugin).

Pour commencer en beauté pourquoi ne pas lier l’utile à l’agréable. J’ai constaté récemment que près d’un tiers de mes visiteurs venaient de Russie, étant donné que les histoires suisses ne concernent surement pas nos lointains voisins soviétiques j’en ai brillamment déduit qu’il s’agissait là de robots spammers nuisibles.

Bloquer l’accès à ton blog pour tout un pays, voilà ce que je vais t’apprendre aujourd’hui. Si le concept peut paraitre xénophobe il n’en reste pas moins un excellent moyen de combattre certains désagréments et d’avoir au passage des statistiques de fréquentations plus proches de la réalité.

Tout d’abord il te faut installer l’extension iQ Block Countries, la démarche ne sera pas expliquée ici, assez de site t’apprendront comment faire.

Le problème est que cette extensions nécessite un fichier de géolocalisation contenant les données nécessaires à déterminer la provenance de tes visiteurs en fonction de leur adresse IP, et que l’installation automatique de ce fichier via l’interface de l’extension ne fonctionne pas à cause de restrictions légitimes sur les répertoires de ton site web.

Voici donc comment procéder à la main pour palier à ce désagrément.

Tout d’abord, tu vas télécharger le fichier sur le site original, c’est ici :
http://geolite.maxmind.com/download/geoip/database/GeoLiteCountry/GeoIP.dat.gz

Ensuite tu vas le décompresser, en utilisant par exemple 7-ZIP. Tu devrais au final avoir un fichier nommé « GeoIP.dat » sur ton disque dur.

Il te faut maintenant envoyer ce fichier « GeoIP.dat » dans le répertoire de l’extension « iQ Block Countries » sur ton site web, il y a de fortes chances pour que ce répertoire soit « wp-content\plugins\iq-block-country » . Pour envoyer le fichier de ton disque dur jusque sur ton site tu dois utiliser un client FTP, outil indispensable à tout webmaster, comme par exemple l’excellent FileZilla.

Une fois l’opération effectuée, tu peux aller gaiement dans l’administration de l’extension depuis ton tableau de bord WordPress. De là il te suffit de sélectionner les pays que tu désires bloquer dans la liste, pour en sélectionner plusieurs tu cliques simplement en maintenant la touche « Ctrl » enfoncée. N’oublie pas de valider à la fin en cliquant sur « Enregistrer les modifications » .



Tu peux aussi te la jouer revendication politique en bloquant par exemple les visiteurs de nations dont le dictateur a pété un câble en appelant au jihad contre ton pays. Tu vois, il y a plein d’applications utiles.

Les personnes bloquées qui tentent d’accéder à ton site auront un message explicite leur indiquant qu’il leur faut déménager pour avoir l’honneur de lire tes créations.
, , ,    Imprimer Imprimer   11 commentaires
mar 2010
15

Tendinite

par gael  Foutoir technologique Imprimer Imprimer 24 commentaires
Salutations à toi, visiteuse ou visiteur assidu!

Tu l’auras remarqué, le blog a changé de tronche. Ce que ton œil de profane n’aura surement pas vu c’est que non content d’avoir retapé la façade j’ai également changé tout le moteur interne du site qui tourne ainsi maintenant sous WordPress.

Précisons que ce billet écrit dans d’horribles souffrances aux poignets t’es destiné juste pour attiser ta capacité à pardonner le fait que tout risque de merder ces prochains jours. Un peu d’indulgence donc, une fois la machine en route la croisière reprendra au rythme habituel.

Mais tu peux d’ici là me dire ce que tu en penses, ça permettra de tester les commentaires.

Gros bisous à toi.

P.S.
N’oublie pas de te réabonner à mon nouveau flux RSS, l’ancien n’étant du coup plus valide.
   Imprimer Imprimer   24 commentaires
1 sur 212