• Accueil
  • Info
  • Publicité
  • Privacy & Policy
  • Nous Contacter
No Result
View All Result
Technique de pointe
  • Actualité
  • Technologies
  • Jeu vidéo
  • Mobile
  • Astuces
  • HTML5 / CSS
  • Java Script
  • PHP
  • Article Sponsorisé
  • Astuces
  • Jeu vidéo
  • Nous Contacter
MYCAMER
  • Actualité
  • Mobile
  • Jeu vidéo
    Les employés d’Activision voteront pour le syndicat

    Les employés d’Activision voteront pour le syndicat

    Top 5 des meilleurs jeux vidéo PC en Inde mis à jour

    Top 5 des meilleurs jeux vidéo PC en Inde mis à jour

    16 meilleures offres: jeux vidéo, équipement de plein air et technologie

    16 meilleures offres: jeux vidéo, équipement de plein air et technologie

    Le jeu – 8 conseils pour les survivants

    Le jeu – 8 conseils pour les survivants

    Meilleures actions de jeux vidéo à acheter en mai

    Meilleures actions de jeux vidéo à acheter en mai

    APERÇU : Jeu vidéo Escape Academy

    APERÇU : Jeu vidéo Escape Academy

    Un général à la retraite quatre étoiles pense que les séquences de jeux vidéo sont le conflit Ukraine-Russie

    Un général à la retraite quatre étoiles pense que les séquences de jeux vidéo sont le conflit Ukraine-Russie

    Une société de jeux vidéo gagne du terrain dans le centre-ville de Saint-Louis |  Entreprise locale

    Une société de jeux vidéo gagne du terrain dans le centre-ville de Saint-Louis | Entreprise locale

    Revue du jeu vidéo – Evil Dead: The Game

    Revue du jeu vidéo – Evil Dead: The Game

  • Developpement web
    • All
    • Language HTML5
    ALE : Accord de libre-échange entre l’Inde et l’Australie : pourquoi l’ALE est différent, sans précédent

    ALE : Accord de libre-échange entre l’Inde et l’Australie : pourquoi l’ALE est différent, sans précédent

    Apprenez JavaScript sans expérience de codage pour seulement 40 $

    Apprenez JavaScript sans expérience de codage pour seulement 40 $

    Manipulation des couleurs avec JavaScript |  Bonus HTML

    Manipulation des couleurs avec JavaScript | Bonus HTML

    Début d’un parcours de développement frontend – La nouvelle pile

    Début d’un parcours de développement frontend – La nouvelle pile

    Un homme condamné à plus de 25 ans de prison pour avoir volé un magasin de téléphones portables à Gunpoint |  USAO-NDTX

    L’ancien shérif de Norfolk condamné pour corruption publique | USAO-EDVA

    Crackle Plus de CSS Entertainment (CSSE) signe un accord pour lancer l’application Crackle sur les téléviseurs intelligents alimentés par Vewd

    Crackle de CSS Entertainment (CSSE) déploie une application gratuite mise à jour sur Fire TV

    OED et Urban League élargissent le programme de conception Web pour les petites entreprises et les étudiants issus de minorités

    OED et Urban League élargissent le programme de conception Web pour les petites entreprises et les étudiants issus de minorités

    Nicolas Birkel |  Avis de décès |  columbustelegram.com

    Nicolas Birkel | Avis de décès | columbustelegram.com

    Résistance à la fatigue des alliages Al-Si imprimés en 3D

    Résistance à la fatigue des alliages Al-Si imprimés en 3D

  • Astuces
    Jacob Nicotra, fondateur et PDG de Jacob Nicotra Web Development, a été présenté dans le magazine Authority

    Jacob Nicotra, fondateur et PDG de Jacob Nicotra Web Development, a été présenté dans le magazine Authority

    Revue Squarespace 2022 : fonctionnalités, prix et plus

    Which is Better in 2022?

    Set Up Your Store in 7 Steps

    Set Up Your Store in 7 Steps

    Revue Squarespace 2022 : fonctionnalités, prix et plus

    SiteGround Review 2022 : fonctionnalités, prix et plus

    Revue Squarespace 2022 : fonctionnalités, prix et plus

    Revue Squarespace 2022 : fonctionnalités, prix et plus

    Comment commencer à tester votre code WordPress avec le framework de test PHP Pest – WP Tavern

    Comment commencer à tester votre code WordPress avec le framework de test PHP Pest – WP Tavern

    Membership website builders vs membership platforms: What’s the difference?

    WordPress membership websites vs closed membership platforms: Which is better?

    Vulnérabilité d’exécution de code à distance du plugin WordPress Elementor

    Vulnérabilité d’exécution de code à distance du plugin WordPress Elementor

    Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

    Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

  • Nous contacter
No Result
View All Result
MYCAMER
No Result
View All Result
Home Astuces

Refactoriser le bloc Galerie de Gutenberg pour prendre en charge les images imbriquées – WordPress Tavern

Caleb by Caleb
mars 24, 2021
in Astuces
0 0
0
Refactoriser le bloc Galerie de Gutenberg pour prendre en charge les images imbriquées – WordPress Tavern
333
SHARES
2k
VIEWS
Share on FacebookShare on TwitterRedditLinkedin


Comme beaucoup d’autres, j’ai souvent épinglé des onglets de toutes sortes de choses dans mon navigateur. Certains d’entre eux s’y attardent pendant des mois. D’autres depuis des années, je l’avoue honteusement. Parmi les quelques onglets de navigateur liés à Gutenberg que j’ai épinglé depuis fin 2020, l’un d’eux a finalement eu le genre de mouvement que j’attendais. Le bloc Galerie obtenait enfin le refactor indispensable il fallait.

Une galerie est essentiellement un conteneur avec des images imbriquées. Le concept de blocs imbriqués existe et est utilisé depuis longtemps maintenant. Cependant, le bloc principal de la Galerie n’utilise pas cette fonctionnalité. Cela signifie que les utilisateurs n’ont pas accès aux fonctionnalités de bloc d’image existantes.

Vous souhaitez personnaliser le lien pour des images individuelles? Aucun ne peut faire avec le bloc Galerie. Au lieu de cela, les utilisateurs doivent utiliser des colonnes et y déposer des blocs d’images. C’est une partie si fondamentalement brisée de l’expérience utilisateur qu’il n’est pas étonnant que les utilisateurs aient cherché des solutions alternatives en dehors du cœur de WordPress. Et cela pose problème depuis l’introduction des galeries via le système de shortcode de WordPress 2.5.

Vous souhaitez alterner les styles pour chaque image de la galerie? Cela a également été traditionnellement impossible. Cependant, lorsque chaque image est un bloc Image, les utilisateurs peuvent alterner entre les styles carré et rond, par exemple.

Bloc galerie dans l'éditeur WordPress avec alternance de formes d'image rondes et carrées.
Alterner les styles de bloc d’image dans une galerie.

Les utilisateurs peuvent même utiliser un plugin comme Editor Plus avec ses styles de blocs d’image étendus pour créer une galerie de “blobs d’images” ou les animer individuellement.

Galerie d'images avec "goutte" formes.
Images individuelles avec des formes «blob» via Editor Plus.

Ce changement pourrait ouvrir certaines possibilités de mise en page où les utilisateurs contrôlent le positionnement de chaque élément dans la grille. Et pourquoi s’arrêter avec des images? Il n’y a aucune raison pour que le noyau ne puisse pas ouvrir le bloc à d’autres types d’imbrication à l’avenir, tels que des vidéos, des citations, etc.

Galerie d'images avec une citation comme l'un des éléments de la grille.
Galerie d’images avec un devis.

L’inconvénient de cette nouvelle fonctionnalité est qu’elle pourrait nécessiter plus de travail de la part des développeurs qui ont déjà construit au-dessus du bloc Galerie. C’est pourquoi il est fondamental qu’ils testent ce changement dès maintenant.

Les testeurs peuvent voir le changement en passant à la branche refactor galerie via GitHub ou prenez un fichier zip de la construction. Il ajoute une nouvelle option “Gallery Refactor” à l’écran des paramètres expérimentaux de Gutenberg, qui doit être activée.

Seuls les blocs Galerie nouvellement ajoutés utiliseront le nouveau format. Rien n’a changé à ce sujet à première vue. Cependant, en sélectionnant une image individuelle, les utilisateurs peuvent utiliser les paramètres de bloc d’image typiques. Les deux exceptions sont les options d’alignement et de redimensionnement, supprimées car elles briseraient la mise en page. Les nouvelles galeries ne fonctionnent pas encore dans l’éditeur du site.

Example of the Title

Example description. Lorem Ipsum is simply dummy text of the printing and type..

«Bien que les attentes ne changent en rien en termes de sortie, il s’agit d’un changement assez important au niveau technique pour un bloc très populaire, donc ce serait d’une grande aide de recueillir autant de commentaires de test que possible», écrit Glen Davies dans le message d’annonce.

Cette déclaration pourrait être trompeuse. Il y a des modifications fondamentales et incompatibles vers l’arrière de la sortie de balisage avec la nouvelle implémentation.

Dans les itérations précédentes de la galerie, il y avait un conteneur wrapper (<div>) et une liste non ordonnée (<ul>) d’images. La modification proposée supprimerait entièrement la liste, supprimant les blocs Image en tant qu’enfants directs de l’élément conteneur. Cela cassera les styles de thème personnalisés et potentiellement l’intégration de plugins.

Sur le plan technique, je ne vois pas la nécessité de modifier les galeries de balisage externes. Seule la partie image de l’équation doit changer. Si cela est dû à des limitations avec le InnerBlocks système (fonctionnalité de blocs imbriqués), peut-être n’est-il pas assez robuste pour répondre aux besoins des développeurs.

Avec les changements continus du balisage et du CSS dans le système de blocs de base, le codage de l’intégralité du CSS d’un site à partir de zéro appartient probablement au passé. Ce n’est pas le premier cas d’une telle casse et sera sans aucun doute le dernier, une rareté dans l’ère pré-blocage. Le meilleur plan d’action pour les auteurs de thèmes est de laisser les styles de base en place et de les étendre, même si cela signifie une certaine surcharge pour les chargements de page. Ce n’est pas un plan infaillible, mais il allège le fardeau.

Dans l’ensemble, je salue l’amélioration du bloc Galerie, même si elle casse certaines choses. Cela ouvre potentiellement un monde de possibilités et est nécessaire si le projet veut un jour fournir aux utilisateurs finaux autre chose que des fonctionnalités super basiques.

Comme ça:

Aimer Chargement…

— to wptavern.com

Get real time update about this post categories directly on your device, subscribe now.

Unsubscribe
Caleb

Caleb

Stay Connected

  • 81.7k Followers
  • 113k Subscribers

Articles populaires

  • 10 problèmes courants de l’iPhone 13 et comment les résoudre

    10 problèmes courants de l’iPhone 13 et comment les résoudre

    3527 shares
    Share 1411 Tweet 882
  • Comment installer phpMyAdmin sur Debian 11 Bullseye (Apache)

    880 shares
    Share 352 Tweet 220
  • Battle.net s’est remis d’une attaque DDoS, selon Blizzard

    492 shares
    Share 197 Tweet 123
  • 2 façons d’installer le serveur LAMP sur Ubuntu 22.04 | 20.04

    397 shares
    Share 159 Tweet 99
  • Avantages et inconvénients des concepteurs et créateurs de jeux vidéo

    519 shares
    Share 208 Tweet 130

Follow Our Page

Ajouter votre lien ici

Example of the Title

Follow Us

    Go to the Customizer > JNews : Social, Like & View > Instagram Feed Setting, to connect your Instagram account.
Facebook Twitter Youtube Vimeo Instagram

We bring you the best Premium WordPress Themes that perfect for news, magazine, personal blog, etc. Check our landing page for details.

Category

  • Actualité
  • Article Sponsorisé
  • Astuces
  • Jeu vidéo
  • Language HTML5
  • Mobile
  • portrait
  • Technologies

Recent News

ALE : Accord de libre-échange entre l’Inde et l’Australie : pourquoi l’ALE est différent, sans précédent

ALE : Accord de libre-échange entre l’Inde et l’Australie : pourquoi l’ALE est différent, sans précédent

mai 23, 2022
Les employés d’Activision voteront pour le syndicat

Les employés d’Activision voteront pour le syndicat

mai 23, 2022

© 2022 JNews - Premium WordPress news & magazine theme by Jegtheme.

No Result
View All Result
  • Actualité
  • Mobile
  • Jeu vidéo
  • Developpement web
  • Astuces
  • Nous contacter

© 2022 JNews - Premium WordPress news & magazine theme by Jegtheme.

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
fr French
ar Arabiczh-CN Chinese (Simplified)en Englishfr Frenchde Germanit Italianru Russianes Spanish

Add New Playlist

This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.