Si vous bloguez avec WordPress, je suis à peu près certaine que vous avez passé beaucoup de temps à choisir votre thème, c’est-à-dire l’apparence graphique de votre blog.

Peut-être même que vous n’arrivez pas à vous décider et que vous changez régulièrement de thème… ou bien peut-être vous sentez-vous frustré parce qu’aucun thème ne correspond vraiment à ce que vous voulez…

Choisir un thème pour son blog, c’est devenu un truc de fou.

La production de thèmes pour WordPress, qu’il soient gratuits ou payants, est devenue une véritable industrie qui nous place devant des choix difficiles à faire.

« Quel style ? Combien de colonnes ? Avec ou sans « slider » ? Le thème gratuit que je viens de dénicher sera-t-il régulièrement mis à jour ? Ne comporte-t-il pas des liens cachés, voire pire : du code « malveillant » qui viendra mettre le bazar dans mon blog ? »

Concernant le choix d’un thème payant, là encore il convient de se poser quelques bonnes questions, notamment celle-ci : la société qui vend ces thèmes est-elle installée depuis longtemps ou bien vient-elle juste d’émerger dans ce vaste marché et ne risque-t-elle pas de disparaître avec armes et bagages dans quelques mois ?

Si vous devez choisir un thème Premium (i.e. payant), je ne saurais trop vous recommander d’aller vers des sociétés bien implantées telles que Elegant Themes, Graph Paper Press, Themify, Up Themes, ou WooThemes… pour n’en citer que quelques unes.

Mais il se peut là encore que vous ne trouviez pas ce qui vous convient. Alors finalement, pourquoi ne pas créer votre propre thème ?

Je vous entends déjà… « quoi ? mais je ne sais pas faire ça ! » 

Si ça peut vous rassurer, moi non plus. Pourtant, il existe de très nombreux tutoriels pour apprendre à le faire, mais franchement, avez-vous le temps et l’envie de vous y coller ? En ce qui me concerne, définitivement : non !

D’autant qu’il existe des outils qui peuvent faire le boulot pour vous. Notamment le logiciel (bien connu maintenant) Artisteer qui se développe sans cesse et que toute personne créant ses sites et ses blogs devrait avoir dans sa boîte à outils graphiques.

Certains pourront faire la grimace vis-à-vis d’Artisteer, car – c’est un peu vrai – on repère un template créé avec ce logiciel en deux secondes.

Mais cette remarque ne vaut que pour ceux qui ne sont pas trop creusé la tête pour créer un template vraiment original : il est très facile de créer quelque chose qui ne porte pas la « marque de fabrique » Artisteer. J’en veux pour preuve le template que j’ai créé pour mon site de correction.

Maintenant, pour celles et ceux qui seraient définitivement réfractaires à Artisteer, j’ai récemment découvert un nouveau générateur de thèmes WordPress en ligne : WPTheme Generator. Nouveau, car il en existe plusieurs autres, mais tellement rudimentaires que je n’ai même pas eu envie de les tester.

En revanche, WPTheme Generator offre des fonctionnalités très développées qui permettent de créer un thème vraiment original.

Autant prévenir tout de suite : vous ne pourrez télécharger gratuitement qu’une version XHTML du template que vous aurez créé grâce au menu qui se trouve à droite de la page d’accueil. Vous pourrez naturellement utiliser ce template pour mettre en ligne un site simple.

Mais si vous souhaitez télécharger votre création au « format » WordPress, il vous en coûtera 29$ pour une période de 6 mois d’utilisation. Pas de quoi se ruiner !

Vous pouvez voir sur cette page tous les éléments graphiques qui peuvent être intégrés à vos créations. La richesse de ce qui est proposé, la facilité d’utilisation m’ont personnellement convaincue.

Là encore – mais ça vaut dans à peu près tous les domaines – en faisant preuve d’inventivité, vous allez pouvoir créer un thème qui vous ressemble vraiment.

Allez-y, amusez-vous avec l’interface de création, vous allez voir, c’est très sympa.

***

Cet article provient de Ressources Web Design

Celles et ceux qui me suivent depuis longtemps le savent : je suis une WordPress addict. C’est une passion proprement dévorante, et naturellement, au fil de mes recherches, j’ai déniché quelques petites perles qui, je l’espère, vous seront utiles.

Comme vous pouvez vous en douter, je suis très friande du moindre petit plugin qui peut me permettre d’améliorer non seulement le design de mon blog, mais aussi l’ergonomie, la facilité de navigation, bref, tout ce qui peut le rendre « user friendly ».

Je souhaitais donc, pour l’évènement inter-blogueurs proposé par Yvon de Copywriting Pratique, vous proposer une sélection de plugins utiles, originaux et surtout : que tout le monde puisse utiliser simplement, facilement, sans prise de tête quoi !

Eh bien croyez-le ou non, mon choix n’a pas été si facile à faire… car des plugins « usine à gaz », ça ne manque pas.

Des plugins qui ne tiennent pas leurs promesses ou qui ne fonctionnent pas, ça ne manque pas non plus.

Mais à l’expérience, je préfère autant que possible utiliser des plugins qui ne font qu’une seule chose et qui ne m’obligent pas à passer des heures à reconfigurer mon blog si je décide de les abandonner.

Et je voulais en outre ne proposer que des plugins gratuits, si bien que j’ai dû en écarter un certain nombre qui pourtant me sont aujourd’hui indispensables.

Voici donc ma sélection de cinq plugins gratuits. Je précise que dans chaque catégorie, il existe d’autres plugins du même type, j’en ai testé énormément et n’ai retenu ici que ceux qui fonctionnent sans problème et sans réglages particuliers.

***

# Drop Caps

Il y a plusieurs mois, j’ai cherché une solution pour créer automatiquement des lettrines au début de mes articles et pages. Après de nombreux essais, j’ai finalement opté pour Drop Caps qui m’a semblé être le meilleur dans sa catégorie.

Drop Caps ne vous permettra pas de choisir le style de votre lettrine, mais il fonctionne bien contrairement à d’autres du même type.

Une fois Drop Caps installé et activé sur votre blog, rendez-vous dans la rubrique Réglages et cliquez sur Drop Caps.

Vous pourrez alors choisir à quel endroit de votre blog les lettrines apparaîtront. Vous aurez même la possibilité d’exclure certains articles et certaines catégories si vous le souhaitez.

Pour télécharger Drop Caps, rendez-vous sur cette page.

***

# BJ Lazy Load

Un blog comme celui-ci présente énormément d’images, ce qui ralentit considérablement le temps de chargement dans le navigateur. Et ce, même si je n’utilise que des images optimisées pour le Web.

Là encore, plusieurs plugins existent et j’ai porté mon choix sur BJ Lazy Load qui permet de ne charger les images à l’intérieur de mes articles ou pages que lorsqu’elles deviennent apparentes dans le navigateur.

Une fois BJ Lazy Load installé et activé sur votre blog, rendez-vous dans la rubrique Réglages et cliquez sur BJ Lazy Load.

Vous pouvez parfaitement laisser les réglages par défaut si vous ne souhaitez pas vous compliquer la vie !

Pour télécharger BJ Lazy Load, rendez-vous sur cette page.

***

# Logout Redirect

Avez-vous remarqué que lorsque vous vous déconnectez de votre blog, vous êtes renvoyés sur la page de login (vos utilisateurs également donc) ? Franchement pas terrible… et surtout, totalement improductif !

Eh oui : pourquoi gâcher une si belle occasion de montrer autre chose à vos utilisateurs que cette page de login ? Les faire revenir sur votre page d’accueil par exemple… ou afficher un autre de vos sites ou toute autre page Web, c’est très facile avec Logout Redirect.

Une fois Logout Redirect installé et activé sur votre blog, rendez-vous sur la page Réglages > Général. Tout en bas de la page, vous verrez une petite rubrique Logout Redirect : il vous suffit alors d’indiquer l’URL de la page de redirection après déconnexion et d’enregistrer les modifications.

Pour obtenir Logout Redirect, rendez-vous sur cette page. Cliquez sur le bouton vert et une popup va apparaître dans laquelle vous cliquerez à nouveau sur le bouton vert pour créer votre compte gratuitement. Une fois votre compte créé, vous pourrez accéder au téléchargement de Logout Redirect ainsi qu’aux autres ressources gratuites proposées.

***

# Simple Pull Quote

Voici une manière toute simple et élégante de mettre en exergue un paragraphe à l’intérieur d’un article. Idéal si vous voulez présenter des citations.

Là encore, j’ai testé beaucoup de plugins dans le même style, il en existe de nombreux qui utilisent des shortcodes et permettent bien d’autres aménagements graphiques.

Seulement voilà : j’aurais tendance à dire que trop de fonctionnalités finit par tuer le plaisir ! Non seulement ça, mais si vous avez parsemé vos articles de myriades de shortcodes de design, imaginez ce qui se passera le jour où vous aurez envie de changer le look de vos articles… bonjour la galère !

Avec Simple Pull Quote, aucun risque, car dans le cas où vous voulez adopter une autre présentation, vous n’aurez pas à passer plusieurs heures à nettoyer vos articles.

Une fois Simple Pull Quote installé et activé sur votre blog, vous verrez apparaître une petite icône dans votre éditeur.

Il vous suffira alors de sélectionner la phrase ou le paragraphe que vous souhaitez mettre en avant et de cliquer sur cette icône.

Pour télécharger Simple Pull Quote, rendez-vous sur cette page.

***

# Scroll To Top Plugin

Si vous êtes de ceux qui écrivent des articles trèèès longs… si vous avez la chance d’avoir plusieurs dizaines de commentaires sur vos blogs, vos visiteurs vous remercieront d’avoir installé Scroll To Top Plugin.

Vous savez bien : tout ce qu’on peut faire en un seul clic fait notre joie !

C’est le cas de Scroll To Top Plugin qui permet tout simplement à vos visiteurs de remonter en haut de votre blog en un seul clic.

Une fois Scroll To Top Plugin installé et activé sur votre blog, vous pouvez décider de ne rien faire : le plugin active automatiquement l’image d’une petite flèche bleue qui est immédiatement fonctionnelle. Regardez en bas à droite de votre écran…

Mais si vous souhaitez utiliser votre propre icône/image/flèche, rendez-vous dans la rubrique Réglages et cliquez sur Scroll To Top. Vous pourrez alors insérer l’URL de votre propre image. N’oubliez pas bien sûr de cliquer sur Update Settings.

Pour télécharger Scroll To Top, rendez-vous sur cette page.

***

Et maintenant… je serais curieuse de savoir si vous avez apprécié ces plugins (modestes mais efficaces !). N’hésitez pas à me faire part de vos essais, et à partager vos petites ressources secrètes, je suis certaine que vous en avez vous aussi !

***

Cet article participe à l’évènement inter-blogueurs « Echanges de compétences » organisé par le blog Copywriting Pratique. Si vous avez lu cet article, à combien l’évalueriez-vous sur 5 ? Cliquez sur la note de votre choix : 0 – 1 – 2 – 3 – 4 – 5

***

Cet article provient de Ressources Web Design

Inévitablement, je devais un jour ou l’autre vous parler de ce site incroyable : DeviantArt.

Attention : c’est vraiment ÉNORME ! Et comme pour le bon plan du mois d’avril, je vous conseille de n’y aller que si vous avez du temps devant vous et surtout, quelque chose de précis à chercher.

Car sur DeviantArt, vous allez facilement vous laisser emporter pendant quelques heures, de page en page, de lien en lien.

Alors, qu’est-ce que cette caverne d’Ali Baba ? Eh bien c’est un site communautaire sur lequel les graphistes, photographes, webdesigners et autres catégories de créateurs proposent leur travail pour se faire connaître.

On y trouve vraiment de tout, dans tous les styles possibles et imaginables. Il suffit de naviguer dans le site à partir du menu qui est présenté à gauche de la page d’accueil ou d’utiliser la barre de recherche qui se trouve en haut de l’écran.

Par exemple, si vous cherchez des « layer styles » pour Photoshop, inscrivez « photoshop styles » dans la barre de recherche et hop ! voilà de quoi vous occuper pendant un moment…

Pratiquement tout ce qui est proposé sur DeviantArt peut être téléchargé gratuitement, il faut juste ne pas oublier de vérifier les licences et conditions d’utilisation qui accompagnent chaque élément que vous souhaitez obtenir. Parfois, vous devrez citer la source, parfois non. Enfin rien de nouveau de ce point de vue, c’est une pratique des plus courantes.

Autre chose : afin de soutenir le travail des créateurs qui vous offrent généreusement des échantillons de leurs travaux, il convient de créer votre compte (gratuitement bien sûr) de manière à pouvoir les remercier chaque fois que vous téléchargez quelque chose, soit en les ajoutant à vos « favoris », soit en leur laissant un petit commentaire sympa.

***

Cet article provient de Ressources Web Design

Ayant reçu plusieurs questions au sujet de la création de bannières, je vais tâcher aujourd’hui de vous donner les meilleures pistes pour vous éviter de perdre du temps inutilement.

Soyons clairs : le visuel fait partie intégrante du message que vous voulez faire passer.

Meilleurs seront vos visuels, meilleures seront vos chances d’atteindre votre but : qu’on clique dessus !

Ce n’est donc pas un domaine à prendre à la légère.

Même si vous êtes d’un naturel bienveillant, vous aurez tendance, comme tout le monde, à cliquer sur un visuel qui a de la gueule.

C’est pourquoi, à l’expérience, je pense qu’il y a deux ou trois trucs à prendre en compte avant de se lancer dans la création de ses propres bannières.

En résumé : mieux vaut ne pas rater son coup. Personne ne cliquera jamais sur une bannière moche !

Tout de suite, afin de poser le décor, et cela vaut pour tout ce que vous aurez à faire en matière de graphisme, posez-vous ces questions :

- avez -vous déjà une idée du genre de bannière que vous voulez (formats, couleurs, fixe ou animée) ?
- si oui, disposez-vous du matériel graphique nécessaire ou devez-vous passer du temps à le chercher (polices de caractères, icônes, fond) ?
- maîtrisez-vous assez bien votre logiciel de création graphique pour obtenir un résultat satisfaisant sans y passer trois jours ?
- sérieusement : avez-vous du temps à consacrer à cette tâche ou ne vaudrait-il pas mieux avoir recours aux services d’un graphiste ?

En fonction des réponses que vous donnez à ces questions, je vois cinq options.

#1 – Vous êtes décidé à créer vos bannières vous-même.

Très bien. Alors vous devez :

- définir vos formats.

Les plus courants sont : 480px x 60px ; 125px x 125px ; 250px x 250px ; 300px x 300px ; 160px x 600px ; 728px x 90px.

Il en existe bien d’autres, mais c’est important de respecter ces formats si vous prévoyez de placer vos bannières dans des régies publicitaires notamment ou si vous développez une affiliation : vos bannières devront s’intégrer facilement dans des environnements standards. Mais naturellement, libre à vous de créer n’importe quel format !

- choisir vos polices de caractères, votre fond (uni, dégradé, en plusieurs zones de couleur, avec une image), vos icônes ou ecovers ou autres éléments graphiques (au format .png avec un fond transparent pour que vous puissiez faire des superpositions).

- même si vous êtes débutant, vous pouvez très rapidement démarrer pour réaliser quelque chose. Voici le lien vers deux vidéos qui vous donnent les bases pour créer vos premières images dans n’importe quel éditeur graphique (paint.net, Gimp, etc.) : Créer une bannière avec Paint.net et Comment créer un header original sans Photoshop.

D’un logiciel graphique à l’autre, on a des constantes : Fichier > Nouveau > Dimensions > Fond blanc ou transparent… et c’est parti : il ne s’agit plus que de créer votre fond, d’ajouter vos textes, d’insérer vos images… et pensez toujours à enregistrer vos créations sous forme de « projet » avant de les enregistrer au format image qui vous convient.

- pensez tout de même que si vous prévoyez plusieurs formats dans le même style, vous devrez vous efforcer de donner une unité à l’ensemble de vos bannières, pour qu’elles soient perçues comme une signature visuelle de ce que vous proposez.

#2 – Vous voulez partir d’un modèle.

Tout naturellement, vous pouvez vous inspirer des bannières que vous voyez partout. Vous pouvez avoir le déclic de ce que vous voulez faire en essayant de reproduire ce que vous avez vu ailleurs. Là encore, cela va vous demander du temps et des moyens techniques que vous n’avez peut-être pas.

Agencer une image, et qui plus est une image marketing, requiert un peu plus que des connaissances en design : il s’agit bien d’attirer l’œil de l’internaute et d’obtenir qu’il agisse par un clic.

Si bien que, à moins de se sentir doué pour cela, le plus simple est encore de recourir à des templates comme ceux-ci : les formats multiples sont déjà créés, tous les éléments sont en place pour une customisation dans Photoshop (+ Elements) ou Gimp, puisque ce sont des fichiers .psd.

Ça représente un sérieux coup de pouce ! A partir des agencements proposés, vous pouvez absolument tout modifier : les couleurs, les polices, les images…

Pour ma part, quand j’ai besoin de créer une bannière, je ne cherche pas plus loin, je pars d’un de ces modèles et je modifie à ma sauce.

#3 – Vous voulez en faire le moins possible.

Après tout, pourquoi pas !

Je parlais de ça il y a quelques temps : un générateur de bannières en ligne. Vous pouvez obtenir ce script et l’installer pour votre usage personnel, vous pouvez aussi l’utiliser gratuitement en vous inscrivant sur ce blog (formulaire dans la colonne de droite).

Sinon, il existe des tas de sites pour créer vos bannières gratuitement, ici par exemple, ici ou encore ici. Avec une petite recherche, vous en trouverez plusieurs autres, je n’ai mis ici que des liens vers des sites qui me semblent offrir un service correct.

Pour des bannières animées, voici un site pas mal qu’il m’est arrivé d’utiliser.

#4 – Et pourquoi pas un logiciel ?

Oui, en effet, il existe aussi pas mal de logiciels permettant de créer vos bannières. Des logiciels gratuits ? Parfois oui, pour un exemplaire de démo avec lequel vous ne pourrez sauvegarder que des images taguées.

Si vous voulez un logiciel correct, il faut dépenser un peu. Mais avant de faire cette dépense, demandez-vous d’abord si vous en aurez un usage suffisamment intensif…

- Banner Maker Pro

- Easy Banner

- Banner Effect

- …

#5 – Tout compte fait…

Vous avez essayé un peu toutes les solutions gratuites, mais vous n’arrivez pas à obtenir une image qui soit… enfin qui va permettre de… oui… pas évident, n’est-ce pas ?

Alors pourquoi ne pas demander à des professionnels de réaliser votre set de bannières ?

Finalement, si vous comptez le temps que vous avez passé à essayer de créer quelque chose qui tienne un peu la route, n’aurait-il pas mieux valu confier ce travail à quelqu’un qui saura le faire vite et bien pour pas très cher ?

Voici un service de création de bannières que je n’hésiterai pas à utiliser le jour où je serai fatiguée de bidouiller !

Allez voir les exemples de réalisations, c’est très bien, très pro. Et pas ruineux.

Pour finir…

Vous avez compris que les options sont nombreuses et que vous avez largement la possibilité de créer vos bannières gratuitement ou à peu de frais.

Retenez seulement que pour ce genre d’élément graphique pour lequel vous voulez obtenir un résultat, c’est-à-dire un clic, mieux vaut y penser à deux fois avant de perdre des heures à réaliser une image médiocre.

Évaluez vos compétences en matière de design, et si vous vous sentez un peu « juste », ne tournez pas autour du pot : demandez à un professionnel de le faire pour vous.

***

Cet article provient de Ressources Web Design

Pour ce bon plan du mois d’avril, ce sera un très bon plan puisque je vais vous en donner treize à la douzaine !

Jusque-là, je n’avais pas trop forcé la dose concernant Photoshop qui reste pour beaucoup d’entre nous encore un peu effrayant, voire inaccessible…

Toutefois, considérant qu’il y a tout de même peut-être parmi vous d’heureux pratiquants, considérant par ailleurs la masse considérable de ressources gratuites pour Photoshop, je me suis dit que j’allais cette fois-ci combler mon retard en faisant un tir groupé.

Ce sera donc un festival de brushes, de patterns, de gradients, de layer styles, bref, de tous ces fichiers barbares à l’usage exclusif des photoshopeurs, pour le plus grand bonheur des créatifs que nous sommes !

Alors bien sûr, la plupart des fichiers que vous allez récupérer sur ces sites ne sont utilisables qu’avec Photoshop, mais vous trouverez également beaucoup de choses au format .psd (notamment des layer styles pour réaliser de beaux effets de texte), donc utilisables dans Photoshop Elements ou Gimp (à vérifier quand même).

Sur tous les sites que je vous présente aujourd’hui, vous pouvez télécharger énormément de ressources gratuitement. Veillez toujours à vérifier les licences qui accompagnent ces fichiers, notamment si vous utilisez ces ressources dans un cadre commercial.

Soyez prévenus toutefois : prévoyez du temps pour explorer ces sites, bookmarkez-les (si vous ne venez pas à Photoshop, Photoshop viendra fatalement à vous tôt ou tard !), et n’y allez que lorsque vous cherchez quelque chose de précis !

Je ne voudrais pas être tenue pour responsable d’une perte certaine de productivité si vous vous égarez dans cet univers foisonnant !

Beaucoup de ces sites se rapportent aux « brushes », mais vous verrez rapidement qu’on y trouve aussi tous les autres types de fichiers spéciaux pour Photoshop.

#1 – Brush Lovers

#2 – Brushes Download

#3 – My Photoshop Brushes

#4 – Starwalt Design

#5 – Brush Portfolio

#6 – Brusheezy

#7 – QBrushes

#8 – Texture Mate

#9 – Brush King

#10 – Free Brushes

#11 – Free 4 Photoshop

#12 – Free Photoshop Shapes Pack

#13 – Effeito Photoshop

Notez que cette liste n’est qu’un aperçu de ce qui existe… que sur chaque site, vous pourrez suivre de nombreux liens vers d’autres ressources… il faut fouiller !

Dans certains cas, il est possible qu’on vous demande une inscription pour pouvoir télécharger, franchement, ce n’est pas un problème, on n’est jamais inondé d’emails.

Tout dépend de votre pratique du graphisme bien sûr, mais vous avez là de quoi alimenter votre créativité pour pousser un peu plus loin ce que vous avez l’habitude de faire.

***

Cet article provient de Ressources Web Design

Les bonnes choses ont toujours une fin dit-on… c’est pour ça qu’il faut saisir l’occasion qui se présente aujourd’hui de télécharger gratuitement Photoshop CS6 version Beta.

J’ai souvent dit dans ces colonnes qu’on pouvait se passer de Photoshop pour nos petits travaux de design courants. Seulement, arrive fatalement un moment où on peut être tenté d’aller un peu plus loin et d’utiliser (enfin !) tous les fichiers .psd chinés de ci de là.

Il est probable que rien ne justifie pour vous un tel investissement si vous deviez l’acheter. De ce point de vue, je le répète, Photoshop Elements peut très largement suffire et ne constitue pas une dépense folle.

Mais si on vous donne l’occasion de tester Photoshop gratuitement, je ne vois pas ce qui vous empêche de vous amuser avec, le temps que ça durera.

Téléchargez votre version sur cette page, faites l’installation comme s’il s’agissait une version d’essai (ou Trial en anglais), au besoin créez votre compte Adobe, et zou ! Plongez !

Ne rêvez pas trop tout de même : il s’agit bien d’une version d’essai (même si elle est complète) et il faut s’attendre à ce que cette période d’essai se termine un jour. Mais quand ? Nul ne le sait.

Alors allez-y maintenant, c’est ici.

Et vous verrez… ça tombe vraiment très bien parce que le prochain article va vous apporter de quoi donner à manger à Photoshop. En somme, vous avez juste le temps de l’installer et de le prendre en mains.

***

Cet article provient de Ressources Web Design

Décidément, Kindle fait vibrer le Web en ce moment ! Dans l’article précédent, j’évoquais la question des couvertures virtuelles pour vos livres destinés à être publiés sur Kindle.

D’autres que moi ont largement expliqué la procédure pour publier sur cette plateforme, je ne vais donc pas redire ici ce qui est largement expliqué dans ce guide.

Mais ces jours-ci, j’ai été interpellée par un nouveau plugin qui permet de créer vos ebooks pour Kindle directement à partir des articles ou des pages de vos blogs WordPress. Ce plugin s’appelle Instaproduct, il est très facile à utiliser et il fonctionne parfaitement bien.

Si vous avez l’intention de produire un ebook avec vos articles, tout est simplifié avec Instaproduct puisque vous n’avez pas besoin de transférer vos textes et vos images sur un éditeur de texte pour créer un fichier pdf ou autres formats exigés par les appareils mobiles : avec quelques petits réglages rapides, votre ebook sera créé automatiquement, dans le format que vous avez choisi.

Et c’est ça la grande idée de Instaproduct : à partir de l’interface du plugin, vous pouvez créer des fichiers .pdf, .html, .doc, .epub ou .mobi., avec tous vos articles, certaines catégories d’articles, avec vos pages… Bref, si votre blog est bien fourni, vous avez là une réelle possibilité de créer vos premiers infoproduits en toute simplicité.

Au niveau de la mise en forme, vous disposez d’un éditeur graphique qui vous permet d’ajouter du texte et des images à votre page de couverture (ou en quatrième de couverture ou les deux)…

Les fichiers créés par le plugin avec vos articles sont très bien et très proprement présentés, tous les hyperliens sont conservés et actifs, ça donne un document au fini professionnel… mais qui ne prendra de valeur que si vos textes sont corrects et corrigés !

Pour un résultat optimal, si vous avez beaucoup d’images dans vos articles, faites une mise en page simple, ne mettez pas de légende, supprimez tout le superflu, et vous obtiendrez un très joli document, prêt à être soumis sur la plateforme Kindle.

Pas besoin non plus de créer une table des matières : Instaproduct s’en charge. C’est toujours ça de moins à faire !

Tiens, voilà une bonne astuce si vos articles ont une mise en forme inadaptée. Reprenez les articles que vous voulez publier dans votre ebook, créez une catégorie spéciale pour ces articles que vous enregistrerez en tant que brouillons.

Simplifiez votre mise en forme pour que toutes vos images soient à la bonne taille et au bon endroit… puis sélectionnez cette catégorie pour créer votre ebook.

Et rien ne vous empêche de créer un article spécial qui fera office de page de mentions légales ou de n’importe quoi d’autre… il suffit juste de veiller à ce qu’il soit enregistré au début ou à la fin de votre liste d’articles. Le plus simple, c’est encore de créer cet article en dernier.

En créant une catégorie spéciale pour les articles que vous voulez voir dans votre ebook, finalement vous avez plein de possibilités : créer des pages supplémentaires comme je le disais plus haut, mixer des articles de différentes catégories… à vous d’être créatifs !

D’ailleurs, voici un petit pdf créé il y a cinq minutes avec Instaproduct, que vous pouvez télécharger et distribuer si ça vous dit !

Et pour faire bonne mesure, j’ai même fait une petite vidéo pour vous montrer à quel point ce plugin est simple et efficace.

***

Cet article provient de Ressources Web Design

La plateforme Kindle, proposée par Amazon,  se présente, pour beaucoup d’auteurs sur Internet, comme le meilleur moyen de vendre leurs œuvres.

J’ai tout récemment acquis un petit guide très bien fait pour savoir comment tout cela fonctionne. Inutile de dire ici que, si vous pensez à cette solution pour vendre votre travail, vous devez vous assurer d’abord que vos écrits sont de qualité.

Il est très important aussi de se conformer aux recommandations de formatage de ses livres avant de les soumettre sur la plateforme Kindle. Toutes ces indications vous sont données dans le guide Comment écrire et publier sur Kindle.

Il y a toutefois un domaine qui n’est pas abordé dans ce guide, ou de manière très succincte, c’est la question des covers.

Vous devez absolument veiller à proposer des couvertures originales pour vos livres, car cela forme un tout avec vos écrits : autant mettre toutes les chances de votre côté pour que vos livres soient acceptés tout de suite… et qu’ils se vendent !

Vous pouvez créer vos couvertures bien sûr, avec n’importe quel logiciel graphique de base. Mais vous pouvez aussi vous faciliter le travail avec des couvertures professionnelles déjà toutes faites comme celles qui sont proposées dans le très beau pack que voici.

Le pack présenté sur cette page comporte 100 covers différentes au format .psd, donc modifiables dans Photoshop (+ Elements) ou Gimp. Si vous prenez le deuxième pack qui vous sera proposé ensuite, vous obtiendrez les mêmes covers mais présentées avec une première et une quatrième de couverture, ce qui vous permettra de présenter vos ouvrages exactement comme de vrais livres.

Tout ça avec un bel ensemble de polices de caractères en bonus (676 fichiers !) pour customiser les modèles qui vous sont proposés.

Voici quelques exemples :

***

En somme, vous avez deux possibilités : créer vos couvertures virtuelles vous-même ou vous servir de ce matériel professionnel.

Maintenant, avec l’expérience, je me pose toujours les questions suivantes si j’ai besoin de créer ce genre de graphismes :  est-ce que je saurai créer cette cover moi-même rapidement (cela implique que j’ai déjà une idée assez précise de ce que je veux faire, cela implique que je dispose déjà du matériel graphique et des outils que je vais utiliser), ou bien est-ce que ça va me prendre un temps fou de rassembler mes idées et le matériel nécessaire ?

L’air de rien, lorsqu’on met bout à bout tous les « morceaux de temps » qu’on passe à créer un produit, en l’occurrence un livre, il est bon de prendre en compte le temps passé aux aspects graphiques. N’oubliez pas que plus vos couvertures sont « professionnelles », meilleur sera l’a priori de vos futurs lecteurs.

Si vous pensez que vous n’êtes pas suffisamment aguerris pour créer vos covers vous-même, ne perdez pas de temps à ça, utilisez du matériel tout fait et modifiez-le selon vos goûts.

Sauf si… vous avez le temps de vous amuser !

***

Cet article provient de Ressources Web Design

Avec cet article, j’inaugure une nouvelle rubrique qui s’appelle « Les bons plans« . Comme son nom l’indique, vous trouverez, le premier samedi de chaque mois, un lien vers un site « cadeau » qui offre des éléments de design de grande qualité et gratuits.

J’ai grand plaisir à vous communiquer ce premier bon plan, il s’agit de Box of Bundles. D’après ce que je comprends, il y en aura un tous les mois, mais comme j’ai plein d’autres bons plans en réserve, je ne reviendrai vous signaler Box of Bundles que très épisodiquement… si j’ai épuisé mes réserves par exemple !

Si vous voulez suivre les bons plans mensuels de Box of Bundles, bookmarkez le site, suivez-le sur Twitter, faites-vous vos propres alertes.

Quelle est la réelle vocation de Box of Bundles ? Faire connaître le travail de webdesigners, tout simplement. A travers tous ces cadeaux, c’est une manière pour eux de sortir du lot et de montrer leur savoir-faire.

Il y a dans ce pack énormément de belles choses, beaucoup ne vous serviront peut-être à rien, mais… qui sait ? Un jour, vous serez peut-être contents de retrouver un des éléments offerts dans ce pack.

Bientôt, je répondrai à certaines demandes qui m’ont été faites via le sondage, c’est promis !

Passez un bon week-end !

Cet article provient de Ressources Web Design

Vous l’aurez compris, aujourd’hui, nous allons causer typographie. Et plus précisément : typographie pour le Web.

En fait, j’attends ce jour depuis… longtemps ! Oui, car j’ai commencé à travailler sérieusement sur ce sujet au printemps de l’année dernière et pas mal d’évènements, survenus au cours de l’année, ne m’ont pas permis de finaliser plus tôt.

J’avais en fait déjà commencé à fouiller sur ce sujet depuis plus longtemps que ça, car non seulement il me passionne, mais il est riche, complexe, souvent très technique et pas toujours très bien documenté, enfin pas de manière très accessible au plus grand nombre.

Vous avez dû constater que la typographie (le lettrage) a pris ces dernières années une importance de plus en plus grande dans le design de sites Web et de blogs.

Cet essor a été rendu possible grâce à de nouvelles possibilités de codage bien sûr, mais aussi grâce à l’apparition de nombreuses applications permettant, sans trop d’efforts et de compétences techniques, d’utiliser sur nos pages Web des polices de caractères autres que les polices standard dites « web safe fonts ».

Aujourd’hui, n’importe qui peut parfaitement, moyennant d’oser faire quelques modifications dans un code source ou dans une feuille de style CSS, afficher (à peu près) n’importe quelle police de caractères sur ses pages Web.

Quand je dis « à peu près n’importe quelle police de caractères », c’est parce que rentre en ligne de compte la question des droits d’utilisation. Là encore, le sujet est complexe et il est difficile de s’y retrouver dans les différentes informations que l’on peut trouver.

Quand je dis « n’importe qui », oui, n’importe quelle personne qui développe un site Web ou un blog est capable de procéder à ces petits réglages qui permettent d’afficher les polices de son choix. C’est un univers de créativité sensationnel qui s’ouvre d’un seul coup !

La plus grande difficulté dans tout ça ? Essentiellement : trouver les bonnes infos, les comprendre et les compiler, savoir lire l’anglais et interpréter des consignes techniques, faire un tri dans toutes les applications qui existent, passer du temps à faire des tests pour ne conserver que les plus faciles à utiliser… et enfin : synthétiser et mettre en forme.

Voilà, en très résumé, en quoi a consisté ce travail de recherche que je vous livre aujourd’hui et que j’ai intitulé : Web Fonts – 1001 Polices de caractères pour vos sites Web.

Certains se demandaient pendant certaines périodes pourquoi « je ne remontais pas de la cave » !

Eh bien c’est pour ça : j’étais absorbée par mon sujet et je voulais vous proposer quelque chose de vraiment utile et d’accessible, dans des formats variés pour que chacun de vous puisse trouver le support d’apprentissage qui lui convient le mieux.

C’est un travail de très longue haleine, et qui évoluera nécessairement au fil du temps : il y aura des mises à jour, de nouvelles possibilités… Mais, d’ores et déjà, avec les techniques que je vous propose, vous avez largement de quoi commencer à reconfigurer vos pages Web et vos blogs WordPress avec les polices que vous aimez.

Pour fêter l’ouverture au public de ce nouveau site, j’ai le plaisir de vous offrir un extrait gratuit que vous pouvez télécharger en cliquant ICI.

Cela vous donnera déjà un bon aperçu de ce que vous allez pouvoir réaliser.

Naturellement, je serai très intéressée d’avoir vos impressions ! Je ne doute pas que ce que vous allez découvrir va vous ravir !

P.-S. : j’ai pu changer la police de caractères pour les titres de ce blog grâce à l’une des applications que je vous présente dans la version complète de mon guide. Sans prise de tête.

***

Cet article provient de Ressources Web Design