Browsing Tag

Blog

Blog, Imazine

Imazine reloaded

Je vois qu’il y a encore des abonnés au flux Imazine, vous recevez ce message ? 1, 2, 1,2 ?
Pas beaucoup de posts en 2010 sur imazine, un seul en fait :) J’ai envie de le réactiver et j’ai ressorti les codes admin. Je viens donc de raser le tout, de réinstaller un wordpress, de refaire un template qui me plait plus et qui évoluera encore. Pour ce qui est du contenu, j’ai bien envie de parler ecommerce, web, interfaces et webdesign, voir même design, le tout sur un mode microblogging certaines fois. Un mix entre mon tumblr, mon blog déco et imazine peut être (Et Timefy :)). On va voir, ça se réglera avec le temps – si j’ai le temps :)
Imazine Reloaded

Blog, Design, Interfaces, Wordpress

Divine, créer un template wordpress depuis Photoshop

Une top info communiquée par Yann, un plugin au top pour Photoshop CS4 : Divine. Un plugin puissant qui vous permet de créer un template WordPress depuis un fichier Photoshop, oui Madame vous avez bien entendu. Pas testé l’outil encore, vu qu’il ne tourne que sous Windows et pas sous Mac, mais le concept est au top. J’ai l’impression que l’exécution est à la hauteur, à vérifier par les graphistes alertes que vous êtes.

Divine, créer un template wordpress depuis Photoshop

Le plugin est activé depuis Photoshop et vous permet de définir des zones, des tranches en quelque sorte à la image ready. Vous affectez ces tranches à un élément de WordPress (Title, Comment, User, etc…), il faut donc être assez précis dans le template de départ, ça va de soi.

Divine, créer un template wordpress depuis Photoshop

Divine, créer un template wordpress depuis Photoshop

Une fois ces zones définies, on procède à la création du template, Divine travaille pour vous et peut même le publier à votre place. J’ai regardé, mais pas trouvé, l’intégralité des fichiers a l’air d’être généré depuis le PSD principal. Il doit donc falloir faire quelques retouches pour les pages internes (post, page, résultat recherche).

Divine, créer un template wordpress depuis Photoshop

Divine est gratuit mais il y a des limitations : toutes les images sont exportées en GIF et les dimensions du template doivent se situer entre 750×1000 et 1000×2000. La version payante permettra de faire sauter ces verrous.

Divine, créer un template wordpress depuis Photoshop

Via Newquest.

Blog

Installer son blog WordPress en local sous Mac avec Mamp

Pas très e-commerce comme post mais j’ai fait la manip il n’y a pas longtemps et j’avais envie de la partager avec vous. Je voulais travailler un thème WordPress localement hors connexion, le tout sous Mac. J’ai donc installé un petit serveur local en quelques secondes grâce à Mamp. Ci-dessous la façon de procéder pour arriver à ses fins.

Installation de Mamp
Première étape, l’install de Mamp que vous pouvez télécharger ici.
L’installation est classique Mac, l’activation se fait par le lancement du fichier Mamp.app dans le répertoire Mamp dans applications. Cette action démarre les serveurs MySql et Apache. Sélectionnez PHP4 dans les préférences (pour assurer la compatibilité des plugins notamment), voilààà.

Mamp - serveur local mac - wordpress

Transférez vos fichiers WordPress en local
Ensuite, transférez l’intégralité de vos fichiers Wordpess par Ftp sur votre machine dans le répertoire htdocs (dans le répertoire Mamp) en créant un répertoire pour le blog.

Créez la base de données
Pour se faire allez à l’adresse suivante : http://localhost:8888/MAMP/?language=French
Cliquez ensuite, sur PHPMyadmin, saisissez un nom pour votre base dans le champ prévu à cet effet, cliquez sur créer. Ca, c’est fait.

Préparation de l’install wordpress
Supprimez le fichier wp-config à la racine de votre blog (en local hein).
Allez ensuite dans votre navigateur et tapez l’url suivante : http://localhost:8888/repertoiredublog/.

L’installation
WordPress prépare alors automatiquement l’install et vous propose de créer un fichier de config, cliquez pour continuer.
Vient ensuite la création de la base de données :
– nom de la base : la base que vous avez créé
– Identifiant : root
– Mot de passe : root
– Hôte de la base de données : localhost
– Préfixe table : wp_

Viennent ensuite le nommage du blog et la saisie de votre adresse e-mail et c’est fini. WordPress vous donne votre login et votre mot de passe. Notez les bien, pas possible de les récupérer par mail ensuite.

Mamp - serveur local mac - wordpress

Transfert de votre contenu online vers votre blog local.
Très simple : allez dans votre admin wordpress en ligne, dans outils (tools), choisissez exporter et exportez le XML
Dans votre admin locale, au même endroit, choisissez importer et importez.

Mamp - serveur local mac - wordpress

Reste à activer les plugins que vous utilisez dans votre admin locale. Ils sont tous désactivés par défaut.
Votre blog est prêt et fonctionne localement à l’adresse : http://localhost:8888/repertoiredublog/
Si cependant vous avez des liens en dur dans vos posts, il faut également les changer pour que les images ou fichiers soient toujours accessibles en mode offline.

Changer les URLs dans la base de données locale
Ouvrez votre PhpMyadmin local et exécutez les requêtes suivantes :

Remplacer les Urls dans la table option :
UPDATE wp_options SET option_value = replace(option_value, ‘http://www.votreblogenligne.com’, ‘http://localhost:8888/repertoiredublog/’) WHERE option_name = ‘home’ OR option_name = ‘siteurl’;

Remplacer l’Url relative des posts :
UPDATE wp_posts SET guid = replace(guid, ‘http://www.votreblogenligne.com’,’http://localhost:8888/repertoiredublog/’);

Remplacer les Urls dans les posts :
UPDATE wp_posts SET post_content = replace(post_content, ‘http://www.votreblogenligne.com’, ‘http://localhost:8888/repertoiredublog/’);

C’est quand même 1000 fois plus simple de trifouiller du css en local.
Je vais donc pouvoir changer le thème d’Imazine qui me sort par les yeux.