Archive for Wordpress

Fichier PDF et WordPress

insérer un pdf

Quelques trucs et astuces pour l’insertion et la visualisation de fichiers PDF dans un blog WordPress.

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

insertmedia1 480x158 Fichier PDF et Wordpress

insérer un pdf Fichier PDF et Wordpress

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:

Image 65 Fichier PDF et Wordpress

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.

Image 61 Fichier PDF et Wordpress

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

Image 62 Fichier PDF et Wordpress

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.



Comment déplacer un blog WordPress

Imagescape.com - File Transfert Protocol

dukfileb Comment déplacer un blog WordpressPlusieurs situations nécessitent un déplacement d’un blog, par exemple:

  • 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

WordPress: ordre des catégories

Dans les blogs WordPress,  les catégories peuvent être classées par ordre alphabétique ou par leur code ID. Cependant, il est des cas où l’on souhaite ordonner manuellement ses catégories.

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!

Image 47 Wordpress: ordre des catégories

Tutoriel pour créer un blog à  partir de Photoshop

logo wordpress 300x300 Tutoriel pour créer un blog à  partir de PhotoshopTitre accrocheur pour signaler la reprise des tutoriels WordPress sur Fran6art. J’avais bien aimé et utilisé les tutoriels pour Créez votre thème WordPress de A à  Z, j’attendais depuis des lustres la suite! Francis va procéder en 4 étapes :

  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.

Avoir son image dans les commentaires

Capture d’écran 2010-05-28 à 16.35.12

Une question d’un visiteur qui a peut-être aussi traversé votre esprit :

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  ;-)