Pour insérer un fichier PDF dans un article

1. Dans l’interface d’édition, cliquer sur l’outil « Insérer un media »
2. Vérifier que le lien est bien « Adresse web du fichier  » et pas « Adresse de l’article ».
3. L’affichage ou le téléchargement du fichier PDF est fonction des réglages dans le navigateur de l’internaute (safari ou Firefox ou chrome) et peut varier

Forcer la visualisation d’un PDF dans WordPress

Le plugin WordPress Google Doc Embedder permet d’insérer facilement des documents PDF ou autre format dans des articles et pages WordPress. Après activation, on peut personnaliser la manière dont le PDF sera visualisé. Il suffira d’insérer le code suivant dans le billet ou la page:

Visualiser un fichier PDF dans les navigateurs

La visualisation d’un fichier PDF dépend avant tout des réglages du navigateur du visiteur et peut être fonction de plugins installés. (Firefox) En principe, le fichier PDF est téléchargé ou une boîte de dialogue propose le choix de le visualiser dans l’application par défaut ou de le télécharger.

Firefox

Dans Firefox, on peut régler l’affichage d’un PDF dans les préférences.

Dans Safari, le PDF s’ouvre dans une nouvelle fenêtre. On peut faire un choix dans le menu déroulant du clic droit sur le fichier PDF

Plugin PDF Browser pour Safari

Ce plugin pour Safari permet d’afficher des documents PDF directement dans Safari, de les imprimer, et de les enregistrer sur le disque dur.

Plugin pour Chrome

La visionneuse Google Document permet de visionner automatiquement des PDF, des présentations PowerPoint et d’autres documents dans la Visionneuse Google Documents.

Print PDF

• changement d’hébergeur
• transfert d’un blog développé en local vers un site public
• transfert d’un blog (sous-domaine) sur un nouveau site

Voici la marche à suivre pour que le transfert d’un blog WordPress vers un nouveau site. Si toutes les étapes sont respectées, le nouveau blog est accessible en quelques heures.

Etape 1 – Commander nouveau site

Avant tout chose, il faut disposer d’un nouveau nom de domaine et d’un hébergeur. Je fais confiance à Infomaniak depuis des années, pour la Suisse comme pour la France. La commande passée, on reçoit dans les 24 à 48 heures un courriel avec toutes les informations de connexion.

Etape 2 – Activer le nouveau site

1. Se connecter sur le nouveau site et suivre les instructions transmises par l’hébergeur pour l’activer. Une page d’accueil temporaire sera créée.
2. Dans l’interface d’administration, activez la base de données.
3. Créer un compte FTP avec les droits d’administration

Etape 3 – Sur le blog d’origine

1. Sauvegarder toutes les données du blog d’origine: Base de données (utiliser le plugin Backup WordPress), fichiers wp-config.php, .htaccess, index.php + tout le répertoire WordPress (toujours une bonne idée!)
2. Exporter la base de donnée MySql
   A partir de phpMyAdmin, sélectionner la base de données (celle qui est référencée dans le fichier wp-config.php du blog) et choisir la fonction Exporter. Sauvegarder la base dans un fichier en local, la compresser si nécessaire.

Etape 4 – Nouveau site

Importer la base de données

1. Ouvrir l’interface d’admin sur le nouveau site (selon les données transmises par l’hébergeur)
2. Aller à phpMyAdmin
3. Importer la base de données du blog d’origine précédemment sauvée en local

Modifier les URL dans la base de données

C’est la partie la plus délicate! WordPress sauve des URL en référence absolue. Il faut aller modifier toutes les URL qui font référence à l’ancien blog, pour les remplacer avec l’URL du nouveau site. Il y a 3 modifications à faire.

1. Ouvrir PHPMyAdmin
2. Sélectionner la base de données qui contient les données du blog d’origine.
3. Sélectionner « SQL » dans la liste des fonctions et entrer successivement les trois blocs de texte suivant

Remplacer les références à http://www.ancien-site.com (votre ancienne url) par l’adresse du nouveau blog dans la table wp_options:


UPDATE wp_options SET option_value = replace(option_value, 'http://www.ancien-site.com', 'http://www.nouveau-site.com') WHERE option_name = 'home' OR option_name = 'siteurl';

changer l’url relative des posts dans la table wp_posts


UPDATE wp_posts SET guid = replace(guid, 'http://www.ancien-site.com','http://www.nouveau-site.com');

Faire un rechercher/remplacer dans le contenu des posts pour être bien sûr qu’aucun lien en URL absolue ne traîne avec l’ancienne adresse des posts.

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.ancien-site.com', 'http://www.nouveau-site.com');

Copier les fichiers WordPress

1. Se connecter au nouveau site via FTP (cyberduck ou FileZilla) et uploader les fichiers préalablement sauvegardés: répertoire WordPress, fichier wp-config.php, .htaccess.
2. Uploader le répertoire WordPress

Editer le fichier wp-config

Ouvrir le fichier wp-config dans un éditeur texte (Notepad, Smultron) et modifier le nom de la base de données et s’il y a lieu le nom et mot de passe de l’utilisateur. Enregistrer.

Etape 5

Se connecter à l’interface d’admin sur le nouveau blog: http://www.nouveau-site.com/wp-admin ou http://www.nouveau-site.com/wordpress/wp-admin si wordpress est dans un sous-répertoire.

En principe, tout fonctionne. En cas d’erreur, rechercher dans la base de données s’il persiste des références à l’ancien domaine.

Pour en savoir plus

• fran6art: WordPress: réussir son changement d’hébergement
• My Digital Life: How to move WordPress Blog to New Domain or Location
• Déménager son blog WordPress
• Korben: Changer le nom de domaine d’un blog WordPress sans encombres

Print PDF

Le plugin My Category Order est alors indispensable. Il permet de définir l’ordre dans lequel apparaissent les catégories et sous catégories dans la barre latérale, par un simple glisser déposer via l’interface du plugin. Un widget permet une installation facile pour les thèmes supportant les widgets. Si votre thème n’utilise pas de sidebar ni de widgets, copier ce code wp_list_categories(‘orderby=order&title_li=’); dans le fichier sidebar.php ou header.php (ou le fichier dans lequel se trouve l’instruction wp_list_categories).

Le plugin est traduit en français.

J’espère que ce petit truc vous a aidera!

Print PDF

1. Penser le thème, tenter d’en concevoir une première version sur le papier, à  travers un croquis.
2. Sur Photoshop, découvrir comment créer une première maquette du site, comment travailler avec les couleurs, comment bien les choisir, etc. Cette étape aboutira par une maquette complète du thème que l’on découpera pour la préparer à  la mise en page web.
3. Transformation de cette belle maquette en une version HTML et CSS. On ne parlera pas encore de thème, mais d’une représentation simple en HTML de ce que le thème sera.
4. Construction du thème autour de cette structure HTML et injection de tout le PHP nécessaire.

J’apprécie la méthode qui permettra de suivre et d’apprendre toute la chaîne de production. Surveiller la première leçon via le flux RSS de Fran6art.

Print PDF

Comment on fait pour avoir une petite image à  côté de son nom dans les
commentaires?

Avec ce nouveau thème, il est possible d’afficher une image à  côté de son nom dans un commentaire. Cette image vous suivra de blog en blog sur tous les sites qui utilisent Gravatar = globally recognized avatar – avatar universel.

Pour avoir son image Gravatar

1. Aller sur http://fr.gravatar.com/
2. S’inscrire en fournissant une adresse email
3. Suivre les instructions à  l’écran. L’image peut venir de votre disque dur, d’une image libre de droit sur le web, de votre avatar chez WordPress.com
4. Voir aussi : Installer Gravatar sur votre blog

Tout simple, essayez  ;-)

Print PDF

Le design du blog est basé sur le thème gratuit agregado, développé par Darren Hoyt, traduit en français par le blogueur masqué. J’ai passé quelques heures pour le personnaliser afin qu’il ne ressemble à  aucun autre,   j’en décrirai les étapes dans un billet plus technique. Merci à  mes testeurs qui se reconnaîtront!

Les nouveautés

Réponses aux questions que vous n’avez jamais osé poser

D’un simple clic, vous pouvez m’envoyer une question concernant l’utilisation des nouvelles technologies, celles que vous n’osez pas poser autour de vous de peur de passer pour un(e) nul(le), ou parce que votre entourage est saturé!, ou une question pour laquelle vous n’avez trouvé aucune réponse. J’y répondrai par un billet, mettant ainsi la réponse à  disposition de tous.

Ailleurs sur le web

Dans cette rubrique, je signale des liens intéressants via des outils de « microblogging« . Toute l’information est ainsi concentrée et présentée sur une même page, qu’elle provienne de Twitter, Delicious, Facebook, Flickr ou autre. Je présenterai ces différents outils dans de prochains billets.

Archives

La navigation dans les archives d’un blog est très souvent fastidieuse et n’attire personne. Ici, les archives sont présentée sous forme de grille, présentant très agréablement à  mon goût les billets classés par mois.

Navigation par catégorie ou par mots clés

Il est possible de naviguer de différentes manières dans les billets du blog :

• Par catégorie : cliquer simplement sur les titres de la barre de menu et choisir les sous-menus. On obtient la liste des billets de cette catégorie. On peut aussi cliquer sur la caétégorie mentionnée au bas de chaque article
• Par mots clés : on peut obtenir la liste des billets pour un mot clé donné. On y accède en cliquant sur un mot clé de la liste « nuage de tags » ou sur un mot clé au bas du billet.

Bonne navigation, n’hésitez pas à  donner votre avis sur ce nouveau design et si vous avez une question, vous savez où cliquer!

Print PDF

La solution est publiée par Sadish Bala sur son blog : Il suffit d’ajouter le code suivant dans le fichier style.css (qui se trouve dans le répertoire du thème utilisé)

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}

Ça fonctionne très bien ;-)

Print PDF

La version porte le nom de Tyner, en hommage au célèbre pianiste de jazz Mac Coy Tyner

3 minutes de vidéo  valent mieux qu’un long discours

Mise à  jour 16 juillet

WordPress 2.6 version finale disponible en français

Print PDF

Voici un petit tutorial, tiré du guide fran6art : Créer votre thème WordPress de A à  Z

Installation locale de WordPress sous Mac OS X

Apache est présent dans toutes les versions de Mac OS X

1. Télécharger MAMP, version normale
2. Installer le logiciel et notamment le widget qui figure dans le dossier
3. Pour démarrer les serveurs, cliquer sur Démarrer dans le widget.
   Une fois les serveurs lancés, cliquer sur Page d’accueil. Une page s’ouvre dans le navigateur par défaut et donne toute une série d’informations concernant la base MySQL. Noter les informations (hôte, port, utilisateur et mot de passe), elles devront être recopiés par la suite dans le fichier wp-config.php.
4. Aller sur phpMyAdmin
5. Créer une base pour héberger votre blog WordPress. Sous Créer une base de données inscrire wordpress, laisser Interclassement et cliquer sur Créer. La nouvelle base sera listée dans la colonne de gauche
6. Fermer la fenêtre

Installer WordPress

1. Télécharger la dernière version sur wordpress-fr.net
2. Décompresser le dossier , le renommer en wordpress
3. Placer le dossier décompressé dans le dossier Applications/MAMP/htdocs. La suite de l’installation est la même que pour un serveur à  distance, suivre les instructions de wordpress-fr.net
4. Modifier le fichier wp-config-sample.php avec les données données sur la page de MAMP. Utiliser un éditeur de texte, (smultron ou autre) enregistrer le fichier sous wp-config.php
   define('DB_NAME', 'wordpress'); // Le nom de la base de donnees
   define('DB_USER', 'root'); // Votre identifiant MySQL
   define('DB_PASSWORD', 'root'); // …et votre mot de passe
   define('DB_HOST', 'localhost:8888'); // Dans la plupart des cas, vous n’aurez pas a modifier cette dernière ligne.
   Vérifier les données sur la page d’accueil de MAMP. L’URL de la page d’accueil de MAMP fournit l’info du port à  utiliser.
5. Lancer l’installation par cette adresse http://localhost:8888/wordpress/wp-admin/install.php . Le contenu de la base est créé et le blog installé
6. Récupérer les infos de login et se connecter au blog dont l’adresse est dorénavant : http://localhost:8888/wordpress/

Mise à  jour (22 septembre 2008)

• Blog Tool box : Excellent tutoriel sur l’installation locale de WordPress sous Windows
• Embruns.net : Movable Type en local sous OS X

Print PDF

Pourquoi changer le modèle (thème) du blog? Principalement parce que la gestion des images dans Mandigo ne me convenait plus et la largeur de la colonne principale était trop large à  mon goût.

Pourquoi copyblogger?

Copyblogger est orienté typographie, avec une option intéressante : lorsqu’on change la taille des caractères dans le browser, cela affecte tous les éléments de la page et pas seulement le corps du texte. Essayez! D’autre part, la personnalisation est aisée par l’utilisation d’une feuille de style custom.css . Je trouve le thème sobre et assez zen, j’y apporterai sans doute encore des modifications. Le support pour ce thème est assez riche, c’est aussi une des raisons de mon choix.

Deux ou trois colonnes?

C’est toute la question! A l’origine, copyblogger est en deux colonnes, mais il existe une version trois colonnes, non développée par l’auteur du thème. Hélas, elle n’est pas (pas encore) traduite en français et je n’ai pas eu le courage de me lancer dans la traduction, d’autant plus qu’une version française du thème 2 colonnes est disponible sur wordpress-tuto.fr A suivre ;-)

Mise à  jour du 5 octobre  

C’est la version 3 colonnes qui l’a emportée, grâce à  la traduction du thème par wordpress-tuto alias libretto.

Print PDF