Vous recherchez un traitement d’image plus flexible dans le nouvel éditeur de blocs de WordPress? Dans nous montrerons comment créer vos propres curseurs et bibliothèques drsquoimages statiques ou dynamiques dans lrsquoéditeur de blocs en utilisant des blocs drsquooutils. n’êtes pas familier avec le contenu, il s’agit d’un ensemble d’outils qui aident à gérer le contenu personnalisé et les sites WordPress dynamiques. Il aide à ajouter et à visualiser des types de messages personnalisés, des champs personnalisés, etc. Avec Toolkit Blocks, pouvez faire tout cela en utilisant l’éditeur natif Block de WordPress.
Les lecteurs de WP Mayor bénéficient drsquoune réduction exclusive de 20% sur lrsquoachat drsquoun ensemble drsquooutils. Ensuite, nous nous concentrerons sur une partie spécifique du bloc drsquooutils: lrsquoimage. Continuez à lire et Découvrez comment il fonctionne et comment il aide à créer de meilleurs sites WordPress. Comment les blocs d’outils aident ils à traiter les images WordPress? Les blocs d’outils aident à visualiser le contenu de votre site WordPress sans Code en utilisant l’éditeur de blocs WordPress natif. Nous avons déjà écrit ici sur les blocs drsquooutils. Vous pourriez dire:
Le bloc drsquooutils diffère en ce sens qursquoil aide également à visualiser le contenu personnalisé, comme les champs personnalisés et la taxonomie ajoutés à lrsquoaide drsquoun ensemble drsquooutils. Vous pouvez même utiliser lrsquoéditeur de bloc pour concevoir des modèles pour nrsquoimporte quel type de post personnalisé que créez. Cependant, je me suis un peu éloigné de la tradition parce que cet article est sur lrsquoimage. Avec Toolkit Block v.1.3, pouvez accéder à deux blocs centrés sur lrsquoimage: la bibliothèque: créer une bibliothèque de grille, de maçonnerie ou de collage. Curseur drsquoimage: crée un curseur et un carrousel avec différentes mises en page, titres, etc. Les deux blocs permettent de créer des bibliothèques ou des curseurs à partir drsquoun ensemble drsquoimages fixes, ainsi que de nombreux op
Contrôle le style et la disposition de la Bibliothèque curseur.
Cependant, ces blocs deviennent plus utiles et, contrairement à drsquoautres bibliothèques et plug ins de blocs de défilement, pouvez également insérer dynamiquement des images dans les bibliothèques et les curseurs de nrsquoimporte où sur le site. Vous pouvez des images en utilisant les champs personnalisés ajoutés avec le contenu et les insérer automatiquement dans la bibliothèque. Vous pouvez même créer des modèles pour les types de messages personnalisés que ajoutez, puis remplir automatiquement la Bibliothèque comme ceci. Par exemple, sur un site immobilier, pouvez créer un type de message personnalisé
Crsquoest bien, nrsquoest ce pas? Dans la section suivante, je vais montrer comment cela fonctionne. Comment utiliser des blocs drsquoimage de contenu statique maintenant, je vais montrer étape par étape comment utiliser la nouvelle bibliothèque de contenu et les blocs de défilement. Pour chaque bloc, je vais drsquoabord montrer comment lrsquoutiliser avec un ensemble drsquoimages fixes. Cela donnera une bonne idée de la fonctionnalité de chaque bloc. Donc, dans la section suivante, je vais montrer comment remplir dynamiquement les bibliothèques et les curseurs. Lorsque saisissez un nouveau bloc de bibliothèque, pouvez choisir parmi trois mises en page différentes:
Montage des murs de grille
Une fois la mise en page sélectionnée, pourrez ajouter des images pour: de nouvelles images sélectionnez des images existantes dans la médiathèque remplissez dynamiquement ces images à partir des champs personnalisés ajoutés à ce message (ou à tout autre message). Je vais enregistrer le contenu dynamique pour la section suivante, donc nous nrsquoavons qursquoà Télécharger quelques nouvelles images:
Tu as une galerie. Tu peux, quin.
Utilisez la configuration de la barre latérale du bloc à droite: le style de la disposition, comme le nombre de colonnes à utiliser dans une grille ou une bibliothèque de maçonnerie. Titre de chaque image. Indique srsquoil faut ouvrir lrsquoimage dans la boîte lumineuse.
La disposition de la grille et de la maçonnerie est évidente, mais la disposition du collage contient des fonctionnalités précises qui permettent de choisir parmi une disposition prédéfinie du collage ou de concevoir même:
Concevez Votre propre mise en page, pouvez utiliser le système GRID pour configurer la taille et lemplacement de chaque élément de la bibliothèque, ce qui est très intéressant:
Logiciel: le curseur drsquoimage sniplast fonctionne comme un bloc de galerie. Lorsque créez un nouveau curseur drsquoimage, pouvez choisir parmi les trois mêmes sources: charger la source dynamique de la médiathèque, puis utiliser lrsquooption à côté: changer le nombre de colonnes. Les colonnes seront des curseurs traditionnels, et pouvez créer un Carrousel en ajoutant plus de colonnes. Sélectionnez un style de défilement différent. Style de contrôle.
Maintenant que avez appris les bases pour nous donner un aperçu de lrsquoutilisation plus avancée de ces deux widgets, je vais montrer comment remplir dynamiquement les bibliothèques et les curseurs.
Comment utiliser des blocs drsquoimages de contenu dynamique bien que les nouveaux blocs drsquooutils soient utiles pour les images statiques, il existe de nombreux blocs qui peuvent aider à créer des bibliothèques et des images statiques. Ce qui rend les blocs drsquoimages du nouvel ensemble drsquooutils vraiment puissants (et uniques) est le contenu dynamique. Vous pouvez remplir dynamiquement le contenu drsquoune bibliothèque ou drsquoun curseur avec des images dans un champ drsquoimage personnalisé que ajoutez en utilisant le contenu. Vous pouvez également utiliser le champ image dupliquée qui permet drsquoajouter toutes les images n
Exclure des champs personnalisés.
Alors Comment fonctionne t il dans la pratique? Pour rendre cet exemple plus concret, jrsquoa i créé un type de poste personnalisé, House, en utilisant un ensemble drsquooutils. Jrsquoai donc ajouté un champ drsquoimages en double dans lequel pouvez des photos de lrsquointérieur de la maison. Voici un exemple de duplication normale des champs drsquoimage lors de la création drsquoune nouvelle page drsquoaccueil:
Logiciel: sniplast je vais maintenant montrer comment insérer dynamiquement ces images dans une galerie ou un curseur. Lorsque ajoutez un bloc de galerie, pouvez toujours sélectionner une mise en page et utiliser tous les autres paramètres que jrsquoai affichés précédemment.
Ce nrsquoest que maintenant que verrez la demande drsquoajout drsquoune image que la source dynamique sera sélectionnée:
Vous pourrez ensuite sélectionner les champs personnalisés de lrsquoimage dupliquée comme source:
Lorsque sélectionnez cette source, verrez un aperçu de la bibliothèque en utilisant les images de champ personnalisées que je ai montrées précédemment:
ajoutez ou supprimez des images de ce champ personnalisé, ces modifications srsquoappliquent automatiquement à votre bibliothèque. Curseur drsquoimage pouvez utiliser la même méthode avec le curseur drsquoimage. Lorsque ajoutez un nouveau curseur drsquoimage, pouvez sélectionner une source dynamique pour lrsquoimage, puis sélectionner un champ drsquoimage dupliqué, comme je lrsquoai montré dans le bloc galerie:
Nous avons travaillé avec l’équipe derrière toolset, un générateur de pages qui permet de créer des sites WordPress sans codage et offre une réduction exclusive de 20%. 20% de réduction pouvez également utiliser du contenu dynamique dans drsquoautres messages pages en plus drsquoinsérer dynamiquement des images pour les messages en cours de traitement, pouvez également remplir dynamiquement des galeries ou des curseurs à drsquoautres endroits du site. Par exemple, supposons que t
Recréer la galerie et le curseur n’importe où sur le site WordPress, y compris les modèles créés avec le contenu. souhaitez voir des exemples de ce qursquoun ensemble drsquooutils peut faire et comprendre comment il fonctionne, consultez la documentation de lrsquoensemble drsquooutils et le site Web de référence. voulez essayer le contenu même, cliquez sur le lien ci dessous pour commencer. Obtenir un ensemble drsquooutils
