Dans le jeu de rôle « Les Ombres d’Esteren » il est question de « vaisseaux des sables ». Des embarcations d’hommes et de marchandises, qui, poussés par le vent des courants aériens, voguent… Sur le sable ! Pas sur l’eau.
Qu’est-ce que ça peut donner ? J’avoue que ça m’a intrigué lors des parties alors j’ai dessiné des idées :
vaisseaux des sables -croquis inspirés du jeu de rôle Les Ombres d’Esteren
L’eau n’a pas la même portance ni la même résistance que l’eau ; pour compenser ce fait, j’ai imaginé que la voile avant était vraiment grande.
Pour éviter les forces de frottements j’ai pensé que seule la quille racle le sable – et que le fond de cale est finalement très plat.
vaisseaux des sables -croquis inspirés du jeu de rôle Les Ombres d’Esteren
En tout cas, ce qui s’impose progressivement, même si c’est moins élégant, ce sont les roues ! Des roues sur les côtés comme un moulin à vent, ou latérales comme les anciennes voitures, ou…. Des roues à eau, pourquoi pas !
vaisseaux des sables -croquis inspirés du jeu de rôle Les Ombres d’Esteren
Et une version fantasmagorique, entre des roues en moulins à vent et une pieuvre en cerf-volant :
vaisseaux des sables -croquis inspirés du jeu de rôle Les Ombres d’Esteren
Soit le vent est très fort sur les côtes, soit la magience est à l’œuvre… Amoins que ce ne soient les féons ? Pour ceux qui ne connaissent pas – encore – ce jeu, nous nous aventurons dans un monde aux allures fantastiques.
Bien. Peut-être une déformation de rôliste – et parfois mieux vaut ne pas chercher à représenter ^.~ D’ailleurs je n’ai pas encore regardé si l’illustrateur.trice ou les illustrateurs.trices de l’ouvrage avait planché sur le sujet ! Dimanche prochain, la suite ^__^
Et vous, avez-joué au jeu de rôle Les Ombres d’Esteren ?
Le 31 octobre, c’était la fin du challenge INKtober !
31 jours, 31 dessins encrés et cerise sur le gâteau, un décor associé ^__^ Voici mes derniers encrages, avec comme double contrainte, la prompt list de Jake Parker et l’univers du moba DotA 2 :
Inktober 2018 – day 29 « double » : Jakiro, un dragon bicéphale à DotA2Inktober 2018 – day 29 « double » : Jakiro en dézoom et en contexte, DotA 2
Vous savez à présent qui est l’auteur du fameux « rôti / roasted » dessiné lors du 2ème jour d’Inktober ^.~
Inktober 2018 – day 30 « jolt » (secousse, sursaut) : Earth Shaker de DotA 2Inktober 2018 – day 30 « jolt » : Earth Shaker entouré des autres héros, DotA 2
A qui ce regard noir est-t-il destiné ? Et de quelle manière Earth Shaker va-t-il s’y prendre ?
Inktober 2018 – day 31 « slice » : une dorsale créée par Earth Shaker de DotA 2Inktober 2018 – day 31 « slice » : la dorsale d’ Earth Shaker en contexte, DotA 2
Voilà la réponse ! Si le regard d’Earth Shaker est bien dirigé vers Bristleback (le porc-épic au 1er plan), c’est la monture de Mirana, à droite, qui trinque un peu – le stun* est peu visible mais bien présent.
*stun = étourdi, sonné
Vue générale de la fresque avec héros et décor, composée de deux feuilles raisins :
Inktober 2018 et DotA 2 : 31 jours de dessins encrés
Je partage ces illustrations en décalé par comparaison aux réseaux sociaux ; mais j’ai tenu le rythme de publication quotidienne d’une part et hebdomadaire avec bilan des encours d’autre part ! D’autant qu’il y a eu plusieurs perturbations durables et impondérables de taille – parmi les plus plaisantes, le festival annuel de science-fiction des Utopiales, à Nantes, qui se juxtaposait à la fin d’Inktober cette semaine.
Pour une visite en vidéo de la fresque dans son entier :
Si vous m’avez suivie sur Twitter, Deviant Art, Facebook ou Instagram, vous avez sans doute remarqué qu’à partir du mardi 23, je postais en général trois vues du dessin quotidien dont une ornée de feuilles automnales. Il s’agit d’un hommage personnel pour un triste évènement produit récemment. Ce qui décuplait un peu le travail de préparation pour le partage desdites images, entre recherche de feuilles, nettoyage et bain froid, séchage, composition, travail sur la lumière (atténuation des ombres portées) et le cadrage photographique, puis réduction des fichiers et retouches numériques finales avant le partage. J’espère que cela a égayé un peu ma participation à cette production d’images en noir et blanc et surtout, que cette optique décorative vous a plu !
Cette année encore, j’ai découvert de belles choses autour d’Inktober ! Certaines amusantes, certaines féériques ou au contraire très contemporaines. C’est vraiment chouette de voir autant de créations différentes. J’avoue avoir été submergée par le flot de participations – moi qui pensais au début que moins de monde y participait, je me trompais ^__^
Et voici la 4ème – et avant-dernière – semaine d’Inktober, le challenge dessiné encré quotidien d’octobre !
C’est toujours un plaisir d’étudier et dessiner les héros de Dota2, toujours intéressant d’imaginer des scènes* dans cet univers ! J’espère que certaines situations vous ont fait rire ou sourire, en tout cas, c’est mon but ^__^
… Même si cette semaine est un peu plus sérieuse ! Voici les dessins réalisés entre les 22 et 28 octobre :
Inktober 2018 – day 22 « expensive » : la divine rapière à Dota2
Maintenant vous savez pourquoi Bane avait l’air si « réjoui » dimanche dernier ^.~ Alors, attrapera-t-il la rapière ? Ce serait un pur troll mais tout est encore jouable !
Inktober 2018 – day 23 « muddy » : Clockwerk pataugeant dans les écoulements de Bane à Dota2
Ce qui vous explique pourquoi j’avais laissé le pied Clockwerk un peu relevé la semaine dernière. Pauvre Clockwerk !
Inktober 2018 – day 24 « chop » : Pudge hachant le pilier de la ward à Dota2
J’ai hésité entre Axe et Pudge – mais sortant du « muddy » j’imaginais davantage Pudge se prêtant à ce rôle.
Inktober 2018 – day 25 « prickly » : épineux, piquant… Bristleback de Dota2
Quoi de mieux qu’un Bristleback pour ajouter un peu de piquant à cette journée !
Inktober 2018 – day 26 « stretch » : Windranger étirant son arc à Dota2
La deuxième archère de mon inktober ! Alors, que vise-t-elle ? Réponse dans les dessins des jours 28 (gift) et 29 (double) ! Sachant que le 29 représentera l’auteur de la grillade « roasted » (jour 3), vous avez un indice ^.~
Inktober 2018 – day 27 « thunder » : Zeus pour le tonner et les éclairs, à Dota2Inktober 2018 – day 28 « gift » : un présent au papier cadeau en logo de Dota2
A votre avis, que contiens cette boîte ouverte – quel serait la meilleure récompense à un tournoi de Dota 2 comme les TI ? Et surtout : ce présent est-il, vraiment, la cible première de Windranger ?
Réponse la semaine prochaine ! ^__^
J’en discutais récemment avec des collègues et amis : cette année j’ai pris le challenge comme un exercice d’observation et d’étude à part entière, quasiment comme de l’éthologie en somme, sans réaliser de travaux « personnels » contrairement aux deux précédentes années. Et ceci, pour explorer concrètement un jeu que j’admire et expérimenter d’autres choses à partir des œuvres d’autres artistes.
Et vous, comment faites-vous Inktober cette année ? Avez-vous un motif ou thème récurrent à mettre en scène ? Vous suivez la prompt list, un fil rouge, ou vous improvisez chaque jour en fonction de votre inspiration du moment, un souvenir par exemple ?
*quoi que cette partie date en vérité de septembre, à partir des contraintes de la prompt list de Jake Parker et de l’environnement du moba en question.
Suite du challenge Inktober, sur la prompt list de Jake Parker et comme thème le moba Dota 2 : chaque jour, un dessin encré, un héro ou un sort ou un item dessiné !
Voici les dessins réalisés entre les 15 et 21 octobre, avec la reprise des mésaventures du Clockwerk posté dimanche dernier :
Inktober 2018 – day 15 « weak » : barre de vie nulle pour Clockwerk de Dota2
Voilà pourquoi je l’ai croqué fatigué, marchant si penché en avant ! Et ce n’est pas la fin des soucis pour lui sur cette feuille 😀
A présent, sa destination – ou ce qui semble l’être :
Inktober 2018 – day 16 « angular » : la pierre tombale ou « tombstone » d’Undying à Dota2
Mais qui est capable de construire un tel monument ?
Inktober 2018 – day 17 « swollen » : la forme golem de chair ou « flesh golem » d’Undying deDota2
…Réponse à la devinette précédente : c’est le héros Undying qui est à la fois capable de créer une pierre tombale (Tombstone) et de se transformer en golem de chair (flesh Golem, puisque le mot d’aujourd’hui est enflé / gonflé) 🙂 Son parfum préféré : mouche & pestilence ; son look préféré : les tripes à l’air !
Inktober 2018 – day 18 « bottle » : la bottle, un item régénérant en vie ou en mana à Dota2
La « bottle » : dans le moba Dota 2, la bottle redonne vie et / ou mana – une bonne solution pour le Clockwerk, donc, même s’il risque de tomber dans le piège de la pierre tombale… Vous savez maintenant pourquoi j’avais laissé un blanc au pied de ladite Tombstone !
Et si je vous dis « scorched », à votre avis, je dessine qui ou quoi ?
Inktober 2018 – day 19 « scorched » : scorched earth par Doom de Dota2
Scorched Earth est un sort de régénération ou de dégâts par Doom de Dota 2.
A présent, un petit aperçu de ma deuxième feuille en cours :
Inktober 2018 et Dota2 – feuille 2 en cours
Et on reprend à la suite :
Inktober 2018 – day 20 « breakable » : une ward dont on brise le piédestal à Dota2
Une Ward dont le piédestal craque. Mais à cause de quoi ? Si je vous dis « hache », vous devriez trouver quelques inspirations 🙂 Et que regarde-t-elle de si surprenant ? Ci-dessous, une partie de la réponse avec comme indice : « fuite / écoulement » ;-p
Inktober 2018 – day 21 « drain » : les écoulements de Bane à Dota2
Voici une partie de ce qui intrigue la ward au moment où elle chute de son piédestal ! Au fait, Bane n’a-t-il pas un air réjoui ? Complément de réponse demain sur les réseaux sociaux* avec le mot « cher / onéreux » !
Inktober 2018 et Dota2 – feuille 2 en cours à la fin de semaine
Avant de vous laisser, je vous laisse un autre indice : qu’est-ce qui peut bien briser la colonne de la sentinelle (ward, jour 20) et qui répond au critère de « hacher, trancher » (« chop » en anglais) ? A Dota2, au moins deux héros répondent à ce critère… Réponse au jour 24 sur les réseaux, ou dimanche prochain comme d’habitude, ici 🙂
Voici les dessins réalisés entre les 8 et 14 octobre – excepté le dernier dessin, tous tiennent sur ma première feuille :
Inktober & Dota 2 : vue de la première feuille au 8ème jour
Qui vise-t-elle ? La réponse dans les prochains jours / dessins !
Inktober 2018 – day 08 « star » : le Starstorm de Mirana @ Dota 2Inktober 2018 – day 09 « precious » : une rune de Bounty à Dota2
Qui pourra s’en emparer ? La suite au jour 11 !
Inktober 2018 – day 10 « flowing » : Morphling de Dota2Inktober 2018 – day 11 « cruel » : Queen of Pain de Dota2Inktober & Dota 2 : vue de la première feuille au 10ème jourInktober 2018 – day 12 « whale » : Tide Hunter de Dota2Inktober 2018 – day 13 « guarded » : une tour de défense, ici une Dire Tower de Dota2
C’est la fin de ma feuille 1 pour le moment !
Inktober 2018 et Dota2 – feuille 1 en attente de décor et de trois autres dessins
Rendez-vous à la fin du challenge, le 31 octobre, pour voir cette planche encrée terminée !
Dernier jour de la semaine, reprise de la feuille 2 :
Inktober 2018 – day 14 « clock » : Clockwerk de Dota2
Pour celles ou ceux qui seraient supri du changement de style : c’est normal, il n’y a pas de style ! J’illustre cet Inktober comme une étude de la nature. Et j’avoue que j’apprécie car, en me concentrant sur le respect des proportions d’origines, je sors progressivement de ma « sphère d’habitude » ou, comme on dit, de mon « espace de confort ». Un peu comme avec le défi Sketch Dailies de juin dernier ^.^
Voici les dessins réalisés entre le 1er et 7 octobre :
Inktober 2018 – day 01 « poisonous » : Viper de Dota2
Une petite viper dans un grand espace vide… Pour le moment !
Inktober 2018 – day 02 « tranquil » : Nature’s Prophet & tranquil boots, de Dota2
Quel sceptre tient-t-il ? Est-ce son bâton habituel ? Réponse au jour 5 !
Inktober 2018 – day 02 « roasted » : alors quel héro peut faire ça à Dota2 ? 😉
Qui peut dégager un tel brasier et répond à la contrainte « double » ? Réponse au jour 29 !
Inktober 2018 – day 04 « spell » : Invoker de Dota2
L’invoker, campé et entouré de ses trois sphères de pouvoir – prepared to battle !
Inktober 2018 – day 05 « chicken » : un sort de la faux du Vice à Dota2Inktober 2018 – zoom sur la fameuse « Scythe of Vice » et son effetInktober 2018 – day 06 « drooling » : Ursa de Dota2
Alors, à votre avis, Ursa bave devant le poulet fraîchement… Transformé ?
Inktober 2018 – day 06 « exhausted » : un coursier trop chargé et épuisé à Dota2
Le plus amusant pendant la phase de préparation était d’imaginer les possibles interactions entre les personnages, et surtout, celles qui donnaient lieu à une situation humoristique. Régulièrement, je pose des devinettes sur les réseaux sociaux pour voir ^.~
La suite dimanche prochain !
Et vous, vous mixez une autre contrainte / thématique à Inktober cette année ?
Ces pleins et ces déliés sont l’occasion de tester un feutre – pinceau trèèèèès sensible : le Pentel. Par rapport à mon feutre – pinceau Tombow, sa souplesse est incroyable, le rendu hyper dynamique ; en contre-partie, cette qualité le rend difficile à manier ^^
Autre exercice, sur Nature’s Prophet cette fois, où le contour est plus marqué en continu et où le « feathering » est utilisé en complément des hachures :
Il en ressort un aspect plus « terre à terre » pour Nature’s Prophet par rapport au Morphling plus liquide et aérien, finalement. C’est très perfectible, faute de ne pas maîtriser encore assez bien la pression sur le pinceau ; mais c’est vraiment plaisant !
En revanche, je n’utiliserai pas ce pinceau pour Inktober ; pour des raisons de taille de héros et de feuille*, de temps aussi, j’utiliserai mon traditionnel stylo technique – le Faber Castel. Exemple sur le personnage de l’Invoker :
Je pense traiter les héros / équipements du premier plan avec le style #01, tandis que les héros et décor d’arrière-plan seront dans le style #02. Si j’encre en traditionnel ! Il est encore possible que je fasse Inktober en digital cette année, pour m’améliorer à l’encre digitale justement, tout en y apportant les effets du traditionnel.
*En tout cas, je reprends le principe que j’avais tenté en 2016 : plusieurs dessins par feuille ! Et pas une illustration à chaque fois comme en 2017. Normalement, deux feuilles devraient suffire cette année.
Suite des évolutions avec le thème WordPress « Twenty Seventeen » : une bonne base !
Ça n’a l’air de rien, mais Twenty Seventeen est plutôt « brut de décoffrage » – voici un avant-après chartage du site sur mon article test :
aperçu de la section widgets avec Twenty Seventeen « brut »aperçu de la section widgets avec Twenty Seventeen avec ma charte graphique
L’ajout d’un bordereau rose sous le titre et le changement de typographie donne un peu plus de caractère à mon avis !
aperçu de la section widgets avec Twenty Seventeen « brut »aperçu de la section widgets avec Twenty Seventeen avec ma charte graphique
Il y a eu plusieurs adaptations au thème WordPress Twenty Seventeen : rajout des catégories, tags et possibilités de poster sur chaque article, dès la vue « par archive » et pas seulement sur sur la vue « par article » (retour d’expérience utilisateur).
Mieux vaut avoir des idées de mises en page pour l’enrichir en terme de couleurs, de typographies, d’items ! Et vous passez forcément par la case « charte graphique » puis « intégration en CSS ». Sans compter les widgets qui apportent les fonctionnalités requises (ceci est commun à n’importe quel site WordPress). Dans tous les cas, une lecture assidue de la feuille de style du thème parent s’impose.
Un design de retour aux sources
Ce changement de thème, assorti d’un grand nettoyage de contenu, m’a aussi permis de me rapprocher de mon intention initiale : douceur, onirisme, simplicité – ici, coins arrondis et conservation de l’esprit cahier.
Voici exemple de simplification avec les éléments clés de la charte d’origine, suivis de leur application sur la nouvelle pagination :
en haut : les éléments du « cahier » ancienne charte graphique | en bas, version actuelle
Simplification et occupation de l’espace
Enfin, j’ai orienté la visite pour une tablette ou un smartphone, avec la suppression de l’antique menu latéral – voici un aperçu de l’évolution :
menu latéral gauche | version d’Yrial jusqu’à 2016menu latéral droit | version d’Yrial 2016-2018pas de menu latéral | version d’Yrial depuis l’été 2018
Les liens sont communiqués dans la section commune à toutes pages d’Yrial – une widget area comme on dit ! Cette réorganisation spatiale m’a fait gagner de la place et j’ai séparé les icônes de réseaux sociaux de celles des autres sites web de mon réseau :
valorisation des réseaux et distinction des sites web
Il manque un de mes sites web, c’est normal car il concerne une activité en pause ^.~
Je vous fais grâce des points de détails du reste de la charte graphique et du scénario de visites. Je me fais plaisir en vous partageant ces histoires sur Yrial… Tout en gardant à l’esprit qu’il s’agit d’un blog de dessin et d’illustrations avant tout !
Et maintenant, dites-moi : que pensez-vous de cette nouvelle version d’Yrial in Sight ? J’ai hâte de savoir ^-^
illustration, marque & logotype – vue pour mobile / téléphone / smartphone & tablette
On se sert beaucoup de photographies pour alimenter les contenus en ligne : une belle / grande image happe le regard, incite à l’engagement, positionne rapidement le produit ou service – je ne reviens pas sur le bagage marketing – communication de l’intérêt des visuels. Qu’il s’agisse de sites d’informations, de sites web vitrine, de boutiques en ligne, de blog ou de réseaux sociaux, une image vaut toujours mille mots.
illustration d’accueil, titre et promesse de la marque – vue pour desktop / ordinateur
Or les photographies n’ont pas la quasi-exclusivité dans ce domaine : les illustrations y ont une petite place ! Ok sur le principe mais concrètement ?
Du temps où l’on construisait des pages non-responsive, il était simple de passer commande et d’y répondre : telle taille, telle résolution, tel sujet à traiter, tel poids de fichier. Éventuellement des items sur des calques transparents (que IE gérait très mal et qu’il fallait hacker en CSS lors de la mise en page). Le plus compliqué qui pouvait se produire, entre guillemets, c’était de produire un pattern : un motif qui puisse se répéter soit sur un axe x, soit un sur axe y, ou les deux. Pour résumer, l’illustrateur livrait une image comme une commande de tableau : une image à dimensions et à proportions fixes, affichée à 100%. Il subsistait des surprises entre les tailles et la colorimétrie des écrans clients mais ça s’arrêtait là, en gros.
imbrication d’illustration en header et background – vue pour desktop
Puis les tailles d’écrans des ordinateurs ont commencé à s’harmoniser, tandis que les supports et les types de réseaux s’étendaient au profit des téléphones portables – smartphones et tablettes de résolution très variable. Du wap monochrome on passe à Internet, le vrai ! Et finalement, les webdesigners / graphistes web / intégrateurs s’engagent dans un design responsive : la conception web qui s’adapte au support, quel qu’il soit.
En conséquence, côté illustrateur, concevoir une image percutante de nos jours demande un peu plus de souplesse et d’imagination. Tout d’abord, il faut « relever » les principales situations où l’image apparaîtra :
desktop – au moins un format d’écran
tablette – en version portrait et paysage
smartphone – idem, les deux orientations
Puis se demander si le message sera conservé, si l’image restera lisible :
L’image sera-t-elle tronquée et comment ?
Que reste-t-il de visible une fois l’image redimensionnée au support ?
comparaison entre vue pour téléphone et ordinateur : le décor en background disparaît
C’est d’autant plus vrai si votre dessin accueille du texte, qu’il soit déjà aplati dans l’image ou rajouté dynamiquement par-dessus. A ce stade, vous pouvez normalement établir un ou plusieurs canevas. Pour ma part, je démarre mon étude en 72dpi à partir de screenshots issus de la maquette conceptuelle ou de la version bêta ou + (suivant l’avancement du projet). Il est intéressant à ce stade de gribouiller plusieurs compositions, de manière à décider du type de formats / nombres de variantes :
Quel format livrer pour couvrir ses différentes possibilités ?
Faut-il une image adaptée à chaque situation ?
quadrillage pour une illustration* en vue ordinateurmême quadrillage, même croquis d’illustration* pour vue téléphone et tablette
Là vous devez normalement avoir un bon échange avec l’intégrateur du projet : s’il est prévu d’importer une image par media (en css) ou s’il est au contraire demandé un visuel global. Je vous fais grâce de toutes les modalités du CSS3 qui sont riches ! Chacun son métier :-p
Ensuite vous pouvez vous lancer dans votre créa, en belle définition pour être à l’aise, à partir de vos crayonnés en basse déf 🙂 Sans oublier les validations intermédiaires avec le client !
une illustration de décor pour un header qui accueille un texte dynamique par dessus
Et vous préparez mentalement à ce qu’il y ait des surprises XD
Ceci reste vrai quel que soit le medium que vous utilisez : traditionnel ou numérique, 2D ou 3D. Évidemment, tout cela demande à évoluer lorsqu’on pourra visiter un espace web en 3D – véritablement en 3D comme avec Oculus Rift ou HTC Vive pour n’en citer que deux ! Hâte de voir l’évolution de la toile dans les prochaines décennies !
*Pour l’anecdote, entre le moment où j’ai démarré cette illustration et aujourd’hui, le thème WordPress de mon portfolio a changé ses préconisations en matière de taille d’image… Résultat, ça ne correspond plus à ce que j’avais anticipé. Donc pour le moment, je garde le header issu de Tempus Fugit !
Suite des évolutions avec le thème WordPress « Twenty Seventeen » : depuis août dernier, Yrial in Sight est prêt pour la rentrée 2018 ! Aujourd’hui ça se discute autour des adaptations graphiques et finalement, autour d’un thème déjà prêt, ou adapté, ou fait main.
Je ne vous le cache pas, un thème « fait maison » ou « fait main » – autrement dit concocté par vos soins, c’est long. Quoi que les professionnels du milieu, dédiés à la création de WordPress et / ou de thèmes WordPress, sont certainement bien mieux rodés à l’exercice que moi !
CSS – un langage de mise en page pour le web, ici pour Yrial in Sight
Si c’était si simple, nous serions une grande majorité à savoir coder et / ou prêt à investir les ressources nécessaires en termes de temps et de connaissance pour bâtir notre thème personnel. Preuve en est, le marché regorge de thèmes prêts-à-installer pour WordPress, en accès payant ou gratuit, proposés par de nombreuses compagnies… Et d’indépendants.
Un site fait maison ou un site Worpdress, qu’est-ce que ça implique ?
Pour faire court, un site fait maison vous demande diverses compétences ou domaines de veille – surtout si vous êtes autodidacte comme moi :
Pour l’existence du site : un hébergeur – serveur + l’achat d’un nom domaine + un outil de mise en ligne (comme FileZilla) ;
Pour l’aspect gestion de base de données – quelques requête en SQL et une petite balade régulière du côté de PHPmyAdmin pour les sauvegardes ;
Pour le code du site : php et javascript (il y en a d’autres maintenant)
Pour la mise en page du site : html, css… Et un logiciel de retouche d’images pour le web.
En comparaison, et pour faire simple, un site web WordPress assorti d’un thème tout prêt vous demande : de cliquer sur des boutons… A condition de capitaliser sur des connaissances antérieures. Car finalement, que ce soit pour le déploiement de WordPress ou le paramétrage des accessoires, la patience supplée rarement au manque de pratique. Et je dois reconnaître farfouiller le CSS pour la mise en page, d’autant que, comme je ne l’ai pas écrit en premier lieu, il me faut d’abord « rentrer dans la tête » de l’intégrateur auteur d’origine.
Voilà pour une grossière introduction en la matière ; à mon avis, tout site exige de faire de la veille et de demander conseil. Et, surtout, d’avoir une idée claire de ce que l’on veut en amont tout en restant souple : autant sur un site fait maison, vous pouvez galérez mais vous maîtrisez vos fonctionnalités de bout en bout, autant, sur un CMS comme WordPress, il faut accepter de déléguer certaines choses.
Ici par exemple, en terme de présentation graphique et de scénario de visite, mon « idée claire » repose sur un univers et un accès direct à l’information. J’ai toujours souhaité conserver une certaine ambiance, donc des éléments comme l’image de fond sont restés présents avant de valoriser mon identité ; voici une rétrospective sur un même article de blog :
Yrial in Sight fait maison jusqu’à l’été 2016Yrial in Sight avec WordPress et le thème Nisarg, 2016 – 2018Yrial in Sight avec Twenty Seventeen depuis cet été 2018
Vu de loin, le visiteur sent assez peu le changement entre Nisarg et Twenty Seventeen, les thèmes WordPress utilisés pour les deux derniers aperçus. C’est précisément l’objectif, une transition tout en souplesse en apparence.
Yrial in Sight, bac-à-sable en tout !
En 12 ans de site personnel, j’ai testé le site fait maison, le site avec thème tout prêt (1), et le site avec adaptation d’un thème (2). Avant ce site web, j’avais contribué à d’autres créations en agence, via un logiciel de type « What I See Is What I Get » comme DreamWeaver, mais je suis rapidement retournée à mon blocnote.
Je vous résume ici le cheminement d’un « Yrial @Saisei fait maison » vers un « Yrial collaboratif » à un « Yrial propulsé par WordPress » et toujours en collaboration.
Le site fait main, c’est une occasion de concevoir, de produire et de faire vivre un projet personnel de A à Z ; on apprend, on se rend visible et c’est vraiment gratifiant. Avec le temps et ce qu’on voit des autres auteurs, l’envie de moderniser le site devient presque aussi grande que produire du contenu pour le site. En tout cas, c’est ce qui s’est passé pour moi. Jusqu’à ce que le temps manque cruellement, que les métiers s’étoffent et se complexifient – d’où la collaboration et la délégation, même pour Yrial in Sight.
Pour le thème WordPress fait maison, l’idée a été abandonnée assez vite compte-tenu de l’expertise nécessaire au fonctionnement de la plateforme WordPress proprement dite. Je travaille désormais en collaboration depuis plusieurs années et demander un thème complet reste énorme ! Le sujet « site web : évolutions et nouveautés ! » vous donne déjà un aperçu de ce que l’amélioration d’un site web avec blog implique.
Lorsqu’on choisi de déléguer la technique à un CMS, on peut davantage se concentrer sur le contenu et sa mise en valeur. Ces CMS représentent vraiment un outil de démocratisation d’accès, je pense ; là où, avant leur apparition, une sélection s’opérait inévitablement. En revanche, c’est une erreur de penser qu’ils affranchissent de la rigueur pour la création et la maintenance*.
Concernant le choix d’un thème WordPress, j’ai choisi à chaque fois au plus près de ce que j’avais en tête (je note et je dessine des idées de maquette que je compile ensuite puis je compare avec les thèmes du marché). Ensuite, même si le thème sélectionné exige peu d’adaptation dans sa structure, il en va souvent autrement pour l’adaptation graphique – ici un exemple avec des changements de typographies, d’interlignages, de couleurs, d’arrondis, et ajouts de menus personnalisés :
aperçu de la section widgets avec Twenty Seventeen « brut »aperçu de la section widgets avec Twenty Seventeen et ma charte graphique
*Une petite remarque : même en déléguant à WordPress et à l’auteur d’un thème les parties les plus techniques, s’occuper de son site demande du temps, ce ne serait-ce que pour la maintenance – sauvegardes, mises à jour de sécurité, mises à jour de thème et donc d’adaptations graphiques suites auxdites mises à jour de thème… Dans tous les cas, il existe des solutions payantes.
C’est toujours le même triptyque : temps, argent, qualité (envie, connaissances). Si vous voulez de la qualité, vous y investissez du temps et / ou de l’argent ; et ainsi de suite !
A titre informatif :
mon thème WordPress 2016-2017 était Nisarg édité par Falguni – toujours maintenu par son créateur à l’heure où j’écris ses lignes ;
mon thème WordPress 2018 est Twenty Seventeen de WordPress, le petit dernier proposé en 2017 par WordPress, justement – et toujours maintenu actuellement.
Voilà pour cette « Évolution du site avec Twenty Seventeen part.4 » ! Et vous, avez-vous déjà tenté de créer un thème WordPress « fait maison » ou « adapté » ? Quelle en est votre expérience ?
