Utiliser des couleurs transparentes dans l'éditeur Gutenberg

WordPress :5.8
Statut : non résolu

Ce sujet contient 2 réponses, 3 participants et a été mis à jour pour la dernière fois par PhiLyon, le il y a 2 années et 6 mois.

3 sujets de 1 à 3 (sur un total de 3)

Auteur

Messages
10 mars 2022 à 13 h 33 min #2397449
matinrouge
Participant

Initié WordPress
45 contributions
Bonjour,

Ma configuration WP actuelle twentytwentytwo
- Version de PHP/MySQL :
- Thème utilisé :
- Extensions en place :
- Nom de l’hébergeur :
- Adresse du site :
Problème(s) rencontré(s) :
Je trouve très pratique l’outil pour le choix des couleurs, mais je voudrais pouvoir modifier la transparence de celles-ci.
En particulier pour laisser apparaitre en transparence les images derrière, un truc basique.
C’est possible avec les dégradés, mais pas idéal et je n’ai pas trouvé comment ajouter dans le Json des couleurs avec de la transparence.

J’ai essayé avec Editor Custom Color Palette mais pas réussi 🙁
- Ce sujet a été modifié le il y a 2 années et 6 mois par matinrouge.
10 mars 2022 à 18 h 22 min #2397477

Li-An
Participant

Maître WordPress
28640 contributions

Bonjour, pour mettre une image en fond, il suffit d’utiliser un bloc bannière. Sinon le bloc Section de l’extension Getwid permet de gérer des overlay avec des filtres comme dans les logiciels de graphismes (multiply, lighten…) qui donnent des effets de transparence.

Il faut se rendre compte que Gutenberg est quand même un gros truc en beta test permanent et que les fonctionnalités sont ajoutées au fur et à mesure des demandes. Moi aussi, j’aurais aimé de la transparence par défaut 🙂 Des extensions comme Getwid ou Gutentor permettent plus de flexibilité.

11 mars 2022 à 10 h 40 min #2397539
PhiLyon
Modérateur

Maître WordPress
28260 contributions
Bonjour.

Tu peux le faire en CSS, en ciblant ton image bien-sûr
```
.wp-block-image img {
  vertical-align: bottom;
  opacity: 0.5;
}
```
Ou il y a ça mais je ne connais pas https://fullsiteediting.com/lessons/creating-theme-json/

🙂
Auteur

Messages