Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ETQ visiteur je souhaite pouvoir voir les références de MJ conseil #56

Closed
3 of 4 tasks
Volubyl opened this issue Jan 26, 2023 · 14 comments
Closed
3 of 4 tasks

ETQ visiteur je souhaite pouvoir voir les références de MJ conseil #56

Volubyl opened this issue Jan 26, 2023 · 14 comments

Comments

@Volubyl
Copy link
Contributor

Volubyl commented Jan 26, 2023 •
edited
Loading

Description du besoin

ETQ visiteur, j'aimerais connaître les références de MJConseil.

Chaque référence présente : un logo, un titre et une brève description

En cliquant sur le titre, un panneau contenant la description s'affiche.

Il existe deux types de références :

  • les références "phares"
  • les références "classiques"

Chaque référence peut-être triée en fonction de son type (par exemple : PME, Grande Entreprise, ...)

Conidérations techniques

TO DO

  • créer un Custom Post type du coté wordpress
  • créer un nouvel environnement wordpress sur jelastic
  • intégrer la page
  • prendre rdv avec Mathieu pour lui expliquer comment rajouter une référence

Questions :

Sur wordpress :

  • Comment fait on la distinction entre les références phares et les autres ?

A priori, je partirai bien sur l'idée de créer un tag spécifique "mise en avant" pour différencier ceux qui le sont et ceux qui le sont pas.

  • comment récupère-t-on une référence via l'API ?

Pour ce besoin, il faut créer un "Custom Post Type" sur Wordpress. Cela nécessite donc de modifier le wordpress actuellement en ligne.

=> décision prise de créer un nouveau wordpress sur jelastic pour garder le wordpress existant intact

Question sous-jacent : est-ce que l'on modifie directement le wordpress en ligne ou l'on crée une nouvelle version sur infomaniak ?
@Volubyl
Copy link
Contributor Author

Volubyl commented Jan 26, 2023

@mjahnich je suis en train d'explorer ce besoin pour essayer de voir comment l'on peut faire.

Problématique

Actuellement la page Référence sur la version actuelle du site est une Page wordpress.

Chaque référence, est (il me semble) un bloc directement inclus dans cette page via l'Ava Builder.

Le problème est qu'actuellement il n'y a pas de possibilité de récupérer ces références sans récupérer la page en entier (et donc tous le HTML et CSS de la page)

Proposition de solution:

Sur wordrpess, l'on peut créer des "type d'entitées personalisés" en plus des types d'entitées prédéfinis (comme une page ou un article)

L'idée serait de créer une nouvelle entité "Référence" qui serait composé d'un titre et d'une description. Chaque "référence" pourra être catégorisée via une taxonomie définie.

Qu'est-ce que cela change du coté admin de wordpress ?

Pour le type d'entité "Référence", il faut créer un plugin wordpress et ajouter une référence via celui-ci.

En terme d'utilisation cela me semble pas très compliqué mais @mjahnich j'aimerais bien te montrer directement cela a quoi ça ressemblerait pour que tu puisse me dire si ça te va.

Est-ce que la semaine prochaine tu aurais un peu de dispo (15min) pour que je puisse avoir ton avis ?

Merci

@mjahnich
Copy link

mjahnich commented Jan 26, 2023 via email

@Volubyl
Copy link
Contributor Author

Volubyl commented Jan 30, 2023

@mjahnich

Sinon mercredi à 10 heures.

👌 Je t'envoie une invit pour ce créneau

@Volubyl Volubyl mentioned this issue Feb 8, 2023
Merged
@Volubyl
Copy link
Contributor Author

Volubyl commented Feb 14, 2023

@mjahnich @AnneFa la page référence est en ligne https://front.jcloud-ver-jpe.ik-server.com/references

Mathieu, est-ce que tu aurais un peu de dispo la semaine prochaine pour que je te montre comment rajouter une référence sur le site ?

Si c'est compliqué pour toi, je pensais faire une série de video pour expliquer ça.

Ce sera néamoins plus rapide de directement te montrer 😬

@AnneFa
Copy link

AnneFa commented Feb 14, 2023 •
edited
Loading

Merci ! C'est top dans l'ensemble. Quelques commentaires ci dessous :

  • Les titres doivent être en PT Sans Bold.
  • Il faudrait que les accordéons soient un peu plus aérés : 1 rem minimum entre les blocs.
  • Les flèches dans les cercles jaunes sont normalement du bleu utilisé pour les éléments interactifs : RGB 41, 31, 156.
  • L'interaction est un peu bizarre sur les accordéons : quand je clique, "je descend" au lieu d'ouvrir un volet en dessous. C'est un peu déroutant.
  • Les chips ont normalement des majuscules, un padding beaucoup plus grand et des arrondis au max (voir Design Language). Si besoin je peux fournir des tailles en px ou rem.

@mjahnich
Copy link

mjahnich commented Feb 14, 2023 via email

@Volubyl
Copy link
Contributor Author

Volubyl commented Feb 14, 2023 •
edited
Loading

@AnneFa j'ai ajouté les correctifs et c'est sur https://front.jcloud-ver-jpe.ik-server.com/references

@mjahnich

De mon côté, quand je suis sous Chrome, les accordéons ne sont pas
cliquables. Le pointeur n'est pas actif et j'ai beau cliquer, il ne se
passe rien.

C'est corrigé

Est-ce qu'il sera possible d'avoir de la mise en forme un peu plus élaborée
pour le texte détaillé de chaque référence ?

Oui! le contenu vient directement de wodpress donc tu pourras ajouter ce que tu veux avec la mise en page que tu souhaites et ce (presque) sans limitations ...

mercredi ou jeudi à 14 heures ?

mercredi à 14h parfait!

@mjahnich
Copy link

mjahnich commented Feb 14, 2023 via email

@AnneFa
Copy link

AnneFa commented Feb 17, 2023

@Volubyl Merci pour les corrections ! C'est beaucoup mieux ! :)
Quelques détails qu'il reste :

  • les H2 sont normalement en 2,5 rem et non en 3 rem
  • Il faudrait mettre un espace de 3,75 rem avant le H2 "Références phares"
  • "PME" est entièrement en majuscule (acronyme)
  • Il manque encore du padding dans les chips : 0,6 rem au dessus et en dessous du texte et 1,75 rem avant et après.
  • Comme les accordéons ont déjà du padding de 0,5 rem, on peut enlever le gap entre eux (sinon ça fait de gros écarts entre les accordéons). Comme ça on aura bien visuellement un écart de 1 rem entre les accordéons, simplement avec les paddings. :)

Merci !

@mjahnich
Copy link

mjahnich commented Feb 17, 2023 via email

@Volubyl
Copy link
Contributor Author

Volubyl commented Feb 20, 2023

@mjahnich pour les images pour le moment c'est "normal". Je n'ai pas encore transféré les images de l'ancien hébergement de wordpress vers le nouveau car cela prendra ~5h à tout transférer.

Mon idée était de d'abord te montrer comment fonctionne les références et de prendre le temps de vérifier que tout allait bien avec le nouvel hébergement avant de lancer le transfert.

@mjahnich
Copy link

mjahnich commented Feb 20, 2023 via email

@Volubyl
Copy link
Contributor Author

Volubyl commented Feb 21, 2023 •
edited
Loading

@mjahnich ah désolé! j'avais mal compris.

J'ai peur que ce soit encore un effet de bord avec les écrans rétina des mac et leurs très gande résolution.

De mon coté, je n'arrive pas à reproduire le problème.

Est-ce que tu pourrais m'envoyer un screenshot ? merci

@Volubyl Volubyl mentioned this issue Feb 21, 2023
Merged
@mjahnich
Copy link

mjahnich commented Feb 21, 2023 via email

@Volubyl Volubyl closed this as completed Mar 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
mathieu-jahnich.fr
Status: ✅ Terminé
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Volubyl @AnneFa @mjahnich