Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forums MacBidouille _ Les Langages Du Web _ Thèmes Wordpress

Écrit par : clarusad 28 Apr 2020, 21:26

Existe t'il un thème Wordpress gratuit qui me permette de :
1) personnaliser les couleurs
2) décider du placement des blocs (barre de menus/titre, sidebar...)

D'avance, merci pour vos conseils.

Écrit par : scoch 29 Apr 2020, 20:59

Le thème par défaut permet de personnaliser certaines couleurs. Le nouvel éditeur Gutenberg permet de prendre la main sur la mise en page des articles et des pages, pour le meilleur et pour le pire smile.gif
Tu veux les mettre où ton menu, tes titres et ta aside ?
Les thèmes par défaut sont accessibles, pour info.
Peut-être devrais-tu regarder du côté des site builders pour tenter de faire un truc de designer…
Si tu as réalisé un zoning et un scénario d'usage, n'hésite pas à les poster pour bien comprendre ton intention.

Écrit par : clarusad 29 Apr 2020, 23:41

Citation (scoch @ 29 Apr 2020, 21:59) *
Si tu as réalisé un zoning et un scénario d'usage
huh.gif
C'est quoi que ces deux trucs ?

Écrit par : baron 30 Apr 2020, 00:36

Citation (clarusad @ 30 Apr 2020, 00:41) *
Citation (scoch @ 29 Apr 2020, 21:59) *
Si tu as réalisé un zoning et un scénario d'usage
huh.gif
C'est quoi que ces deux trucs ?
Ce sont deux termes utilisés en graphisme et marketing.

Le zoning, en bref, c'est déterminer des zones dans ta page web.
https://www.anthedesign.fr/webdesign-2/zoning-web/ <— clic

Un scénario d'usages consiste à imaginer le parcours d'un utilisateur et voir ce que tu veux lui apporter :
Citation
https://comment-faire.modernisation.gouv.fr/demarche-design/

4) Expérimenter une solution > Concevoir un prototype de sa solution > > https://comment-faire.modernisation.gouv.fr/demarche-design/experimenter-une-solution/concevoir-un-prototype-de-sa-solution/realiser-un-scenario-dusages/ :
Le scénario d’usages est un outil pour retracer pas à pas le parcours que vous proposez à vos usagers de vivre s’ils utilisent votre solution. (…)


Écrit par : baron 30 Apr 2020, 01:50

Concrètement, il s'agirait d'esquisser une maquette sommaire de la page, avec p.ex. un en-tête, une barre de menu, des colonnes, des espaces illustrés, etc.

Et ensuite, de décrire :
— À quoi servent ces zones (navigation, information, action, mentions légales,…) ;
— Ce que fera l'utilisateur ;
— Comment chacun de ces éléments se comportera à l'usage.

(Quelle est la raison d'être de mon site ? Informer, pousser à prendre contact, à passer une commande… ?
Quel message doivent véhiculer mon site, son organisation, les couleurs choisies, les illustrations ?
mais aussi :
Quand ma souris passe ici dessus, que se passe-t-il ? Faut-il cliquer ? Comment l'utilisateur le sait-il ?
Si on cherche telle info, que doit-on faire ?)

+++++++++++

Exemple, pour l'amusement, sur base de ma 1e réponse ci-dessus :
— Zoning
Cette réponse est structurée en trois parties visuelles :
Un chapeau de contexte puis pour chacun des deux mots, mis en gras, une brève définition et un cadre d'explication (image ou citation). Il y a aussi trois liens (image ou texte) que l'on peut identifier en passant le pointeur dessus : la flèche se change en petite main.

Elle s'inscrit elle-même dans le cadre plus large de la maquette des forums :
— À gauche, le pseudo (cliquable) et les infos personnelles de l'auteur ;
— Au dessus, ce qui concerne le message (date, nº et lien permanent, copiable si on clique dessus) ;
— En dessous, ma signature.

— Scénarios d'usages —
1º Le lecteur de passage : lira la 1e phrase, verra les deux mots en gras et jettera un œil sur les cadres.
Il en déduira rapidement que c'est une explication technique, qu'il lira ou pas. happy.gif

2º L'habitué des forums, qui fait défiler rapidement la page : identifiera l'auteur par l'avatar ou la signature, et se dira peut-être : « Baron en a profité pour s'amuser. Pourtant, qqch comme Google: zoning web définition pouvait suffire. » biggrin.gif

3º Le lecteur curieux voire intéressé, : ayant identifié les liens (*), cliquera dessus et, pour bien faire, lira les compléments d'info. thumb.gif — Risque potentiel : rebondissant de page en page, il y passera des heures et oubliera de revenir ici ! wacko.gif
En marketing, on évite de préférence que le client aille se promener ailleurs avant d'avoir conclu ! biggrin.gif
_________________
(*) Pour l'exemple, ces liens ne sont pas tous très bien foutus :
Le premier est caché sous l'image, j'ai dû ajouter un « clic » à côté pour pousser à l'action. Pour bien faire, le mot aurait dû aussi être cliquable.
Le deuxième, dans le titre, peut être confondu avec un souligné ornemental ; comme il renvoie à la table des matières du 3e, ce n'est pas si grave s'il est négligé.
Le 3e, en texte souligné, devrait entraîner le clic sans difficulté particulière. Il mène tout droit à la page voulue.

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)