Catégories
Blog Open-source Web

Nouveau thème pour le blog !

Après 3 ans de bons et loyaux services, le thème Largo v1 prend sa retraite bien méritée. Il laisse sa place à Largo v2 (oui je sais, ce n’est pas très original…).

Pourquoi un nouveau thème ?

Tout simplement parce que je commençais à me lasser du précédent. De plus comme Largo v1 était le premier thème WordPress que j’avais développé « from scratch » (merci encore aux tutos de Francis), il était assez difficile à administrer et à faire évoluer.

Une fois la décision de changement de thème prise, j’ai commencé à regarder ce qu’il existait sur le marché, que ce soit au niveau des thèmes gratuits et payants. Je n’ai malheureusement jamais trouvé un thème qui réponde totalement à mes besoins. N’ayant pas les moyens de le faire développer par des professionnels du Webdesign (peut être la prochaine version…), j’ai mis la main dans le clavier et la souris.

Petit tour du propriétaire

Le haut et le base du blog…

On retrouve en haut à gauche une liste de liens vers les pages statiques du blog qui évoluera selon… mes envies. Pour l’instant des liens vers:

  • la home page
  • la catégorie Open-source (le fond de commerce du blog;))
  • la « famous » page Nagios & Co avec tous les billets sur la supervision système et réseau
  • la « nouvelle » page GStreamer avec tous les billets sur ce framework multimedia
  • la page Publicité pour les annonceurs (coucou)
  • la page A propos
  • la Contact

En haut à droite, on a la liste des liens pour s’abonner au blog (c’est à dire recevoir les nouveaux billets sans forcement venir tout les jours sur le blog). Plusieurs solutions: par mail, via Facebook, par Twitter et enfin par RSS.

En bas du blog, on a le pas très original footer:

La home page (index)

On retrouve sur la page principale la liste des derniers billets avec quelques informations:

Les billets

C’est le coeur du blog, vu que ces pages représentent 95% des visites… A gauche du billet, j’ai mis en place une sidebar avec quelques informations et liens utiles aux lecteurs pour approfondir le sujet.

Au bas du billet, un menu permet de partager ou lire plus d’articles sur le sujet:

Il suffit de cliquer sur le bandeau vert pour accéder aux différents sous menus…

Enfin les commentaires se trouve après tout celà:

Conclusion

Bien que j’ai testé en interne (et avec l’aide de Nicolas aka Ritchy) le thème, il doit sûrement y avoir quelques coquilles restantes. Je compte sur vous pour me les signaler. De plus si vous avez des questions ou des remarques sur ce nouveau thème je suis également preneur !

Ce blog est fait pour vous !

PS: suite au hack du blog et à mon changement d’hébergeur, il semble que certains utilisateurs du réseau Free utilisent des DNS pointant encore sur mon ancien serveur. J’ai envoyé un mail au support de Free en espérant que le problème soit vite résolu…

Catégories
Blog Web

Un page fan Facebook pour le blog

Pas mal de lecteurs me demandent comme « ami » dans Facebook… J’utilise principalement mon compte Facebook à des fins personnelles, il n’est donc pas possible pour moi d’accepter ces demandes.

En contre partie, je viens de créer une « fan page » pour Le blog de Nicolargo.

Elle va reprendre les articles publiés sur le blog et les news de ma timeline twitter. Pour devenir « fan » du blog, il suffit de cliquer sur le bouton ‘J’aime’…

La page Facebook du Blog de Nicolargo se trouve à l’adresse suivante:

http://www.facebook.com/pages/Le-blog-de-Nicolargo/151534574873311

A bientôt sur Facebook ou ailleurs !

Catégories
Blog Open-source Web

Installation d’un blog WordPress sur un VPS Gandi

Comme vous le savez, je me suis fait hacké mon site pendant les « grandes vacances ». Cette petite contrariété m’a fait faire dans l’urgence une chose que j’avais planifier depuis un certain moment: la migration du Blog de Nicolargo sur un serveur privé virtuel de Gandi.

Nous allons donc voir dans ce billet comment installer, sécuriser et optimiser une blog WordPress sur une serveur privé virtuel !

Catégories
Blog Open-source

Nicolargo is back…

Voilà, après deux semaines de coupure le blog de Nicolargo est de nouveau en ligne…

Retour en arrière le mercredi 11 août 2010. En congés depuis 2 semaines et comme tout les jours je profite de ma superbe connexion « Edge super bas débit » pour consulter mes mails depuis mon smartphone. J’apprend alors que mon blog a été hacké pendant la nuit (au passage, merci à tout les lecteurs pour vos message d’alertes, vous êtes encore plus rapide que Nagios :)).

Je me retrouve dans la pire situation pour une webmaster: ne rien pouvoir faire… Pas de PC, pas de connexion Internet…

Le lendemain matin, iWeb (mon hébergeur au moment du hack) bloque mon compte pour d’évidentes raisons de sécurités… Le blog de Nicolargo n’existe plus sur la toile…

Je décide alors de laisser tomber l’affaire et d’attendre mon retour de congés pour intervenir. Pas envies de gâcher mes vacances à cause d’un hacker pré-pubère qui cible de manière aléatoire ses cibles. A l’heure actuelle, je ne sais pas si le hack vient de WordPress (j’ai pu laisser passer une mise à jour quand j’étais en congés) ou d’un plugin…

A mon retour (hier), voici les actions que j’ai menées:

  • Récupération des sauvegardes datant du 1 août (fichiers + base de donnée)
  • Modification du DNS du domaine nicolargo.com pour faire pointer sur un Gandi Serveur
  • Installation Apache + MySQL sur le serveur
  • Installation de la dernière version de WordPress (depuis le SVN)
  • Restauration des fichiers et de la base de donnée
  • Sécurisation du blog en suivant ce tutoriel
  • Tests et validations internes
  • Mise en ligne

Il me reste a surveiller la montée en charge du serveur en adaptant le nombre de part pour le blog si nécessaire (je suis pour l’instant sur 1 part avec 512 Mo de RAM).

Les impacts du hack  ne sont pas négligeables, outre le stress et la perte de temps, je ne suis pour l’instant plus référencé dans Google (sic…), je perd donc 80% de mon trafic…

Mea culpa pour ma coupable négligence qui a surement pénaliser des lecteurs voulant trouver des informations sur le blog et encore merci à toute la communauté qui n’a pas hésité à proposer son aide via mon compte twitter.

A bientôt sur le blog pour de nouveaux billets !

PS: le nouveau thème est presque finalisé… Il devrait être disponible début septembre.

Catégories
Blog

Blog en pause

Comme chaque année, une petite pause de 3 semaines pour le mois d’août.

Au menu de la rentrée, une nouvelle version pour le blog (et oui enfin): design et navigation ont été repensés. Et bien entendu de nouveaux billet sur les logiciels libres et le Web  !

Retour vers le 23 août !

Catégories
Blog Developpement Open-source Web

Transformer son site/blog en Google Chrome Web Apps

Dans quelques jours, le Chrome Web Store va ouvrir ses portes. Ce site va permettre au utilisateur de Google Chrome ou de la version libre Chromium d’installer des applications Web dans leur navigateur. Quelques applications sont déjà disponible (Gmail, Calendar, Google Reader…), elle se présente sous la forme d’une icône en haut à gauche des onglets et permet l’accès direct aux sites. Des fonctions de notifications seront bientôt disponibles (par exemple pour vous avertir lors de l’arrivée d’un nouveau message).

Rien de neuf par rapport aux nombreux plugins (extensions) que l’on peut trouver la toile… oui et non. En effet, comme nous allons le voir dans ce billet il est très facile de créer une application à partir d’un site Web existant. On a ainsi un accès immédiat à ces sites.

Assez de blabla, nous allons voir comment transformer votre site/blog dans une belle application Webs que vous pourrez mettre à disposition de vos lecteurs !

Toutes les manipulations suivantes marchent aussi bien sous Google Chrome ou sur Chromium (la version libre !). Il faut juste avoir la dernière version (voir instruction ici pour Chromium sous GNU/Linux Ubuntu).

Catégories
Blog Open-source Systeme

Sauvegarde automatique de son site Internet

A moins d’être très joueur (ou fou), la sauvegarde de son site Internet doit être pensée et mise en œuvre dès le début d’un projet. Voici une solution basée sur une solution libre (lftp) qui sera très facile de caser dans une crontab pour automatiser cette tache ingrate.

L’architecture est la suivante:

Il faut disposer:

  • d’un serveur Web avec un accès FTP (ce qui est le plus standard chez les hébergeurs)
  • d’un PC de backup connecté en permanence à Internet (histoire d’automatiser le backup)

Préparation du PC de backup

Pas grand chose à installer mis à part l’indispensable client FTP lftp qui va nous permettre de faire un backup incrémental (seul les nouveaux fichiers seront téléchargés).

Exemple d’installation de lftp sous Ubuntu (à adapter à votre OS…):

[shell]sudo aptitude install lftp[/shell]

On créé ensuite un répertoire dans lequel le site Web/blo  sera sauvegardé.

[shell]mkdir ~/backup[/shell]

Configuration de la sauvegarde

On édite le fichier ~/monsite.lftp avec les informations suivantes (à adapter à vos besoins):

[shell]

set ftp:list-options -a
set cmd:fail-exit true
set ftp:ssl-allow false
set ftp:passive-mode on
set net:timeout 10
set net:max-retries 2
set net:reconnect-interval-base 5
set net:reconnect-interval-multiplier 1

open -p 21 login:password@monsite.com
lcd ~/backup
mirror -e -x dossier-a-exclure/

quit

[/shell]

On teste la sauvegarde:

[shell]

lftp -f ~/monsite.lftp

[/shell]

Et voilà, le répertoire ~/backup devrait contenir une image exacte de votre site Internet !

Il ne reste plus qu’à automatiser le backup toutes les nuits (crontab -e):

[shell]

0 1 * * * lftp ~/monsite.lftp

[/shell]

Et si je veux sauver ma base de données WordPress ?

Bonne question Michel… Personnellement j’utilise le plugin WP-DatabaseManager qui me permet de:

  • sauvegarder ma base de donnée dans un des répertoire de mon site Web (donc le backup se fera automatiquement avec la procédure décrite ci-dessus)
  • optimiser ma base de donnée
  • restaurer si besoin ma base de donnée

Et vous, comment faite vous la sauvegarde de votre site ?

Catégories
Blog Developpement Open-source

Un blog WordPress local pour vos développements

Envie de vous lancer dans le développement de votre propre thème WordPress ? Envie tester votre dernier plugin sur une copie de votre blog sans impact pour vos lecteurs ? Envies de tester cette fameuses version 3.0bêta de WordPress ?

Ces quelques exemples justifient l’installation en local (donc disponible même sans liaison Internet), sur votre PC GNU/Linux d’un environnement de développement de blog complet. Celui-ci se composera:

  • d’un serveur LAMP à jour (Linux, Apache, MySQL, PHP)
  • de la dernière version de WordPress
  • de votre IDE préférée (Bluefish, Eclipse, Anjuta, NetBeans, Emacs, vi…)

Catégories
Blog Web

Comment je diffuse sur Twitter et Identi.ca

En une image, une explication de comment je diffuse mes informations sur les réseaux sociaux Twitter et Identi.ca.

Et vous comment ça marche ?

Catégories
Blog Developpement Open-source Reseau

Tester son site/blog sous IPhone sans IPhone

Vous voulez tester comment est vu votre site/blog sur un IPhone mais vous n’en avez pas un sous la main (ben ouep c’est pas libre alors…) ? Alors vous serez heureux d’apprendre qu’il existe une méthode assez simple pour que votre navigateur favori ( j’ai nommé Firefox) se fasse passer pour un IPhone…

Installation du plugin « User Agent Switchers »

La première chose à faire est d’installer le plugin « User Agent Switchers » qui va permettre à Firefox de se déguiser en IPhone. Une fois le plugin installé et le navigateur redémarré, un nouveau menu sous « Outils / Default User Agent » devrait apparaitre:

Il suffit de cliquer sur le bouton « IPhone 3.0 » pour que Firefox se fasse passer pour un navigateur IPhone. Pou revenir à un comportement normal de votre navigateur, il suffira de cliquer sur le bouton « Default User Agent ».

Tester son site/blog

Rien de plus simple, il suffit de se rendre sur l’URL de votre blog pour le voir s’afficher comme sur un iPhone. Par exemple Le Blog de Nicolargo (c’est juste un exemple, j’utilise le plugin WordPress WPTouch donc l’affichage devrait être adapté…).

Les esprits chagrins vont me dire que cela n’est pas du tout représentatif car la résolution de l’Iphone est beaucoup plus faible que la résolution de notre écran, c’est vrai mais… il existe des sites (par exemple TestIphone) qui permettent d’effectuer le même test mais dans une frame simulant la taille d’un IPhone. Perso le test chez moi du site TestIphone n’est pas concluant car je suis redirigé vers la version plein écran de mon blog…