En me baladant dans le catalogue des extensions WordPress, je suis tombé sur Ozh’ Admin Drop Down Menu. Une vraie petite merveille qui permet de ré-organiser les menu WordPress.
mar 15 2010
Un générateur de thème WordPress
8 réactions »
(Votez !)
Loading ...Il n’est pas toujours simple de trouver un thème WordPress qui corresponde vraiment à ses attentes : couleurs, nombre de colonnes, organisation de différents éléments, … sans parler de la qualité du code source.
Yvo Schaap a réalisé un générateur de thème Wordpress accessible à tous. Sans qu’il soit nécessaire de maîtriser le (X)HTML, JS, PHP, ou le CSS il est très facile de choisir les couleurs du texte, du fond, des liens, … tout est paramétrable en quelques clics. Lire la suite »
fév 14 2010
Ajouter un bouton Google Buzz sur WordPress
12 réactions » (Votez !) Loading ...Quelques jours après sa sortie, l’intérêt pour le nouvel outil de communication Google Buzz reste partagé. Néanmoins, si vous souhaitez que vos visiteurs puissent buzzer sur la toile, vous pouvez ajouter un bouton Google Buzz.
Voici deux solutions pour intégrer Google Buzz à WordPress.
La méthode manuelle
Intégrer le code suivant là ou vous souhaitez que le bouton apparaisse, je vous conseille de l’insérer dans single.php :
<a rel="nofollow external" href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title () ?>&srcURL=http://blogmotion.fr/"><img src="http://bit.ly/buzzicon"/> GBuzz!</a>
(Remplacez srcURL=http://blogmotion.fr par l’URL de votre blog).
Exemple de rendu (lien non actif) :
Avec un plugin adapté
Si vous n’aimez pas plonger dans le code source de WordPress, sachez qu’il existe un plugin nommé Google Buzz Button.
Je l’ai découvert chez Valentin et je vous invite à lire son billet pour les explications concernant l’installation et l’utilisation, rien de compliqué rassurez-vous.
Conclusion
Je ne saurai vous dire s’il est réellement pertinent d’intégrer Google Buzz et chacun agira comme bon lui semble. Je pense toutefois que Google Buzz sera rapidement ajouté à la longue liste de services sociaux comme le propose les plugins SexyBookmarks ou encore Sociable. Patientez si vous ne souhaitez pas ajouter un énième plugin…
fév 11 2010
Utiliser un fond aléatoire pour votre blog
8 réactions » (Votez !) Loading ...But : utiliser des fonds aléatoires sur un blog/site (démonstration).
On m’a récemment demandé s’il était possible d’utiliser un fond (background) aléatoire sur un blog. La réponse est oui, c’est même très simple.
Avant tout, sachez qu’il existe bon nombre de méthodes pour y parvenir, des plus simples aux plus saugrenues voir lourdes pour votre serveur.
La solution pour laquelle j’ai opté ne consommera aucune ressource supplémentaire vis-à-vis d’un fond unique. Elle est également compatible avec tous les systèmes de cache existants (WP-SuperCache inclus) puisque le code javascript s’exécute sur la partie cliente, c’est à dire le navigateur de l’internaute.
Pré-requis
Il vous faut bien évidemment créer vos fonds et les placer de préférence dans le même répertoire, bien que ce ne soit en rien une obligation.
Pour l’aspect pratique nous utiliserons un chiffre pour distinguer les fonds : fond1.jpg, fond2.jpg, fond3.jpg, etc.
Une pincée de CSS
Nous allons tout simplement jouer sur le contenu de la feuille de style. L’image de fond va être appliquée directement sur la balise BODY.
Nous devons dans un premier temps définir les différents attributs pour le fond :
body { background-repeat: no-repeat; }
Puis, créez X classes CSS, X correspondant même nombre que vous avez de fonds :
.ban1 { background-image: url('images/fond1.png'); }
.ban2 { background-image: url('images/fond2.png'); }
.ban3 { background-image: url('images/fond3.png'); }
Enregistrez et envoyez votre fichier CSS sur le serveur, puis passons à la suite.
Un grain de javascript
La dernière étape consiste à ajouter une ligne de code Javascript pour permettre l’appel aléatoire d’une des classes CSS, chacune faisant appel à un fond différent.
Remplacer votre balise « <body> » par :
<script type="text/javascript">
var banListe=['1','2','3'];
document.write('<body class="ban' + banListe[Math.floor(Math.random()*banListe.length)] +'">');
</script>
C’est fini !
Conclusion
Enregistrez et envoyer tous les fichiers modifiés, pensez à vider votr système de cache si vous en utilisez-un.
Cette méthode est simple mais fonctionnelle. Vous pouvez tout à fait utiliser jQuery, mootools, ou tout autre framework JavaScript si vous êtes à l’aise avec. N’hésitez pas à partager votre code dans les commentaires.
Voir la démonstration.
jan 07 2010
SpriteMe (I’m Famous) : optimiser le chargement d’un site
6 réactions » (Votez !) Loading ...
Michael
Bingo
FOx15
buzzistic
Julien
mini
achille52
ben
BLoCKoUT
Eve
