<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"> <channel><title>Fabrice Court - Graphiste | Formateur | Créateur de site WordPress</title> <link>http://www.fabricecourt.com</link> <description>Graphiste professionnel - formateur - Créateur de Site WordPress</description> <lastBuildDate>Thu, 24 May 2012 14:54:53 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.2</generator> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/FabriceCourt-Graphiste-Formateur-Createur-de-Site-WordPress" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="fabricecourt-graphiste-formateur-createur-de-site-wordpress" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><media:keywords>Graphiste,Wordpress,photoshop,Illustrator,typographie</media:keywords><media:category scheme="http://www.itunes.com/dtds/podcast-1.0.dtd">Education/Training</media:category><itunes:explicit>no</itunes:explicit><itunes:keywords>Graphiste,Wordpress,photoshop,Illustrator,typographie</itunes:keywords><itunes:subtitle>Podcast FabriceCourt.com</itunes:subtitle><itunes:summary>Découvrez régulièrement de nouveaux contenus autour du graphisme, de WordPress, Illustrator et Photoshop</itunes:summary><itunes:category text="Education"><itunes:category text="Training" /></itunes:category><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">FabriceCourt-Graphiste-Formateur-Createur-de-Site-WordPress</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item><title>Création de site WordPress : Mètis</title><link>http://www.fabricecourt.com/creation-de-site/creation-de-site-wordpress-metis/</link> <comments>http://www.fabricecourt.com/creation-de-site/creation-de-site-wordpress-metis/#comments</comments> <pubDate>Wed, 16 May 2012 10:02:35 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Creation de site]]></category> <category><![CDATA[WordPress]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2978</guid> <description><![CDATA[Le projet Mètis est une entreprise tout entière tournée vers le management et organisation et développement de potentiel. Sa gérante Nathalie Ayet recherchait une base saine et facile d&#8217;accès pour mettre en avant ses talents d&#8217;accompagnement des entreprises, collectivités et salariés et disposer d&#8217;une possibilité supplémentaire de communiquer avec ses clients. Un site vitrine géré [...]]]></description> <content:encoded><![CDATA[<h3>Le projet</h3><p>Mètis est une entreprise tout entière tournée vers le management et organisation et développement de potentiel. Sa gérante <strong>Nathalie Ayet</strong> recherchait une base saine et facile d&#8217;accès pour mettre en avant ses talents d&#8217;accompagnement des entreprises, collectivités et salariés et disposer d&#8217;une possibilité supplémentaire de communiquer avec ses clients. Un site vitrine géré par WordPress a donc eu sa préférence.</p><h3>Le site WordPress</h3><p>Le site de Métis s’établit dans la continuité naturelle<a
title="Création de charte graphique : mètis (RH et management)" href="http://www.fabricecourt.com/blog-fabrice-court/creation-de-charte-graphique-metis/"> de la création originale du logo et de la charte graphique</a> que nous avions mis en place quelques mois plus tôt. Une charte graphique très épurée devait se prolonger par un site qui reflétait cette même ambiance.</p><p>Le template <span
style="text-decoration: underline;">Vulcan</span> a donc été sélectionné par Nathalie et moi pour sa sobriété. Son look minimaliste et moderne a permis de prolonger l&#8217;élégance de l&#8217;action graphique qui avait été menée jusque là.</p><h3> L&#8217;habillage</h3><p>Voici quelques points qui ont été mis en place pour ce site<br
/> <a
href="http://www.fabricecourt.com/wp-content/uploads/2012/05/Ajout-de-categorie.png"><img
class="alignnone size-full wp-image-3001" title="Ajout de catégories" src="http://www.fabricecourt.com/wp-content/uploads/2012/05/Ajout-de-categorie.png" alt="Ajout de catégories" width="578" height="157" /></a><br
/> Personnalisation de la page d&#8217;accueil avec une ré-écriture du container médian (ajout des catégories supplémentaires : dirigeants, professionnels et manager sur la page et dans l&#8217;admin). J&#8217;ai également créé des icones personnalisées qui reprennent des parties du logo Mètis</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/05/Habillage-du-footer-site-Wordpress.jpg"><img
class="alignnone size-full wp-image-2989" title="Habillage-du-footer-site-Wordpress" src="http://www.fabricecourt.com/wp-content/uploads/2012/05/Habillage-du-footer-site-Wordpress.jpg" alt="" width="578" height="157" /></a><br
/> J&#8217;ai également re-travaillé le pied de page (footer) pour obtenir un espace doué d&#8217;un beau bleu velouté avec une lumière surplombante</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/05/Polices-originale-site-Wordpress.jpg"><img
class="alignnone size-full wp-image-2987" title="Polices-originale-site-Wordpress" src="http://www.fabricecourt.com/wp-content/uploads/2012/05/Polices-originale-site-Wordpress.jpg" alt="" width="578" height="157" /></a><br
/> Ajout d&#8217;une nouvelle fonte qui vient en complément de la police utilisée pour le logo</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/05/Ajout-module-social.jpg"><img
class="alignnone  wp-image-2988" title="Ajout-module-social" src="http://www.fabricecourt.com/wp-content/uploads/2012/05/Ajout-module-social.jpg" alt="" width="578" height="157" /></a></p><p>Ajout de plusieurs modules et widgets dont un module social ré-habillé pour l&#8217;occasion, et que j&#8217;ai ré-utilisé pour mon propre site&#8230;:)<br
/> <a
href="http://www.fabricecourt.com/wp-content/uploads/2012/05/Charte-couleur-creation.jpg"><img
class="alignnone size-full wp-image-2993" title="Charte-couleur-creation" src="http://www.fabricecourt.com/wp-content/uploads/2012/05/Charte-couleur-creation.jpg" alt="" width="578" height="75" /></a><br
/> Personnalisation des couleurs pour qu&#8217;elles rejoignent la charte pré-établie</p><div
class="info_green">Découvrez de nombreuses autres facettes de ce site<br
/> sur <a
title="métis developpement" href="http://metis-developpement.com/">metis-developpement.com/</a></div><p>Nous souhaitons une excellente continuation à Mètis et Nathalie Ayet qui a déjà enrichi son projet en s&#8217;investissant dans <span
style="text-decoration: underline;">le Cabinet de curiosités</span> dont vous découvrirez prochainement les contours.</p> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/creation-de-site/creation-de-site-wordpress-metis/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Création du site WordPress : Promenons-nous dans les bois</title><link>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-promenons-nous-dans-les-bois/</link> <comments>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-promenons-nous-dans-les-bois/#comments</comments> <pubDate>Tue, 24 Apr 2012 08:56:22 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Creation de site]]></category> <category><![CDATA[WordPress]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2937</guid> <description><![CDATA[La refonte du site internet &#171;&#160;Promenons-nous dans les bois&#160;&#187; Suite du très intéressant chantier mené avec Promenons-nous dans les bois (je vous invite à lire la création originale de son logo sur un autre article), voici la totale refonte du site Web avec le CMS WordPress. Stéphane Benguigui, son gérant, l&#8217;a désiré pour mieux exprimer [...]]]></description> <content:encoded><![CDATA[<h3>La refonte du site internet &laquo;&nbsp;Promenons-nous dans les bois&nbsp;&raquo;</h3><p>Suite du très intéressant chantier mené avec Promenons-nous dans les bois (je vous invite à lire la <a
title="Création de charte graphique : Promenons-nous dans les bois" href="http://www.fabricecourt.com/blog-fabrice-court/creation-de-charte-graphique-promenons-nous-dans-les-bois/">création originale de son logo sur un autre article</a>), voici la totale refonte du site Web avec le CMS WordPress. Stéphane Benguigui, son gérant, l&#8217;a désiré pour mieux exprimer les facettes de son activité et proposer plus de photos et vidéos à même d&#8217;exprimer sa spécialité de <strong>promenade pour chien à Paris</strong>.</p><p>Travailler d&#8217;après la charte que j&#8217;avais déjà construite a été chose aisée ; grâce au concours actif et bienveillant de Stéphane, je pense que nous avons mené là une création réussie. Le site a été bâtit avec les couleurs fraiches que j&#8217;avais déjà proposé pour le logo.</p><p>Une fois de plus, le CMS a également pu booster tous les moyens à même de provoquer un meilleur référencement.</p><h3>Le site WordPress et son choix de template</h3><p>C&#8217;est un site de chez Elegant themes (My cuisine) qui a servi de base à ce travail. L&#8217;interface un peu morne mais très complète de ce créateur de thème a permis quelques modifications. Les autres ont principalement été menée sur le feuille de style ou directement en php quand le besoin s&#8217;en faisait sentir.</p><h3>L&#8217;habillage et la personnalisation graphique</h3><p>L&#8217;habillage et la personnalisation s&#8217;est faite sur plusieurs axes. Voici les plus évidents :<br
/> <img
class="alignnone" src="http://www.fabricecourt.com/wp-content/uploads/2012/04/creation-habillage-de-site-Wordpress.jpg" alt="Création d'habillage général pour site internet" width="578" height="811" /></p><div
class="info_green">Découvrez de nombreuses autres facettes de ce site<br
/> sur <a
title="Promeneur de chiens à Paris" href="http://www.fabricecourt.com/blog-fabrice-court/creation-de-charte-graphique-promenons-nous-dans-les-bois/">promenonsnousdanslesbois.fr</a></div> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-promenons-nous-dans-les-bois/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Création de charte graphique : Virginie de Reynal</title><link>http://www.fabricecourt.com/print/creation-de-charte-graphique-virginie-de-reynal/</link> <comments>http://www.fabricecourt.com/print/creation-de-charte-graphique-virginie-de-reynal/#comments</comments> <pubDate>Fri, 06 Apr 2012 08:47:56 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Charte graphique]]></category> <category><![CDATA[Print]]></category> <category><![CDATA[Création de charte graphique]]></category> <category><![CDATA[Création de logo]]></category> <category><![CDATA[graphiste professionnel]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2880</guid> <description><![CDATA[Le sort m&#8217;a heureusement toujours favorisé, car mes clients ont toujours été des compagnons de voyages intelligents et confiants. Je les en remercie ! Virginie de Reynal n&#8217;a certes pas échappé à cette règle ! L&#8217;entreprise et le projet Virginie de Reynal est photographe corporate, principalement spécialisée dans la photo d&#8217;industrie et de sites pétroliers. [...]]]></description> <content:encoded><![CDATA[<div
class="pullquote-c">La <a
title="Création de charte graphique pour les entreprises" href="http://www.fabricecourt.com/category/charte-graphique/">création originale d&#8217;un logotype</a> est comparable à la traversée d&#8217;un désert : même si l&#8217;aventure est grandiose, elle peut être également périlleuse. Les premiers pas de cette aventure nous mènent parfois à des mirages, des faux semblants de ce que l&#8217;on imaginait convenir et que ne conviennent pas. Il faut rapidement s&#8217;en détourner à la recherche d&#8217;oasis. Le voyage se fait également à deux, vous et celui ou celle pour qui vous entreprenez cette expédition, avec la particularité que votre compagnon de fortune guide également votre chemin (sans forcément savoir où il va).</div><p>Le sort m&#8217;a heureusement toujours favorisé, car mes clients ont toujours été des compagnons de voyages intelligents et confiants. Je les en remercie ! <strong>Virginie de Reynal</strong> n&#8217;a certes pas échappé à cette règle !</p><h3>L&#8217;entreprise et le projet</h3><p>Virginie de Reynal est photographe corporate, principalement spécialisée dans la photo d&#8217;industrie et de sites pétroliers. C&#8217;est une française expatriée en République démocratique du Congo, ce grand pays d&#8217;Afrique grand comme quatre fois la France. Cette Karen BLIXEN moderne affronte la jungle, le mal de mer et les voyages en hélicos pour assurer son travail au quotidien. Virginie m&#8217;a contacté pour réviser l&#8217;ensemble de sa communication (charte et site) afin que celle-ci exprime mieux sa personnalité et son métier.<br
/> Son ancien logo rapidement griffonné ne suffisait plus pour conquérir et rassurer de nouveaux marchés.</p><p><img
class="alignnone" title="Création de logotype pour photographe professionnelle" src="http://www.fabricecourt.com/wp-content/uploads/2012/04/Creation-logotype-Photographe.jpg" alt="Création de logotype pour photographe professionnelle" width="578" height="345" /></p><h3>La création du logo</h3><p>Un bon logo est avant tout affaire de communication, d&#8217;échanges (de ressenti, de désirs, de goût et d&#8217;aspiration) entre le créateur et son client.<br
/> Virginie m&#8217;a livré un brief extrêmement complet et bien constitué. Elle savait tout à fait vers quoi elle voulait évoluer :</p><ul><li>Se recentrer sur sa marque « Virginie de Reynal – Photographe » pour la valoriser</li><li>Exprimer son professionnalisme, la valeur fondamentale que doit véhiculer son logo</li><li>Exprimer le coté artistique de la profession</li><li>Faire apparaître une touche de féminité, mais dans un cadre fortement teinté corporate et pas du tout &laquo;&nbsp;girly&nbsp;&raquo; (une nécessité quand on travaille pour ce type d&#8217;entreprise)</li></ul><p>Comme toute refonte, il faut savoir garder l&#8217;esprit du précédent logo afin de le sublimer, le desctructurer et le revisiter (faut que j&#8217;arrête de regarder &laquo;&nbsp;Top chef&nbsp;&raquo; moi). J&#8217;ai donc suivi un chemin de création qui s&#8217;est naturellement imposé et que je tâche de décrire dans l&#8217;image ci-dessous.</p><p><img
class="alignnone" title="Les étapes de la création du logo" src="http://www.fabricecourt.com/wp-content/uploads/2012/04/Les-etapes-de-la-creation-du-logo.jpg" alt="Les étapes de la création du logo" width="578" height="495" /></p><p>Ces étapes n&#8217;ont été réfléchies qu&#8217;à postériori. Il s&#8217;agit néanmoins du cheminement que j&#8217;ai emprunté. Ce parcours a également été influencé par Virginie qui étape après étape m&#8217;a communiqué son ressenti et exprimé ses préférences. Vous trouverez dans les images du bandeau principal certaines autres étapes qui n&#8217;ont pas été retenues.</p><h3>Typographie et réglages fins</h3><p><img
class="alignnone" title="Réglages fins typographiques pour la création d'un logo" src="http://www.fabricecourt.com/wp-content/uploads/2012/04/Reglages-fins-typographiques.jpg" alt="Réglages fins typographiques pour la création d'un logo" width="578" height="302" /></p><p>J&#8217;ai pratiqué quelques modifications typographiques fines sur la présentation du logo</p><ul><li>Modification de la lettre &laquo;&nbsp;i&nbsp;&raquo; qui en Bell Gothic présente un point qui dépasse du fût du i (ce qui n&#8217;est pas très élégant lorsque peu de lettres sont présentes)</li><li>Retraçage de la forme pour le &laquo;&nbsp;r&nbsp;&raquo; minuscule qui lui aussi présentait une forme moins lisible.</li><li>Réglage des approches de paire : l&#8217;espacement particulier à certaines paires de caractères est normalement réglé lors de la fonte de la typo. Un bon typographe se doit néanmoins d&#8217;ajuster finement ces approches lors de l&#8217;utilisation de gros titres ou de logos.</li></ul><h3>Une typo watermark</h3><p><strong>Voilà un point qui ne manquera pas d&#8217;intéresser tous mes amis photographes : la fabrication d&#8217;une typo d&#8217;après leur logo.</strong></p><p>Cette manipulation permet d&#8217;ajouter très aisément votre watermark sur Lightroom (qui ne permet que l&#8217;ajout d&#8217;image jpeg ou png, donc sensible au redimensionnement) ou sur Photoshop. La nature vectorielle de la typo assure une qualité optimale quelle que soit la taille de votre photographie. Pour utiliser ce watermark sur Photoshop, Illustrator ou InDesign, il suffit de l&#8217;ajouter via l&#8217;outil texte, d&#8217;en ajuster la couleur, l&#8217;opacité et d&#8217;ajouter si besoin une ombre portée.</p><p>→ Vous trouverez un exemple de mise en place dans les images du bandeau du haut (avec la photo d&#8217;une plate-forme pétrolière off-shore)</p><h3>A suivre</h3><p>La prochaine étape d&#8217;ores et déjà en route est la fabrication de son site&#8230;Ne manquez pas de la suivre<br
/> Merci de m&#8217;avoir parcouru jusque là&#8230;Excellente journée à vous tous</p> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/print/creation-de-charte-graphique-virginie-de-reynal/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Archiver sa base de données WordPress – Partie 02|02</title><link>http://www.fabricecourt.com/blog-fabrice-court/archiver-sa-base-de-donnees-wordpress/</link> <comments>http://www.fabricecourt.com/blog-fabrice-court/archiver-sa-base-de-donnees-wordpress/#comments</comments> <pubDate>Tue, 03 Apr 2012 08:07:57 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Formation]]></category> <category><![CDATA[Creation de site]]></category> <category><![CDATA[tutoriel]]></category> <category><![CDATA[WordPress]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2119</guid> <description><![CDATA[Si l&#8217;archivage de votre serveur via une connexion ftp s&#8217;avère indispensable pour sécuriser tous vos fichiers (ne manquez pas ce suivre la leçon sur Filezilla si vous ne l&#8217;avez pas encore fait), l&#8217;archivage de votre base de données est tout aussi capital pour sécuriser toutes les liaisons, les textes et les contenus de votre site. [...]]]></description> <content:encoded><![CDATA[<p>Si l&#8217;<a
title="archiver son site WordPress" href="http://www.fabricecourt.com/blog-fabrice-court/archiver-son-site-wordpress-partie-1-sur-2/">archivage de votre serveur via une connexion ftp</a> s&#8217;avère indispensable pour sécuriser tous vos fichiers (<a
title="Archiver son site WordPress – Partie 01|02" href="http://www.fabricecourt.com/blog-fabrice-court/archiver-son-site-wordpress-partie-1-sur-2/">ne manquez pas ce suivre la leçon sur Filezilla si vous ne l&#8217;avez pas encore fait</a>), l&#8217;archivage de votre base de données est tout aussi capital pour sécuriser toutes les liaisons, les textes et les contenus de votre site. Perdre votre base de données, c&#8217;est perdre l&#8217;ensemble du contenu de vos articles et de vos pages, c&#8217;est pourquoi WordPress vous conseille d&#8217;archiver régulièrement et préventivement avant toute mise à jour du CMS.<br
/> Votre base est généralement gérée par <strong>phpMyAdmin</strong>, un programme qui s&#8217;occupe d&#8217;interagir avec votre base, de la gérer et de l&#8217;administrer. Il n&#8217;est pas nécessaire d&#8217;en connaître le fonctionnement, néanmoins l&#8217;identification des principaux outils peut vous être utile en cas de coup dur (comme la perte de vos identifiants de connexion par exemple). Dans cet article nous présenterons deux solutions qui vous permettront soit de passer par ce programme pour sécuriser vos données, soit d&#8217;utiliser une extension dédiée.</p><h3>Optimiser votre base de données</h3><h5>&gt; Avec PHPMyAdmin</h5><p>Pour préparer l&#8217;archive d&#8217;une BDD (base de donnée), il peut être utile d&#8217;optimiser celle-ci. Les plus expérimentés passerons par PhpMyAdmin (normalement disponible dans l&#8217;espace d&#8217;administration de votre hébergement, à coté de votre base de données) qui propose menu assurant cette optimisation ; ce menu jouxtant d&#8217;autres opérations comme la suppression de la base, il s&#8217;agit de vraiment porter toute l&#8217;attention nécessaire à cette opération.</p><p><div
class="column3"><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/01/Phpmyadmin-optimiser-base-de-donnee-wordpress-01.jpg"><img
class="alignnone  wp-image-2668" title="Phpmyadmin-optimiser-base-de-donnee-wordpress-01" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Phpmyadmin-optimiser-base-de-donnee-wordpress-01.jpg" alt="Optimiser sa base de donnée" width="270" height="236" /></a><br
/> <span
class="dropchiffre">1</span> Sélectionnez tout d&#8217;abord votre base de donnée dans la page d&#8217;accueil. Il est probable qu&#8217;elle se nomme db (comme database) ou qu&#8217;elle se nomme du préfixe que vous aurez choisi lors de l&#8217;inscription de votre site WordPress</div><div
class="column3"><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/01/Phpmyadmin-optimiser-base-de-donnee-wordpress-02.jpg"><img
class="alignnone  wp-image-2669" title="Phpmyadmin-optimiser-base-de-donnee-wordpress-02" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Phpmyadmin-optimiser-base-de-donnee-wordpress-02.jpg" alt="Optimiser sa base de donnée avec PHPmyadmin" width="270" height="236" /></a><br
/> <span
class="dropchiffre">2</span>Cocher l&#8217;ensemble de vos tables en cliquant sur tout cocher</div><div
class="column3"><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/01/Phpmyadmin-optimiser-base-de-donnee-wordpress-03.jpg"><img
class="alignnone  wp-image-2670" title="Phpmyadmin-optimiser-base-de-donnee-wordpress-03" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Phpmyadmin-optimiser-base-de-donnee-wordpress-03.jpg" alt="WordPress base de données" width="270" height="236" /></a><br
/> <span
class="dropchiffre">3</span> Sélectionnez avec soin &laquo;&nbsp;Optimiser la table&nbsp;&raquo;. D&#8217;autres opérations sont également possibles avec ce menu : prenez son de choisir la bonne ! L&#8217;optimisation ne dure que quelques secondes : votre table est alors optimisée</div></p><h5>&gt; Avec une extension dédiée</h5><p><img
class="alignleft" src="http://www.fabricecourt.com/wp-content/plugins/wp-optimize/wp-optimize.gif" alt="wp-optimize" width="205" height="41" />On peut également passer par un plugin qui se nomme <a
title="WP optimize" href="http://wordpress.org/extend/plugins/wp-optimize/" rel="nofollow">WP optimize</a> et qui permet de le faire sans le concours de PhpMyAdmin. Cette extension permet également de supprimer les révisions d&#8217;articles qui peuvent facilement plomber votre base si vous faites beaucoup d&#8217;aller-retour et de supprimer d&#8217;un seul coup tous les commentaires classés comme spam. Vous ne gagnerez à l&#8217;issue que quelque Ko (voire quelques Mo si votre base est importante) ; ces kilo octets peuvent cependant interagir dans la rapidité d&#8217;affichage de votre site.</p><h3>Archiver votre base de données</h3><h5>&gt; Avec PHPMyAdmin</h5><p>PHPMyAdmin offre une possibilité simple et pérenne d’archiver votre site WordPress. Même si cette solution est un plus complexe et délicate à mettre en œuvre (et qu&#8217;elle ne peut pas facilement s’automatiser), elle offre le grand avantage de n&#8217;être lié à aucun plugin qui pourrait rajouter des éléments exotiques à votre archivage, où dont le développement pourrait s&#8217;arrêter du jour au lendemain.</p><p>Nous considérons que vous avez déjà optimisé votre BDD et que l&#8217;ensemble des tables de votre base de données est déjà affiché. Cliquez alors sur l&#8217;onglet EXPORTER en haut de votre fenêtre PHPMyAdmin pour arriver au menu ci-dessous.</p><p><img
class="alignnone size-full wp-image-2682" title="Archiver-site-WordPress-phpmyadmin" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Archiver-site-WordPress-phpmyadmin.jpg" alt="Archiver son site WordPress avec phpmyadmin" width="860" height="700" /></p><p><div
class="column3"> <span
class="dropchiffre">1</span> Commencez par sélectionner l&#8217;ensemble de vos tables en cliquant &laquo;&nbsp;tout sélectionner&nbsp;&raquo;. Assurez-vous également que l&#8217;export se fera au format SQL</div><div
class="column3"> <span
class="dropchiffre">2</span>Les cases cochées dans la partie <span
style="text-decoration: underline;">Structure et données</span> peuvent être laissées cochées par défaut si vous restez dans la configuration par défaut proposée par le logiciel. Vous pouvez également suivre la préconisation que WordPress donne et que j&#8217;ai reproduit ci-dessus.</div><div
class="column3"> <span
class="dropchiffre">3</span>Cochez la case Transmettre puis choisissez si vous désirez un archivage zippé (avantage le poids) ou non compressé (avantage la lisibilité). Appuyez sur la case Exécuter ; votre archivage prendra de quelques secondes à quelques minutes à s&#8217;accomplir selon le poids de votre base de données ou selon la rapidité de votre connexion. Votre navigateur propose alors de télécharger cette archive, appuyer sur OK</div></p><p>Si votre archivage est long et très conséquent, il se peut que vos outils statistiques, ou votre anti-spam viennent alourdir inutilement votre backup. Dans ce cas, vous pouvez désélectionner certaines lignes de base de données dans l&#8217;étape 1. Un outil comme <a
title="Archivage WordPress" href="http://www.fabricecourt.com/blog-fabrice-court/archiver-sa-base-de-donnees-wordpress">WP-Optimize</a> pourra vous indiquer le poids respectif de vos tables.</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/01/archiver-base-de-donnee-WordPress.jpg"><img
class="alignnone  wp-image-2695" title="archiver-base-de-donnee-WordPress" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/archiver-base-de-donnee-WordPress.jpg" alt="archiver base de données WordPress" width="860" height="122" /></a></p><h5>&gt; Le stockage de vos archives</h5><p>Vous avez téléchargé l&#8217;archive de votre base de donnée. C&#8217;est bien entendu un fichier important dont il faut prendre soin : <strong>ce fichier contient de nombreuses données sensibles qu&#8217;il ne faut pas laisser sans protection.</strong></p><ul><li>Il est intéressant de conserver l&#8217;archivage de votre BDD avec celles que vous avez faite les mois précédents. Pour cela nous vous invitons à horodater l&#8217;archivage avec la date du jour (ex : db352636.sql-23012012.zip pour un archivage le 23 Janvier), et de procéder ainsi de manière incrémentale (gardez au moi 3 à 6 mois d&#8217;antériorité selon le trafic de votre site). Si vous hésitez sur le contenu de tel ou tel archivage, un simple lecteur de texte que WordPad ou Notepad++ pourra vous permettre de lire.</li><li>Vous pouvez doubler votre archivage local par un archivage sur votre propre serveur. Soyez tout de même conscient que cette opération peut-être risquée si votre serveur n&#8217;est pas sécurisé convenablement. Vous pouvez également sécuriser cet archivage sur des espaces tels que <a
href="http://www.dropbox.com/" rel="nofollow" target="_blank">Dropbox</a> qui offre un hébergement gratuit pour 2Go et <a
href="http://aws.amazon.com/fr/s3/#pricing" rel="nofollow" target="_blank">Amazon S3</a> qui vous permettent de le faire pour quelques deniers. Je n&#8217;ai pas testés ces système mais je vous les recommande eut égard à leur réputation.</li></ul><h5>&gt; Avec une extension dédiée</h5><p>Il existe de <a
title="extention de backup" href="http://www.carefulcash.com/the-3-best-backup-solutions-for-a-wordpress-blog/#ixzz1fHTsofaQ" rel="nofollow">nombreuses extensions </a>qui vous permettent d&#8217;automatiser l&#8217;archivage de votre site. Nous nous concentrerons sur une des solutions les plus reconnues : <strong><a
href="http://wordpress.org/extend/plugins/wp-db-backup/" target="_blank">WP-DB-Backup</a></strong> par Austin Matzko. Ce plugin sauvegardera votre base de données à intervalle régulier en vous l’envoyant par mail ou en la stockant sur votre serveur. C&#8217;est une extension simple qui autorise également la restauration des bases de données sauvegardées avec PHPMyAdmin (en cas de plantage massif, votre archivage est donc toujours valable).</p><p><div
class="column3"><img
class="alignnone" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Archive-base-de-donnee-WordPress-Wp-db-backup-01.jpg" alt="Archive de base de données avec une extension" width="270" height="236" /><br
/> <span
class="dropchiffre">1</span> Par défaut, l&#8217;ensemble des tables de votre base WordPress a été sélectionné. Vous pouvez en outre ajouter des bases de données annexes (souvent relatives à des plugins que vous aurez ajouté), ce afin que votre archive soit vraiment complète</div><div
class="column3"><img
class="alignnone" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Archive-base-de-donnee-WordPress-Wp-db-backup-02.jpg" alt="Archive de base de donnée avec Wp db backup" width="270" height="236" /><br
/> <span
class="dropchiffre">2</span>Vous disposez de plusieurs choix concernant la destination de l&#8217;archivage : sur votre serveur (avec les précautions que j&#8217;ai évoqué un peu plus haut), sur votre ordinateur en local ou par email. Il peut-être judicieux d&#8217;ouvrir une boite email spécialisée dans vos archivages</div><div
class="column3"><img
class="alignnone" src="http://www.fabricecourt.com/wp-content/uploads/2012/01/Archive-base-de-donnee-WordPress-Wp-db-backup-03.jpg" alt="Archive de base de données avec une extension" width="270" height="236" /><br
/> <span
class="dropchiffre">3</span> Choisissez enfin la fréquence de votre archivage qui sera harmonisée avec la fréquence de modification de votre blog (nul besoin de faire une sauvegarde par jour si vous faite un article par mois ! Dans cette partie vous pouvez également ajouter les tables annexes comme vous avez pu le faire sur au premier point.</div></p><h3>Les questions que vous pourriez être amenées à vous poser</h3><p><strong>→ Quelle fréquence devrais-je sauvegarder, Combien dois-je conserver de sauvegardes?</strong><br
/> Comme nous l&#8217;avons déjà précisé, cela dépend largement du trafic sur votre site (donc des commentaires apportés par exemple) et de votre rythme de publication. Il peut être intéressant d&#8217;automatiser la sauvegarde ET de la faire également de façon immédiate en cas de gros changement. <strong>N&#8217;oublie pas que la sécurité de votre site dépend également de la bonne tenue des mises à jour</strong> du cœur de WordPress et de vos plugins . Très récemment, un site célèbre et reconnu s&#8217;est fait piraté car un blog inutilisé était accessible via une ancienne version de WordPress (laquelle à offert une porte arrière à l&#8217;ensemble du site).</p><p>→ <strong>Quel autre plugin existe ?</strong><br
/> Mon article n&#8217;a pas pour vertu de faire un benchmark des plugins. Gardez en tête qu&#8217;un bon plugin de sauvegarde est un programme qui doit avoir été très téléchargé auparavant (la popularité prouvera sans doute son efficacité). Il doit être simple dans son utilisation et ne doit pas fabriquer des sauvegardes exotiques que seul le plugin pourra relire (si le dev met la clef sous la porte, vos sauvegardes iront alors toutes à la poubelle). Un bon plugin peut également proposer un forum d&#8217;aide et un support technique adapté. En outre il ne doit rien coûter à mon sens (sauf s&#8217;il propose l&#8217;hébergement de votre archive).</p><p>Merci de votre attention. N’hésitez pas à commenter cet article. Je vous répondrai dès que possible !</p> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/blog-fabrice-court/archiver-sa-base-de-donnees-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Création du site WordPress : LaurenceAllure.fr</title><link>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-laurenceallure-com/</link> <comments>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-laurenceallure-com/#comments</comments> <pubDate>Fri, 23 Mar 2012 10:02:32 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Creation de site]]></category> <category><![CDATA[WordPress]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2859</guid> <description><![CDATA[La refonte du site internet &#171;&#160;Laurence Allure&#160;&#187; La refonte du site sur une nouvelle base WordPress avait été décidé presque simultanément à la refonte du logo de Laurence Allure. Il s&#8217;agissait de donner une vraie dimension à une activité et à une personne qui le méritait ! Pour mémoire, Laurence Gallet a pour activité le [...]]]></description> <content:encoded><![CDATA[<h3>La refonte du site internet &laquo;&nbsp;Laurence Allure&nbsp;&raquo;</h3><p>La refonte du site sur une nouvelle base WordPress avait été décidé presque simultanément à la<a
title="Charte graphique, Flyer et carte de visite ‘Laurence Allure’" href="http://www.fabricecourt.com/blog-fabrice-court/creation-charte-graphique-flyer-carte-de-visite/"> refonte du logo de Laurence Allure</a>. Il s&#8217;agissait de donner une vraie dimension à une activité et à une personne qui le méritait ! Pour mémoire, Laurence Gallet a pour activité le conseil en image (et non le relooking comme elle le précise rapidement). Sa spécificité ? Valoriser la personne dans toutes les dimensions de son être, car cette évolution d&#8217;image physique &laquo;&nbsp;d&#8217;apparence&nbsp;&raquo; s&#8217;accompagne dans la plupart des cas d&#8217;une transformation de la personne.</p><p>Laurence méritait donc un site qui lui ressemble et c&#8217;est une grande fierté d&#8217;avoir pu <a
title="Témoignages Client" href="http://www.laurenceallure.fr/mon-actualite/les-professionnels/">la contenter sur ce point là</a> !</p><h3>Le site WordPress et son choix de template</h3><p>C&#8217;est une fois de plus chez Themes Forest que nous avons fait notre marché en empruntant un thème très original du nom de Suerte. Ce thème s&#8217;accordait tout à fait à la fois à la présentation d&#8217;un portfolio et d&#8217;un aspect très corporate avec la présentation claire de l&#8217;activité de cette professionnelle. Un puissant back office permet de configurer clairement le site. Je regrette seulement dans le cadre de ce thème, l&#8217;absence d&#8217;un réel espace pour la personnalisation de la feuille CSS (j&#8217;entends une feuille parallèle à la feuille en place). Cette limitation a été vite dépassée.</p><h3>L&#8217;habillage et la personnalisation graphique</h3><p>L&#8217;habillage et la personnalisation s&#8217;est faite sur plusieurs axes. Voici une description des 3 plus évidents :</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/03/habillage-site-Wordpress-Laurence-Allure.jpg"><img
class="alignnone  wp-image-2873" title="Habillage du site WordPress Laurence Allure" src="http://www.fabricecourt.com/wp-content/uploads/2012/03/habillage-site-Wordpress-Laurence-Allure.jpg" alt="Habillage du site WordPress Laurence Allure" width="578" height="394" /></a></p><p>Nous lui souhaitons en tout cas une belle réussite et un bon référencement ! Ce dernier point semble d&#8217;ailleurs avoir été atteint grâce aux conseils de Stéphanie RIVIER qui anime l&#8217;atelier <a
href="http://www.mes-ateliers-seo.com/" rel="nofollow" target="_blank">Formation au référencement naturel </a>que je vous recommande.</p><div
class="info_green">Découvrez de nombreuses autres facettes de ce site<br
/> sur <a
href="http://www.laurenceallure.fr">http://www.laurenceallure.fr</a></div> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-laurenceallure-com/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Création du site WordPress : les salons du lys</title><link>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-les-salons-du-lys/</link> <comments>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-les-salons-du-lys/#comments</comments> <pubDate>Thu, 01 Mar 2012 05:50:33 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Creation de site]]></category> <category><![CDATA[WordPress]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2811</guid> <description><![CDATA[Le projet de refonte du site internet &#171;&#160;les salons du lys&#160;&#187; Sollicité par Florence HOUDRE, la gérante des salons du lys, cette refonte était motivée par un désir de retrouver la main sur son site. Naguère codé uniquement en html, sans possibilité de passer par une interface d&#8217;administration, le site de Florence commençait à péricliter, [...]]]></description> <content:encoded><![CDATA[<h3>Le projet de refonte du site internet &laquo;&nbsp;les salons du lys&nbsp;&raquo;</h3><p>Sollicité par Florence HOUDRE, la gérante des salons du lys, cette refonte était motivée par un désir de <strong>retrouver la main sur son site</strong>. Naguère codé uniquement en html, sans possibilité de passer par une interface d&#8217;administration, le site de Florence commençait à péricliter, faute de pouvoir être mis à jour.</p><p>Cette refonte a également permis d&#8217;ajouter toute<strong> une batterie d&#8217;outils favorisant le SEO</strong> et un meilleure visibilité de l&#8217;actualité des salons du lys sur le Web. C&#8217;est toutefois une batterie fort légère car cette nouvelle utilisatrice de WordPress exploite toute la puissance de ce CMS sans même s&#8217;en rendre compte <img
src='http://www.fabricecourt.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>Nous avons enfin rafraichi la charte graphique en sortant du vert monochrome trop présent, et en jouant sur les complémentaires (mais de cela, nous allons en reparler dans quelques instants).</p><h3>Le site WordPress &nbsp;&raquo;les salons du lys&nbsp;&raquo; et son choix de template</h3><p>La base de site utilisée est un thème de chez Theme Forest nommé <em>Etiquette</em> que j&#8217;avais déjà utilisé pour le site &laquo;&nbsp;<a
title="Site WordPress la vie de bohème" href="http://www.fabricecourt.com/blog-fabrice-court/site-wordpress-la-vie-de-boheme-chambre-dhotes/">la vie de bohème</a>&laquo;&nbsp;. Très épuré, ce site permet effectivement beaucoup de fantaisies lorsqu&#8217;il s&#8217;agit de le personnalisé et de lui apporter des personnalisation. Il s&#8217;avère également très pratique à l&#8217;usage grâce à son générateur automatique de <strong>shortcodes</strong>.</p><h3>L&#8217;habillage et la personnalisation graphique</h3><p>L&#8217;habillage et la personnalisation s&#8217;est faite sur plusieurs axes. Voici une description des plus évidents :</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/02/Creation-graphique-site-wordpress-les-salons-du-lys.jpg"><img
class="alignnone size-full wp-image-2833" title="Création graphique pour le site WordPress les salons du lys" src="http://www.fabricecourt.com/wp-content/uploads/2012/02/Creation-graphique-site-wordpress-les-salons-du-lys.jpg" alt="Création graphique pour le site WordPress les salons du lys" width="550" height="684" /></a></p><div
class="info_green">Découvrez de nombreuses autres facettes de ce site<br
/> sur <a
title="personnalisation de thème WordPress" href="http://lessalonsdulys.fr/" rel="nofollow" target="_blank">http://lessalonsdulys.fr/</a></div> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/creation-de-site/creation-du-site-wordpress-les-salons-du-lys/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Refonte du logo de Nadine Court Photographe</title><link>http://www.fabricecourt.com/print/refonte-logo-nadine-court-photographe/</link> <comments>http://www.fabricecourt.com/print/refonte-logo-nadine-court-photographe/#comments</comments> <pubDate>Fri, 17 Feb 2012 07:17:44 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Charte graphique]]></category> <category><![CDATA[Print]]></category> <category><![CDATA[charte]]></category> <category><![CDATA[Création de charte graphique]]></category> <category><![CDATA[Création de logo]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2789</guid> <description><![CDATA[La refonte du logo de Nadine Court Photographe Lifestyle Ce projet trottait depuis un petit moment dans la tête de Nadine Court : la ré-orientation de son entreprise et sa montée en gamme devait s&#8217;accompagner également d&#8217;une refonte de son image et par la même de son logotype. Il est toujours plus complexe d&#8217;envisager une [...]]]></description> <content:encoded><![CDATA[<h2>La refonte du logo de Nadine Court Photographe Lifestyle</h2><p>Ce projet trottait depuis un petit moment dans la tête de<a
title="Nadine COURT Photographe lifestyle Mariage, enfant, famille à Lyon, Rhône-alpes" href="http://www.fabricecourt.com/voulez-vous-une-nouvelle-image-pour-votre-entreprise/" target="_blank"> Nadine Court</a> : la ré-orientation de son entreprise et sa montée en gamme devait s&#8217;accompagner également d&#8217;une <a
title="Création et refonte de logo" href="http://www.fabricecourt.com/tag/creation-de-logo/">refonte de son image</a> et par la même de son logotype. Il est toujours plus complexe d&#8217;envisager une <a
title="Création de charte graphique pour les entreprises" href="http://www.fabricecourt.com/print/">création de charte graphique</a> lorsque une personne très proche est concernée, et cela demande à mon sens un effort supplémentaire d’extériorisation.<br
/> La création d&#8217;un logotype répond à plusieurs critères :</p><ul><li>Il est nécessaire tout d&#8217;abord qu&#8217;il incarne les valeurs de l&#8217;entreprise concernée en intégrant graphiquement les symboles forts, en dégageant l&#8217;énergie qui anime la société</li><li>Il doit fonctionner sur tout support du watermark présent sur les photographies, aux plaquettes qu&#8217;elle distribue à ses clients en passant par son <a
title="Nadine COURT Photographe lifestyle Mariage, enfant, famille à Lyon, Rhône-alpes" href="http://www.fabricecourt.com/voulez-vous-une-nouvelle-image-pour-votre-entreprise/" target="_blank">Site Web</a>. Il doit également être visible quelle que soit la couleur de fond ou la taille d&#8217;affichage<a
title="Nadine COURT Photographe lifestyle Mariage, enfant, famille à Lyon, Rhône-alpes" href="http://www.fabricecourt.com/voulez-vous-une-nouvelle-image-pour-votre-entreprise/" target="_blank">.</a></li><li>Il doit emprunter les principes fondamentaux du graphisme en terme de mise en page, de cohérence colorimétrique, d&#8217;harmonie des formes</li></ul><h2>L&#8217;étude du projet</h2><p>À la faveur d&#8217;une coupure internet trop prolongée, Nadine et moi nous sommes donc penchés sur la réforme de son précédent logo que j&#8217;avais alors exécuté plus rapidement. Voici un schéma qui résume mon cheminement<br
/> <a
href="http://www.fabricecourt.com/print/refonte-logo-nadine-court-photographe/"><img
class="alignnone  wp-image-2794" title="refonte-logo-nadine-court-photographe-lifestyle" src="http://www.fabricecourt.com/wp-content/uploads/2012/02/refonte-logo-nadine-court-photographe-lifestyle.png" alt="refonte du logo de Nadine COURT Photographe lifestyle à Chambéry" width="578" height="578" /></a><br
/> Quelques explications complémentaires</p><p>→ Il semblait capital pour Nadine d&#8217;avoir une attache forte avec son terroir, c&#8217;est pourquoi la fleur de lys à été la base de notre réflexion. Ce symbole est cependant très attaché à la royauté Française, et il n&#8217;était pas souhaitable de lier Nadine Court à cette sémantique<br
/> → Nous avons ajouté des couleurs triadiques tels le rose et le pourpre pour enrichir l&#8217;univers colorimétrique. Merci d&#8217;ailleurs à <a
title="Céline Boura" href="http://www.leluxedetresoi.com/" rel="nofollow">Céline Boura</a> pour l&#8217;inspiration qu&#8217;elle a apporté<br
/> → Nous avons ajouté de la douceur à la typographie utilisée précédemment (Century Gothic) en adoptant une police sans serif douce et harmonieuse.</p><p>Souhaitons que ce Logo apporte tout le succès que l&#8217;entreprise de Nadine Court mérite<br
/><div
class="info_green"><strong>Et vous ?</strong><br
/> que ressentez-vous pour le logo</div></p> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/print/refonte-logo-nadine-court-photographe/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Création du site WordPress : pieds-sur-terre.com</title><link>http://www.fabricecourt.com/creation-de-site/creation-site-wordpress-pieds-sur-terre-com/</link> <comments>http://www.fabricecourt.com/creation-de-site/creation-site-wordpress-pieds-sur-terre-com/#comments</comments> <pubDate>Wed, 15 Feb 2012 09:17:22 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Creation de site]]></category> <category><![CDATA[WordPress]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2753</guid> <description><![CDATA[Le projet de refonte du site en un CMS complet La refonte de l&#8217;ancienne et simple page html de pieds-sur-terre en un site WordPress complet était une étape naturelle pour le développement de l&#8217;activité de Caroline Barnasson, la créatrice de Pieds sur terre. Une fois de plus (j&#8217;ai décidément beaucoup de chance avec mes clients), [...]]]></description> <content:encoded><![CDATA[<h3>Le projet de refonte du site en un CMS complet</h3><p>La refonte de l&#8217;ancienne et simple page html de <em>pieds-sur-terre</em> en un <a
title="Création de site" href="http://www.fabricecourt.com/creation-de-site/">site WordPress complet</a> était une étape naturelle pour le développement de l&#8217;activité de Caroline Barnasson, la créatrice de <em>Pieds sur terre</em>.</p><p>Une fois de plus (j&#8217;ai décidément beaucoup de chance avec mes clients), il a été vraiment agréable de travailler avec une professionnelle décidée qui a su apporter des apports très constructifs à chaque phase de la réalisation de son site. Cette conseillère en communication de la région et moi partageons ensemble une problématique commune, celle de<strong> proposer des solutions en accord avec les envies de nos clients</strong>. Nous nous sommes donc bien entendu sur ce terrain, et il a été d&#8217;autant plus aisé d&#8217;envisager la personnalisation d&#8217;un template à l&#8217;image de son entreprise.</p><h3>Le site WordPress et son choix de template</h3><p>La base de site utilisée est un thème de chez Theme Forest nommé rthemes-15. Ce thème possédait déjà naturellement ce côté arrondi qui rentre merveilleusement en résonance avec le logo de pieds-sur-terre. Ce thème est multi-usage et offre la part belle à une orientation plus corporate et entreprise. Il intègre naturellement la technologie <em>cufón</em> pour l&#8217;intégration de police ; cette technologie utilise le Javascript pour calculer les tracés vectoriels (donc lissés et de belle facture) à partir des fichiers de vos polices d’écriture préférées.</p><h3>L&#8217;habillage et la personnalisation graphique</h3><p>L&#8217;habillage et la personnalisation s&#8217;est faite autour de plusieurs pôles. Voici une description des plus évidents :</p><p>Adaptation des couleurs avec la charte de Pieds-sur-terre<br
/> <a
href="http://www.fabricecourt.com/wp-content/uploads/2012/02/Choix-et-personnalisation-de-couleur.jpg"><img
class="alignnone size-full wp-image-2766" title="Choix-et-personnalisation-de-couleur" src="http://www.fabricecourt.com/wp-content/uploads/2012/02/Choix-et-personnalisation-de-couleur.jpg" alt="Choix et personnalisation de couleur" width="578" height="242" /></a></p><p>Nous avons là employé les couleurs présentes dans la charte de pieds sur terre et nous y avons adjoint une typographie supplémentaire (d&#8217;ailleurs proposée par le thème). Sa chasse condensée permet à de grands titres de pouvoir s&#8217;exprimer librement dans de petits espaces.</p><p><a
href="http://www.fabricecourt.com/wp-content/uploads/2012/02/Ajout-zone-widget.jpg"><img
class="alignnone size-full wp-image-2762" title="Ajout-zone-widget" src="http://www.fabricecourt.com/wp-content/uploads/2012/02/Ajout-zone-widget.jpg" alt="Ajout d'une zone pour un widget" width="578" height="263" /></a><br
/> → Personnalisation de la home page :</p><ul><li>Ajout d&#8217;une zone &laquo;&nbsp;widgetsisable&nbsp;&raquo; à l&#8217;aide d&#8217;un ajout de code dans la page php concernée, et d&#8217;une modification de la page function.php. Il a suffit ensuite de personnaliser la feuille CSS avec des styles ad hoc.</li><li>Redistribution des éléments de la home page en suivant les directives de Caroline Barnasson</li></ul><p>→ Recherche de visuels adaptés (image de fond et images d&#8217;illustration). Sur ce chapitre, je n&#8217;ai fait qu&#8217;initier à peine de mouvement. J&#8217;ai ensuite été tout à fait guidé par le choix éclairé de Caroline concernant le choix de ses visuels qui me paraissent très bien adaptés. La photo de fond vient de la propre banque de Caroline. J&#8217;ai ajouté un traitement Photoshop pour la transformer en texture et afin qu&#8217;elle ne gêne pas la lecture du site.</p><p>→ Création d&#8217;une page de contact personnalisée à l&#8217;aide de cforms avec lequel j&#8217;ai bâti un formulaire et dont j&#8217;ai personnalisé point par point la feuille de style CSS pour qu&#8217;elle colle parfaitement au thème.</p><p>Nous avons achevé ces personnalisations par un travail technique de fond</p><ul><li>Ajouts des plugins SEO nécessaires et personnalisation</li><li>Migration et redirection des DNS</li><li>Optimisation du temps de chargement grâce à des réglages appropriés</li></ul><p>En conclusion, un travail rondement mené, et fort agréable à suivre tout au long des différentes phases de création.</p><div
class="info_green">Découvrez de nombreuses autres facettes de ce site<br
/> sur <a
title="personnalisation de thème WordPress" href="http://www.pieds-sur-terre.com/" target="_blank" rel="nofollow">http://www.pieds-sur-terre.com/</a></div> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/creation-de-site/creation-site-wordpress-pieds-sur-terre-com/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Bannière Web pour ‘Le luxe d’être soi’ – Céline BOURA</title><link>http://www.fabricecourt.com/blog-fabrice-court/banniere-web-luxe-etre-soi-celine-boura/</link> <comments>http://www.fabricecourt.com/blog-fabrice-court/banniere-web-luxe-etre-soi-celine-boura/#comments</comments> <pubDate>Thu, 15 Dec 2011 08:02:45 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Charte graphique]]></category> <category><![CDATA[Print]]></category> <category><![CDATA[Création de charte graphique]]></category> <category><![CDATA[Création de logo]]></category> <category><![CDATA[graphiste professionnel]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2627</guid> <description><![CDATA[L&#8217;histoire de ma rencontre avec Céline est très certainement une histoire d&#8217;affinité. À la tête de son entreprise Le luxe d&#8217;être soi, Céline Boura met son expérience de Directeur Artistique glanée dans de grandes maisons, au service d&#8217;un objectif plus spécifique et plus humain. J&#8217;ai vraiment apprécié son approche très sensible et sa conception basée [...]]]></description> <content:encoded><![CDATA[<p>L&#8217;histoire de ma rencontre avec Céline est très certainement une histoire d&#8217;affinité.</p><p>À la tête de son entreprise <a
title="Le luxe d'être soi" href="http://www.leluxedetresoi.com/">Le luxe d&#8217;être soi</a>, Céline Boura met son expérience de Directeur Artistique glanée dans de grandes maisons, au service d&#8217;un objectif plus spécifique et plus humain. J&#8217;ai vraiment apprécié son approche très sensible et sa conception basée sur le concept que chaque entreprise peut être exceptionnelle si elle s&#8217;en donne les moyens. Nous partageons très certainement un goût commun de la rigueur esthétique et l&#8217;authenticité.</p><p>Notre partenariat en est à ses débuts, et j&#8217;ai été vraiment honoré de travailler sur ce projet qui touchait à sa propre communication.</p><h3>Refonte graphique de la bannière Web</h3><p><img
class="alignnone size-full wp-image-2638" title="Luxe-etre-soi-refonte-de-logo" src="http://www.fabricecourt.com/wp-content/uploads/2011/12/Luxe-etre-soi-refonte-de-logo.jpg" alt="refonte de logo" width="578" height="293" /></p><p>La précédente bannière était composée dans une font proche du Garamond, une fonte (ou plutôt un groupe de fontes tant cette typo a fait des petits) créée par Claude GARAMONT, un fondeur de caractères Français. L&#8217;originalité de ce caractère dont la modernité s&#8217;affirme encore aujourd’hui, est d&#8217;avoir remplacé les caractères gothiques qui étaient alors en usage, par des formes plus proches de l&#8217;alphabet romain et qui allaient devenir le support d&#8217;expression de la Renaissance. Claude Garamont va également fondre une graisse de caractère italique qui n&#8217;est pas seulement une mise en oblique de son premier travail, mais une vraie création typographique.</p><p><img
class="alignnone size-full wp-image-2643" title="Luxe-etre-soi-creation-charte-graphique" src="http://www.fabricecourt.com/wp-content/uploads/2011/12/Luxe-etre-soi-creation-charte-graphique.jpg" alt="Création de charte de graphique" width="578" height="476" /></p><p>Même si ce logo aux airs de Garamond était emprunt de modernité (comme nous l&#8217;avons vu ci-dessus), Céline désirait un logo &laquo;&nbsp;plus vivant, plus stylisé, plus incarné&nbsp;&raquo; (selon ses termes) et nous avons donc travaillé dans ce sens. Nous avons donné un aspect plus sensible et plus instinctif à ce <a
title="Création de charte graphique pour les entreprises" href="http://www.fabricecourt.com/print/">logotype</a> en utilisant une typo scripte. Nous avons donc opté pour une police de caractère créée par Andrew Leman d&#8217;après des textes publicitaires des années 30, la fonte Satisfaction™. On échappe ici tout à fait au caractère vintage pour découvrir une ligne très aérienne, féminine et déliée.</p><p>La fonte a en outre été remaniée point par point sous Illustrator pour parvenir à un meilleur équilibre graphique et à soigner les interlettrages. Certaines lettres ou signe (comme le L majuscule) qui ne correspondaient pas à l’esthétique globale du logo ont quant à elles été complétement retracée à la main</p><h3>Refonte légère de la feuille de style CSS</h3><p>Ce travail plus invisible a été centré sur la mise en cohérence graphique du reste de son site avec un travail axé sur des éléments comme le champs de recherche, la présentation de la navigation, l&#8217;interlignage ou le comportement des liens en survols. Ces modifications ont été accomplies grâce à une feuille CSS, véritable âme esthétique d&#8217;un site <a
title="création de site WordPress" href="http://www.fabricecourt.com/category/creation-de-site/">WordPress</a> (et de bien d&#8217;autres sites également).</p><div
class="info_blue">Ne manquez pas de consulter un article de Céline <span
style="text-decoration: underline;"><a
title="Le luxe d'être soi" href="http://www.leluxedetresoi.com/2012/02/06/le-luxe-detre-bien-entouree/">qui annonce un nouveau partenariat</a></span>. Je ne manquerai pas prochainement de publier une nouvelle page à ce sujet</div> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/blog-fabrice-court/banniere-web-luxe-etre-soi-celine-boura/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Création de charte graphique : Promenons-nous dans les bois</title><link>http://www.fabricecourt.com/blog-fabrice-court/creation-de-charte-graphique-promenons-nous-dans-les-bois/</link> <comments>http://www.fabricecourt.com/blog-fabrice-court/creation-de-charte-graphique-promenons-nous-dans-les-bois/#comments</comments> <pubDate>Mon, 05 Dec 2011 11:17:53 +0000</pubDate> <dc:creator>FabriceCourt</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Charte graphique]]></category> <category><![CDATA[Print]]></category> <category><![CDATA[Création de charte graphique]]></category> <category><![CDATA[Création de logo]]></category> <category><![CDATA[graphiste professionnel]]></category> <guid isPermaLink="false">http://www.fabricecourt.com/?p=2586</guid> <description><![CDATA[L&#8217;entreprise et le projet La promenade pour chien n&#8217;était pas nécessairement ma tasse de thé, et j&#8217;en avais une vision très restrictive à base de promenade de caniches sur-toilettés ou de chihuahuas dont la garde-robe atteint la moitié du PIB de la Tanzanie. Stéphane BENGUIGUI de Promenons-nous dans les bois a toutefois su vraiment me [...]]]></description> <content:encoded><![CDATA[<h3>L&#8217;entreprise et le projet</h3><p>La promenade pour chien n&#8217;était pas nécessairement ma tasse de thé, et j&#8217;en avais une vision très restrictive à base de promenade de caniches sur-toilettés ou de chihuahuas dont la garde-robe atteint la moitié du PIB de la Tanzanie.</p><p>Stéphane BENGUIGUI de Promenons-nous dans les bois a toutefois su vraiment me passionner par son approche originale qui redonne sa <span
style="text-decoration: underline;">vraie</span> place à l&#8217;animal. Basée sur une analyse éthologique (étude du comportement animal), Promenons-nous dans les bois propose de sortir les chiens en groupe et sans laisse (après une période d&#8217;adaptation, et dans les zones autorisées). L&#8217;animal retrouve alors sa place au sens de la meute : &laquo;&nbsp;<em>Après avoir dépensé son trop plein d&#8217;énergie dans le bois (et non plus dans votre salon), le chien est ramené au domicile. Une fois sa promenade terminée, il sera plus calme à la maison et plus sociable avec les autres chiens&nbsp;&raquo;</em>.</p><p>Le projet consistait donc à donner un nouvel essor à la charte graphique de Promenons-nous dans les bois et au site Web (ce que nous verrons dans un second temps), tout en gardant à l&#8217;esprit l&#8217;ensemble de ces valeurs.<br
/> <img
class="alignnone size-full wp-image-2595" title="refonte-logotype-promenons-nous-dans-les-bois" src="http://www.fabricecourt.com/wp-content/uploads/2011/12/refonte-logotype-promenons-nous-dans-les-bois.png" alt="Refonte du logotype de &quot;promenons-nous dans les bois&quot;" width="578" height="419" /><br
/> Stéphane BENGUIGUI m’a donc demandé de refondre son logo que vous découvrez en premier lieu dans le bandeau ci-dessus et de créer sa <a
title="Création de charte graphique pour les entreprises" href="http://www.fabricecourt.com/print/">charte graphique</a> et son site web dans un second temps.</p><p>Merci à <a
title="Site WordPress Optimoms.fr Conseils marketing &amp; solutions innovantes ciblés mamans" href="http://www.fabricecourt.com/blog-fabrice-court/site-wordpress-optimoms-fr-conseil-marketing-et-solutions-innovantes-cibles-mamans/">Célia René-Corail</a> de Optimoms qui m&#8217;a présenté ce nouveau client et qui a donc permis cette rencontre tout à fait enrichissante.</p><h3>Le choix des formes</h3><p>Le logo originel de PNDB (Promenons-nous dans les bois) avait une dimension &laquo;&nbsp;story-telling&nbsp;&raquo; et sans reprendre la duplicité marketing que ce mot évoque, il nous a paru intéressant de garder une dimension très concrète pour ce logo. Il fallait raconter une histoire pour éclaircir tout à fait l&#8217;activité de promenade canine de l&#8217;entreprise et recentrer la raison sociale (bâtie autour d&#8217;une comptine) autour du visuel. Les axes forts du précédent logo (ambiance sylvestre, silhouette canine et humaine) ont donc été conservés. Nous avons vraiment travaillé sur les formes et les couleurs pour redonner de la visibilité à ce logo.</p><p>Il était également capital d&#8217;évoquer l&#8217;ambiance d&#8217;une promenade canine :</p><ul><li>des chiens libres, heureux et sans laisses. Évoqués sous forme de meute, ils induisent beaucoup d&#8217;énergie à ce visuel</li><li>un homme au port altier. Placé dans une couleur plus sombre il apparait au premier plan, serein et en pleine possession de son métier/activité.</li><li>une ambiance champêtre évoquée par les couleurs et un sol inégal qui donne un côté plus naturel à la balade</li></ul><h3>Le choix des couleurs</h3><p><img
class="alignnone size-full wp-image-2599" title="Choix-des-couleurs-creation-charte-graphique-PNDB" src="http://www.fabricecourt.com/wp-content/uploads/2011/12/Choix-des-couleurs-creation-charte-graphique-PNDB.png" alt="Choix des couleurs cr&quot;ation charte graphique PNDB" width="578" height="299" /><br
/> La nature a été représentée de façon très métaphorique en utilisant des couleurs fraîches dans une gamme de vert (+ couleurs complémentaires) et des formes globuleuses qui laissent la place à l’imagination (nuages, forêt ou ligne d’horizon d’un bois).</p><p>Le nombre de couleur a été réduit par rapport au logo précédent pour gagner en pertinence et pour être bien exprimé sur tous les supports. La couleur rubis s’impose comme une pointe d’énergie réveillant cet ensemble.</p><h3>Le choix des fontes</h3><p>Un choix de typo au dessin simple s&#8217;est très vite imposé. Cette fonte devait également avoir du caractère et concentrer sur peu d&#8217;espace la longue base-line de la société.<br
/> L&#8217;Helvetica a été créée en 1957 par Max Miedinger qui la désirait très neutre sur le plan stylistique. Ce caractère très lisible procure beaucoup de visibilité, même sur des petits modules.</p><p><img
class="alignnone size-full wp-image-2600" title="Choix-de-typo-creation-de-charte-graphique" src="http://www.fabricecourt.com/wp-content/uploads/2011/12/Choix-de-typo-creation-de-charte-graphique.png" alt="Choix de typographie création de charte graphique" width="578" height="271" /><br
/> L&#8217;arrangement typographique du logo permet une bonne lecture de la raison sociale. Le point sur le i de couleur Rubis confère une variation agréable<br
/> <img
class="alignnone size-full wp-image-2602" title="creation-de-logotype-PNDB" src="http://www.fabricecourt.com/wp-content/uploads/2011/12/creation-de-logotype-PNDB.png" alt="création de logotype - choix de la baseline" width="578" height="103" /></p><div
class="info_notice"><strong>Votre <a
title="Création de charte graphique pour les entreprises" href="http://www.fabricecourt.com/category/charte-graphique/">charte graphique </a>est un élément moteur de votre communication</strong>. Elle assure à la fois l&#8217;identification de votre activité et exprime les valeurs de votre entreprise.<br
/> Vous souhaitez créer ou rafraîchir votre <a
title="Création de charte graphique pour les entreprises" href="http://www.fabricecourt.com/category/charte-graphique/">charte graphique</a> ?<br
/> <a
title="Contact" href="http://www.fabricecourt.com/contact/">Ne manquez pas de me contacter</a></div> ]]></content:encoded> <wfw:commentRss>http://www.fabricecourt.com/blog-fabrice-court/creation-de-charte-graphique-promenons-nous-dans-les-bois/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <media:rating>nonadult</media:rating><media:description type="plain">Podcast FabriceCourt.com</media:description></channel> </rss><!-- Dynamic page generated in 0.692 seconds. --><!-- Cached page generated by WP-Super-Cache on 2012-05-26 10:22:30 -->

