Transférer son site WordPress d’un serveur local vers un serveur distant (OVH)

Transférer son site WordPress d’un serveur local vers un serveur distant (OVH)

Mise à jour : 08 février 2014.

Le transfert de son site WordPress de son serveur local vers un serveur distant est une étape délicate qui ne rassure pas toujours les utilisateurs. Je vous propose donc un tutoriel qui décrit chacune des étapes de cette migration.

Je rappelle que le serveur local est le serveur que vous avez installé sur votre machine grâce à un logiciel du type WAMP ou Easy PHP (pour les utilisateurs de PC) et MAMP (pour les utilisateurs de MAC). Il faudra donc lancer WAMP ou MAMP pour réaliser cette intervention.

Le serveur distant est celui qui vous sera fourni par votre hébergeur. Dans notre exemple il s’agit d’OVH.

Ce transfert ne peut pas être effectué si vous n’avez pas activé votre base de données sur OVH.

Exporter la base de données en mode rapide

Au cours de cette première étape vous allez :
– vous connecter à phpMyAdmin (url : http://localhost/phpmyadmin, si vous travaillez avec WAMP);
– sélectionner (en cliquant) la base de données que vous comptez exporter;
– cliquer sur le bouton Exporter;
– choisir SQL comme format (option par défaut);
– cliquer sur le bouton Exécuter.

export base de données serveur local

Placez ce fichier en .sql quelque part sur votre bureau.

NB1 : si votre base de données contient des tables dédiées à un autre projet (une boutique gérée avec un autre CMS, par exemple), ne les intégrez pas dans votre export. Vous pourrez accéder à la sélection des tables à importer en cochant l’option Personnalisée de la Méthode d’exportation.
NB2 : si votre base de données est lourde, il sera peut-être nécessaire de la zipper.

Modifier le fichier .sql

Vous allez ouvrir ce fichier avec votre éditeur de texte habituel, puis vous allez remplacer l’url de votre WordPress en local par celle de votre site en ligne. Pour gagner du temps vous allez utiliser la commande Rechercher / Remplacer (<Ctrl>+F sur PC ou Pomme+F sur MAC).

Votre url en local ressemblera à ceci :  http://localhost/monsite. Vous allez remplacer localhost/monsite par monsite.fr (si votre domaine est en .fr).

Importer le fichier .sql modifié vers la base de données OVH

Vous allez vous connecter à phpMyAdmin OVH à l’aide des coordonnées de la base de données distante. L’importation est simple : il suffit de cliquer sur le bouton Importer, de sélectionner le fichier .sql modifié se trouvant sur votre machine et de cliquer sur le bouton Exécuter.

importer base de données serveur local

Modifier le fichier wp-config initial avant son transfert vers serveur distant

Vous allez éditer et modifier le fichier wp-config du site WordPress en local comme indiqué dans le tutoriel Installer WordPress sur son serveur OVH.

Transférer les dossiers et les fichiers WordPress en local vers le serveur distant

Cette étape est très aisée. Il suffit d’ouvrir votre logiciel FTP (Filezilla ou autre) et de transférer tout le contenu de votre dossier WordPress  local vers le serveur OVH (dans le répertoire www).

Une fois le contenu transféré, on peut considérer que l’intervention est terminée. Vous pourrez alors vous connecter à l’administration de votre site avec le même identifiant et le même mot de passe que ceux utilisés en local.

Une dernière chose : il sera nécessaire de réinitialiser les permaliens dans votre WordPress. Il suffit juste de se rendre dans Réglages, puis Permaliens, puis de cliquer sur le bouton Enregistrer les modifications.

Si vous souhaitez un accompagnement personnalisé pour réaliser votre site WordPress, contactez-moi via le formulaire de contact.

Dimensions pour personnaliser FaceBook, Twitter, Google +, LinkedIn, Pinterest, YouTube et Viadeo

facebook par mkhmarketing

Cela fait un moment que je souhaitais rapatrier dans un seul article toutes les dimensions des visuels qui permettent de customiser les profils sociaux. Je me suis cantonné aux plateformes les plus populaires (cliquer sur les liens pour accéder directement aux dimensions du réseau social concerné) : FaceBook, Twitter, Google +, Pinterest, YouTube, LinkedIn et Viadeo.

Mis à jour le 10 avril 2014.

Facebook

Couverture du journal : 851×315 pixels
Image de profil : 180×180 pixels
La photo partagée sur le mur : 404×404 pixels

Twitter

Image de fond : 2000×1200 pixels (le fichier ne doit pas peser plus de 2MB
Avatar : 200×200 pixels
En-tête du profil (ou bannière) :
1252×626 pixels pour un affichage de 520 x 260 pixels (pour les comptes ne bénéficiant pas encore de la nouvelle version).
1500×500 pixels pour les comptes bénéficiant de la version entrée en vigueur en avril 2014 (voir ce que cela donne ici).

Pour un rendu optimal, la bannière affichée sur Twitter mesure 520 pixels de largeur pour 260 pixels de hauteur. L’avatar, lui, est un carré de 73 px de côté. Il se situe à 223 px de la bordure gauche de la bannière et à 24 du haut.

Pinterest

Avatar: 180×180 pixels (Pinterest recommande de télécharger une image de 600×600 pixels)

Google+

Avatar : 260×260 pixels
Bannière de 5 images séparées : 150×150 pixels
Bannière : 960 pixels en largeur sur 540 pixels

LinkedIn

Avatar : 200×200 pixels (poids maxi : 4 Mo)
Bannière de la page entreprise : 646×220 pixels (poids maxi : 2 Mo)
Logo de la page entreprise : 100×60 pixels (poids maxi : 2 Mo)
Mini logo de la page entreprise : 50×50 pixels (poids maxi : 2 Mo)
Petit logo groupe (60×30 pixels max.)
Bandeau groupe (646×200 au minimum)

Viadeo

Avatar : 320×320 pixels
Logo de la page entreprise : 202×202 pixels.
Bandeau page entreprise : 1020×245 pixels

YouTube

Avatar : YouTube recommande de télécharger une image de 800×800 pixels, pour un affichage bien moindre (environ 100x100px)
Image de fond : 1600×1000 pixels (poids maxi : 1 Mo)

N’hésitez pas à me signaler toute erreur éventuelle. Je suis également ouvert à tout ajout complémentaire.

Crédit image: mkhmarketing via Compfight cc

Les nouveautés de WordPress 3.5

logo WordPressLa version 3.5 de WordPress (téléchargeable à la fin du billet) porte le prénom du magnifique batteur Elvin Jones (disparu en 2004). Je viens de l’installer sur ce site.

Quoi de neuf dans le moteur, visible à l’œil nu de l’administrateur lambda ?

Cette nouvelle mouture embarque avec elle Twenty Twelve, nouveau thème par défaut. Le dossier themes (que vous trouverez dans le répertoire wp-content) en compte désormais 3. Twenty Twelve est full responsive, c’est à dire qu’il s’adapte à tous les écrans.

Je rappelle qu’il est indispensable aujourd’hui de concevoir son site internet en prenant en compte tous les supports sur lequel il peut s’afficher. Pour ceux d’entre vous qui n’envisagent pas de changer de template, mais qui aimeraient bien que leur site s’affiche proprement sur un smartphone ou une tablette, sachez qu’il existe une extension qui vous rendra service. Celle-ci s’appelle WPtouch.

Le gestionnaire des médias a considérablement évolué. Son interface est plus aboutie. Elle permet notamment de trouver plus facilement les médias rangés dans la bibliothèque et d’intégrer plus simplement des galeries dans les articles. On peut notamment charger plusieurs images à la fois.

Je constate également la disparition du gestionnaire de liens et du widget lié. Cela fera sans doute un drôle d’effet aux utilisateurs qui l’auront intégré à leur sidebar. Mais le nouveau plugin Link Manager leur permettra de ressusciter leur blogroll.

Quoi d’autre ?

Un détail sans doute : l’onglet HTML des posts a été renommé Text.

Le tableau de bord bénéficie d’un affichage compatible pour les écrans Retina.

Si vous souhaitez connaître les changements dans le détail, vous pouvez consulter le changelog.
Télécharger WordPress 3.5.

Du bon usage de la Timeline Facebook

On a lu des quantités d’articles sur les réticences des utilisateurs de FaceBook face à la Timeline (Journal en français). Ce qui déconcerte le plus c’est sans doute la lecture des posts sur le mur. Si ceux-ci s’empilent les uns sur les autres comme d’habitude, il faut apprendre à les parcourir d’une colonne à une autre.

Cette lecture est aussi encombrée par le bloc des « Amis » que l’on aimerait voir ailleurs.

Mais sinon, cette nouvelle formule – appliquée d’abord aux profils standards privés (puis aux pages fans) – a quelques nouveautés non négligeables.

La couverture de la Timeline

timeline du  webhamster

La firme de Palo Alto aime avoir sa propre terminologie. Au temps jadis cette couverture nous l’aurions appelée bannière graphique. Il ne s’agit ni plus ni moins que de cela. Cet espace est l’occasion d’affirmer son identité ou d’afficher son activité. Sous conditions.

La couverture ne doit pas mentionner de site web, d’adresse mail et d’adresse physique. Elle ne doit pas non plus être un support promotionnel. Il est donc interdit d’indiquer un prix, offre promotionnelle, etc.

La bonne taille pour cette couverture est de 850 pixels de large et de 315 pixels de hauteur.

Mais si vous êtes créatifs, vous devriez trouver là un terrain de jeu idéal. Je vous invite à suite ce lien qui vous mènera vers une sélection de couvertures originales.

timeline The New York TimesLa possibilité de raconter une histoire avec la timeline

C’est le grand intérêt de cette nouvelle formule. D’autant plus dans une période où le storytelling (ou communication narrative) a le vent en poupe.

La Timeline permet la publication rétroactive de posts sur le mur. C’est ce qu’a fait le New York Times. Grâce à elle (voir l’image à gauche), le magazine américain a pu diffuser la première page de son premier numéro paru le 18 septembre 1851 et conter ainsi tout son parcours.

Autre exemple. Des étudiants de Sup’Internet ont créé une Timeline entièrement dédiée à l’histoire du web. Une odyssée qui débute en 1837 avec l’invention du télégraphe. C’est un travail formidable que l’on espère voir préservé par FaceBook (on se souvient que la timeline consacrée à Steve Jobs a été effacée de la plateforme.

Une marque peut ainsi et à moindre frais rappeler des moments essentiels de son existence : les changements de logos, la mise sur le marché d’un nouveau produit, l’ouverture d’une succursale, un changement de direction, une nouvelle acquisition, etc.

Les équipes de l’un des candidats à la présidentielle de 2012 ont bien compris l’utilité d’un tel environnement. Mais en prenant soin d’écarter les souvenirs gênants.

La mise en avant d’une actualité

La Timeline pour les pages fans a un petit truc en plus que ne possède pas celle des profils privés : l’épingle.

Vous souhaitez, pendant quelques jours, mettre en avant une promotion, un rendez-vous ou un article de votre blog, vous pouvez le faire en publiant et en épinglant l’information sur le mur de votre page fan.

Vous postez comme à l’accoutumée, puis vous cliquez en haut à droite du post. 2 icônes s’offrent alors à vous :

L’étoile qui vous permettra d’afficher « en grand » une publication (c’est idéal pour les belles vidéos).

Le crayon qui permet notamment de verrouiller la publication, c’est à dire de la placer en tête de votre mur pendant une semaine maximum…

verrouiller timeline facebook

Voici ce que cela donne à l’affichage…

publication verrouillee timeline facebook

L’épingle est le petit ruban vert placé en haut de votre post.

Voilà. C’est 3 fonctionnalités sont les plus essentielles pour moi. Et les plus simples à appréhender.

Quel est votre rapport à la Timeline ? La trouvez-vous utile ? Regrettez-vous de l’avoir installée ?

Les cercles de Google + intègrent Gmail

google plus logoJe ne sais pas vous, mais moi je ne fais jamais sans Gmail. Toute ma correspondance digitale passe par cette application. Même celle distribuée par les boites mail de mon FAI.

Avoir un compte Gmail permet d’activer un profil Google +.

Vous le savez sans doute, mais Google + est un outil mis en place par le géant de Mountain View pour concurrencer celui de FaceBook, le géant de Palo Alto.

Dans Google + on capte des contacts que l’on gère à partir des cercles. Oui c’est comme ça : quand certains listent, d’autres encerclent. Ce souvent les mêmes.

C’est ainsi que lorsque vous partez en quête de contacts à ajouter à vos cercles, Google + vous propose d’abord et naturellement ceux présents dans votre compte Gmail.

les cercles de Google + dans Gmail

Depuis quelques heures, les cercles ont intégré Gmail. Ils viennent en compléments des libellés que les utilisateurs avaient créés pour classer leurs messages. Dans l’absolu, la présence de ces cercles pourrait se substituer à celles des libellés. Mais comme on ne sait pas si Google + va tenir le coup, je conseille vivement de conserver ces libellés (c’est la prime à l’ancienneté).

Le plugin du jour : Conditional CAPTCHA

plugin wordpressVous avez sans doute remarqué que Akismet pouvait isoler des dizaines et des dizaines de commentaires indésirables. Si vous n’avez pas coché la mention « Supprimer automatiquement les commentaires indésirables sur les articles datant de plus d’un mois« , ces commentaires indésirables restent en attente dans la boite dédiée. Et il vous faudra faire un nettoyage quasi quotidien de votre blog pour ne pas encombrer votre base de données.

Vous avez une solution pour vous débarrasser d’eux : l’extension Conditional CAPTCHA. L’avantage de ce plugin c’est qu’il n’impose le captcha aux visiteurs de votre site que si leurs commentaires sont jugés comme étant des spams.

Il peut également isoler ou détruire le commentaire si le captcha n’est pas complété correctement.

Créé par Samir Shah ce plugin est d’une efficacité redoutable.