Évolution du site : thème adapté, c’est la rentrée !

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 et résultat web pour Yrial in Sight
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é 2016
Yrial in Sight avec WordPress et le thème Nisarg, 2016 – 2018
Yrial 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 « brut »
aperçu de la section widgets avec Twenty Seventeen avec ma charte graphique
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 :

  1. mon thème WordPress 2016-2017 était Nisarg édité par Falguni – toujours maintenu par son créateur à l’heure où j’écris ses lignes ;
  2. 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 ?

Ou laissez-moi un commentaire

Yrial in Sight arrive sur Instagram !

Depuis le 16 juillet dernier…

visuel pour l'annonce de la création de compte sur Instagram
Yrial in Sight est sur Instagram, le réseau de partage de photos et de vidéos*

Donc voilà ! Je connais ce réseau social depuis quasiment sa création – j’ai dû le découvrir entre 2011 et 2012 or il est né en 2010. A l’époque, Instagram était disponible sur Iphone – les téléphones mobiles d’Apple – et je n’en avais pas. Je n’en ai toujours pas, d’ailleurs ! Donc l’accès à ce réseau n’était pas envisageable. Ensuite, étant déjà présente ailleurs et occupée, je manquais de temps pour y alimenter dignement une galerie et un réseau nouveau.

Le désintéressement graduel et palpable de Twitter puis de Facebook,  associé aux recommandations de mes amis et collègues m’ont finalement amenée à récemment créer un compte sur ledit Instagram :

@yrialinsight

Par chance, j’ai pu y prendre le même nom d’utilisateur @yrialinsight et le même pseudonyme Saisei • Yrial in Sight que sur les autres réseaux sociaux ^__^ Pour le moment, je tâche de ne pas y poster la même chose que sur Facebook et Twitter où je publie déjà des choses différentes ; aussi, si vous m’y suivez, vous ne devriez pas vous ennuyer pour cause de redondance ^.~

Alors à très bientôt sur Insta ! Retrouvons-nous sur instagram.com/yrialinsight/ !!

 


* « Partage de photos et de vidéos » néanmoins je n’ai pas réussi à y uploader mes vidéos comme je le fais sur Facebook ou Twitter – et encore moins à y poster mes animations « speedpainting » en gif… ^^ Vous, si ?

Ou laissez-moi un commentaire

Évolution du site avec Twenty Seventeen part.3

Suite des évolutions avec le thème WordPress « Twenty Seventeen » ! Aujourd’hui je vous parle graphisme au service du contenu et plus particulièrement, du parallaxe – ou comme ici, de l’effet parallaxe.

Tout d’abord, pourquoi avoir autant attendu le parallaxe alors que je le proposais en clientèle ? J’avoue que, comme je juge les blogs globalement obsolètes comparés au réseux sociaux, j’avais opté pour le moins d’actions possibles – le moins de clics donc – pour arriver à l’information.

L’autre raison aussi est le probable manque de référencement avec un site web organisé purement en parallaxe – comprendre : chaque lien du menu supérieur renvoie à une section de la page d’accueil et non pas à une page indépendante. Le scénario de visite s’en trouve facilité pour l’utilisateur (qui se contente de scroller) mais le maillage interne au site devient quasi nul, les liens entrants ne renvoient que vers une seule page (la page d’accueil), etc. Les raisons restent multiples.

Cela ne veut pas dire qu’il faut renoncer au parallaxe. Un client ou une cliente dont l’activité débute et se conclut en visu peut tout à fait se satisfaire d’une page vitrine, d’une organisation en one page. D’autant que cette présentation se révèle séduisante en terme d’approche. Pour Yrial in Sight, le défilement des sections en valorisant certaines illustrations favorise la présentation de mon univers :

Défilement des sections sur la page d'accueil d'Yrial in Sight
Défilement des sections sur la page d’accueil d’Yrial in Sight

Par ailleurs, j’ai certes opté pour une présentation en parallaxe mais le menu principal et le bas de page appellent des pages distinctes des sections. Les sections offrent chacune une introduction aux différentes pages et vous invitent à en découvrir d’avantage.

Notez qu’il est tout à fait possible de convertir le thème WordPress Twenty Seventeen en pure parallaxe ! Une fois vos sections crées, vous indiquez les liens de menu principal comme vous le faites avec les liens dans une page ; vous vous souvenez des ancres < a name= »monlien » > et des liens de type « monsite.com/mapage/#monlien » ? Ben voilà !

Voilà pour les nouveautés. Et vous, avez-vous déjà été tenté par du parallaxe ?

Autres articles sur le même sujet :

 

Ou laissez-moi un commentaire

Évolution du site avec Twenty Seventeen part.2

Suite des évolutions avec le thème WordPress « Twenty Seventeen » ! C’est chose faite même si c’est encore perfectible ^__^

Depuis le dernier article, j’ai remanié les étiquettes et les catégories :

Sur la version antérieure à 2016, l’insertion de sujets (catégories actuelles) et de tags (étiquettes actuelles) s’est faite progressivement et parfois avec des redondances. A l’origine, du fait de ma présence sur Deviant Art (en globish),  le blog Lumière Elfique était en français – anglais et le site web Yrial in Sight en anglais :

  • D’où les sujets systématiquement indiqués en langue anglaise, tandis que les étiquettes fournissaient une traduction française – aujourd’hui, les catégories comme les étiquettes sont en français ;
  • D’où les termes anglais comme « digital art », « traditional art » ou « fan art » qui peuplaient encore récemment mon nuage de tags car je les avais complètement intégré à mon vocabulaire.

Ici, j’ai préféré repenser le scénario de visites : qu’est-ce que j’ai le plus envie de vous montrer en ce moment ? Il en résulte un tri magistral dans les sujets proposés – soient des regroupements conséquents dans les articles publiés. Et ce, autant pour les catégories « sujets » et les étiquettes « tags ».

nouvelle organisation des catégories pour Yrial in Sight vue sur mobile / smartphone
nouvelle organisation des catégories pour Yrial in Sight vue sur mobile / smartphone

J’ai aussi opté pour un séquençage clair des liens de navigation principaux : fini les menus latéraux ! Place à un grand espace pour les images et les textes – je suis actuellement sur les articles pour favoriser les liens en internes plus profond d’un projet à l’autre. Ensuite, du basique : un menu supérieur renforcé d’un bas de page avec les suggestions de visite.

J’espère que la navigation s’en ressent !

Voilà pour les nouvelles techniques. Je suis toute ouïe sur vous avez des retours à ce stade : )

Ou laissez-moi un commentaire

Évolution du site avec Twenty Seventeen part.1

Depuis l’apparition du thème WordPress « Twenty Seventeen » l’an dernier, je songeais fortement à l’adopter ! Surtout pour sa « home page ».

Yrial in Sight a ainsi changé de tête samedi dernier ! Rassurez-vous cette version est évolutive : il manque l’ambiance qui caractérise le blog et les pages du site depuis sa création. Même si on évolue avec le temps.

nouvelle page d'accueil pour Yrial in Sight vue sur mobile / smartphone
nouvelle page d’accueil pour Yrial in Sight vue sur mobile / smartphone

Pour le lancement, je me suis concentrée sur le contenu et plus particulièrement sur les textes de présentation et d’accompagnement !

Jusqu’alors j’ai adopté ici un ton humoristique pour me présenter, préférant déléguer aux images parodiques le soin de me présenter. L’exposition démarrée en juin m’a amenée à revoir ma biographie sous un autre angle, entre professionnelle et fanzineuse, entre sérieux et décontraction. Ce texte a été la première pierre pour l’évolution en 5.0 d’Yrial in Sight :

  • Vous disposez maintenant de réelles introductions aux différentes sections du site – actualités – blog & partages – galeries d’illustrations – infos + contact
  • Une vraie présentation me concernant avec l’idée directrice de ce site et du blog d’origine, plus un petit aperçu de mon parcours – et ce, même si je vous laisse pour le moment les mentions parodiques en parallèle ^.~

En plus de l’adaptation graphique (typographie, charte graphique, visuels d’habillage), je suis en train de repenser la navigation par mots-clés. J’envisage aussi une nouvelle modernisation de la page « info+contact », car, même si les informations communiquées sont toujours d’actualité, elles ne sont guère visitées. Enfin, je compte revoir les tailles des images insérées avant l’import sous WordPress, ainsi que les liens internes au blog et au site

nouvelle page de présentation pour Yrial in Sight vue sur mobile / smartphone
nouvelle page de présentation pour Yrial in Sight vue sur mobile / smartphone

Pour le moment, soyez indulgents car j’y consacre mon temps libre ! Et contrairement à ce que je préconise pour les clients, j’ai choisi de ne pas travailler sur une base + url à part, afin de m’économiser l’url rewriting indispensable aux liens en durs (et non relatifs) pratiqués par WordPress. Ce qui signifie que je travaille en direct.

La suite très prochainement. N’hésitez pas à me faire part de vos suggestions entre-temps ^__^

Et vous, utilisez-vous WordPress ? Si oui, quel thème ?

 

 

Ou laissez-moi un commentaire