• About
  • Advertise
  • Privacy & Policy
  • Contact
Tech News, Magazine & Review WordPress Theme 2017
  • ACCUEIL
    • Home – Layout 5
  • Review

    National Academy of Sciences endorses embryonic engineering

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    The Analogue Nt Mini is the perfect NES console for video game lovers

    Using a mind reading device, ‘locked-in’ patients told researchers they’re happy

    Watch Cruise’s self-driving Bolt EV navigate smoothly to SF’s Dolores Park

  • Gaming

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Analogue Nt Mini is the perfect NES console for video game lovers

    GoPro’s Karma drone is back on sale after design flaw made them fall out of the sky

  • Gear
    • All
    • Audio
    • Camera
    • Laptop
    • Smartphone

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    National Academy of Sciences endorses embryonic engineering

    Jack Dorsey says he’ll continue running both Square and Twitter

    Fujifilm X-T2 review: The definition of a great camera

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    Trending Tags

    • Best iPhone 7 deals
    • Apple Watch 2
    • Nintendo Switch
    • CES 2017
    • Playstation 4 Pro
    • iOS 10
    • iPhone 7
    • Sillicon Valley
  • Computers

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    SpaceX targets February 18 for Dragon resupply mission to ISS

  • Applications

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Jack Dorsey says he’ll continue running both Square and Twitter

  • Security

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

No Result
View All Result
  • ACCUEIL
    • Home – Layout 5
  • Review

    National Academy of Sciences endorses embryonic engineering

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    The Analogue Nt Mini is the perfect NES console for video game lovers

    Using a mind reading device, ‘locked-in’ patients told researchers they’re happy

    Watch Cruise’s self-driving Bolt EV navigate smoothly to SF’s Dolores Park

  • Gaming

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Analogue Nt Mini is the perfect NES console for video game lovers

    GoPro’s Karma drone is back on sale after design flaw made them fall out of the sky

  • Gear
    • All
    • Audio
    • Camera
    • Laptop
    • Smartphone

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    National Academy of Sciences endorses embryonic engineering

    Jack Dorsey says he’ll continue running both Square and Twitter

    Fujifilm X-T2 review: The definition of a great camera

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    Trending Tags

    • Best iPhone 7 deals
    • Apple Watch 2
    • Nintendo Switch
    • CES 2017
    • Playstation 4 Pro
    • iOS 10
    • iPhone 7
    • Sillicon Valley
  • Computers

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Fujifilm X-T2 review: The definition of a great camera

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

    SpaceX targets February 18 for Dragon resupply mission to ISS

  • Applications

    Apple Watch Series 2 Is Swimproof and Comes With Built-In GPS

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    Jack Dorsey says he’ll continue running both Square and Twitter

  • Security

    To regain advertiser trust, Facebook is tracking ads by the millisecond

    National Academy of Sciences endorses embryonic engineering

    Google has been asked to take down over a million websites

    Watch Dogs 2 Update Coming This Week, Here’s What It Does

    The Warby Parker of hair color, Madison Reed, scores new funding and a CMO

    Shopify CEO attempts to defend continued hosting of Breitbart’s online store

No Result
View All Result
Technique de pointe
No Result
View All Result
Home Générale

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

Caleb by Caleb
mars 24, 2021
150
Refactoriser le bloc Galerie de Gutenberg pour prendre en charge les images imbriquées – WordPress Tavern
Share on FacebookShare on Twitter


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.

«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

Recommended.

Le créateur de personnage dans le jeu vidéo russe vous permet de choisir entre 3 types différents de gars blanc chauve grimaçant

Le créateur de personnage dans le jeu vidéo russe vous permet de choisir entre 3 types différents de gars blanc chauve grimaçant

janvier 22, 2023
Tina Ambani publie un portrait de famille pour souhaiter à son neveu, Arjun Kothari, le jour de son 3e anniversaire de mariage

Tina Ambani publie un portrait de famille pour souhaiter à son neveu, Arjun Kothari, le jour de son 3e anniversaire de mariage

novembre 19, 2022

Subscribe.

Trending.

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

décembre 24, 2021
Comment installer phpMyAdmin sur Debian 11 Bullseye (Apache)

Comment installer phpMyAdmin sur Debian 11 Bullseye (Apache)

novembre 25, 2021
Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

mai 15, 2022
Avantages et inconvénients des concepteurs et créateurs de jeux vidéo

Avantages et inconvénients des concepteurs et créateurs de jeux vidéo

septembre 17, 2021
Comment créer une calculatrice simple à l’aide de HTML, CSS et JavaScript

Comment créer une calculatrice simple à l’aide de HTML, CSS et JavaScript

juin 19, 2022

Catégories de produits

  • Non classé (2)
Technique de pointe

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

Follow Us

Catégories

  • Apple
  • Applications
  • Audio
  • Camera
  • Computers
  • Gaming
  • Gear
  • Générale
  • Laptop
  • Microsoft
  • Photography
  • portrait
  • Review
  • Security
  • Smartphone

Étiquettes

actualités industrielles actualité économique affaires ailette AMERS ASIE ASXPAC BACT Buying Guides CMPNY Commerce courrier quotidien CYCS CYCS08 des sports Divertissement EMRG Entreprise GEN Inc. ITSE ITSE08 jeu vidéo jeux vidéo l'informatique l'Internet La technologie Logiciel Microsoft MTPIX NOM nous nouvelles Playstation 4 Pro politique Sillicon Valley SWIT TECH08 technologie TMT TOPCMB TOPNWS Types de contenu Éducation économie

Recent News

Appelez-moi – Peut-être ? : Le 50e anniversaire du premier appel téléphonique

Appelez-moi – Peut-être ? : Le 50e anniversaire du premier appel téléphonique

mars 31, 2023
Suivi des formulaires avec Google Analytics (via WordPress et GTM)

Suivi des formulaires avec Google Analytics (via WordPress et GTM)

mars 31, 2023
  • About
  • Advertise
  • Privacy & Policy
  • Contact

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

No Result
View All Result
  • Accueil
  • high tech
  • Jeu Vidéo
  • Tutoriel
    • HTML5 / CSS
    • Java Script
    • PHP / MySQL
  • Microsoft
  • Apple
  • Review
  • Applications
  • Photography
  • Security

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

Welcome Back!

Sign In with Facebook
Sign In with Google
Sign In with Linked In
OR

Login to your account below

Forgotten Password?

Retrieve your password

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

Log In

Add New Playlist

Nous avons découvert un nouveau système qui génère des revenus 100% passifs... Ignorer