Je ne comprends tout simplement pas. Depuis au moins une dizaine d’années, les auteurs de sujets se posent des questions sur les outils pouvant être utilisés pour créer des mises en page plus complexes à l’aide de WordPress. Vous avez demandé l’option permettant aux utilisateurs finaux de créer plus facilement leurs démos à partir de zéro. Ils voulaient des méthodes pour contourner les lignes directrices «restrictives» pour l’examen des sujets.

Au cours des dernières années, WordPress a toujours fourni des fonctionnalités que les auteurs de sujets ont demandées. Cependant, peu de thèmes les utilisent.

Lors de ma revue hebdomadaire des derniers sujets à débarquer dans l’annuaire, un nouveau Thème de mariage a attiré mon attention la semaine dernière. Bien sûr, je l’ai téléchargé, installé et activé pour constater que je ne savais pas comment recréer la conception de la page d’accueil. Il n’y avait pas d’instructions. Les options de rubrique dans le personnalisateur ne semblent pas avoir beaucoup de sens. Presque toutes les images décoratives ne se trouvaient pas dans le dossier du thème.

Dois-je passer à la version Pro pour obtenir la capture d’écran? Il semble y avoir un plan pour une telle version, mais elle n’est pas encore disponible.

Capture d'écran du thème de mariage WordPress classique.
Capture d’écran du thème classique du mariage.

Je ne suis pas un débutant, mais je suis coincé. J’ai aimé la simplicité du design. Cependant, je ne pouvais pas imaginer mettre en place un site de mariage avec ce thème. Du point de vue de l’utilisateur, cela ne devrait pas prendre plus de quelques clics de souris. Après cela, il ne devrait s’agir que d’adapter le contenu.

Je peux voir qu’il y a encore une sorte de division amour / haine pour l’éditeur de blocs intérieur Communauté WordPress. Cependant, les auteurs de sujets rendent un mauvais service à l’ensemble de la base d’utilisateurs de WordPress en n’utilisant pas les outils disponibles.

J’ai donc créé la page d’accueil sur le thème du mariage classique à partir de zéro. Utilisez l’éditeur de blocs. Avec un thème qui le prend en charge.

Créer un site Web de mariage

Mon objectif était simple. Il n’y avait pas de démo à partir de laquelle travailler et tout ce que j’avais à faire était de prendre une capture d’écran de 800 pixels de large. Page de sujet sur le site Web de l’auteur. Comme moi a recréé la page d’accueil de Music Artist Il y a quelques semaines, j’ai voulu faire la même chose pour Classic Wedding. À quelques exceptions près qui auraient pu être couvertes par le sujet, j’ai réussi.

Étant donné que Classic Wedding ne prend pas en charge l’éditeur de blocs lui-même, je n’ai pas pu recréer sa page d’accueil à partir de l’éditeur de blocs tout en utilisant le thème. Cela ne s’est pas produit – j’ai essayé. je le savais Thème WordPress Eksell avait un modèle «canevas» qui permettait aux utilisateurs de modifier la page entière, ce qui en faisait un choix facile.

J’ai également chargé les polices Kaushan Script et Lora pour mieux correspondre au thème d’origine. Ce n’était pas nécessaire pour l’expérience, mais je voulais que mon rétablissement soit au moins un peu similaire.

J’ai tout de suite su que je devais surmonter un obstacle. Le sujet a utilisé une image qui chevauchait à la fois la section ci-dessus et ci-dessous. Cela nécessite des contrôles de bord, en particulier la possibilité d’ajouter des marges négatives. Malheureusement, c’est un composant manquant de l’éditeur de blocs aujourd’hui. Cela ne signifie pas que les auteurs de sujets ne peuvent pas faire cela avec des styles ou des modèles de bloc personnalisés. Cela signifie simplement que les utilisateurs finaux ne peuvent pas le contrôler via l’interface utilisateur.

Comme je ne voulais pas passer mon temps à écrire le code, je me suis appuyé sur mon filet de sécurité habituel, le Éditeur Plus Brancher. Bien que cela puisse parfois être un peu maladroit et que cela ressemble à une exagération, il inclut les fonctionnalités manquantes telles que les options de bordure.

Utilisez le plugin Editor Plus pour ajouter une bordure négative à une image dans l'éditeur de blocs WordPress.
Ajout d’une bordure négative à une image.

j’utilise px Des unités là-bas parce que c’était facile. Dans un vrai projet % ou alors rem Aurait été mieux. Mais je viens de faire une rapide preuve de concept.

Tout le reste dans la zone de contenu était simple. J’avais besoin d’un bloc-notes avec une image, un titre, un paragraphe et un bouton. J’avais besoin d’un bloc de groupe comme conteneur pour une image, un titre et des paragraphes dans la zone inférieure.

Parce que le sujet n’a pas emballé ses images décoratives – Comment les utilisateurs recréeraient-ils la page d’accueil sans elle? – J’ai opté pour un simple fond SVG rayé au lieu des fleurs dans l’original. Comme j’avais déjà installé Editor Plus, j’ai ajouté un SVG de Icônes de héros comme arrière-plan principal.

Zone de contenu d'une conception de site Web de mariage avec une tête de héros, une image et un texte qui se chevauchent.
Restauration du contenu de la page mariage.

Mon idée originale était de simplement recréer la partie « contenu » de la page d’accueil. C’était un peu ennuyeux en soi, cependant. J’ai donc tout transformé en un bloc de colonnes et ajouté la barre latérale. J’ai recréé les éléments principaux à l’aide des blocs Image, Titre, Paragraphe et Navigation. Ensuite, j’ai ajouté un bloc d’icônes sociales pour le plaisir.

Conception complète de la page de mariage avec barre latérale et photos / contenu de mariage à droite.
Conception de site Web de mariage complet.

J’ai frappé un crochet avec le bloc de navigation. WordPress n’offre actuellement pas de méthode de centrage de chaque lien dans la liste lors de l’utilisation de la variante de bloc vertical. J’ai dû écrire quelques lignes de CSS pour rendre cela possible. Cela semble être un oubli et un domaine où l’éditeur de blocs n’a pas été à la hauteur de mes attentes. Bien sûr, cela pourrait être traité du côté thématique des choses.

Dans l’ensemble, il s’agissait d’un projet relativement simple. Cependant, cette expérience a ajouté des complexités qui n’étaient pas là lorsque la page d’accueil de Music Artist a été reconstruite. Les contrôles de bord et les alignements de blocs de navigation verticaux sont indispensables. Utiliser un plugin tiers et écrire du CSS personnalisé n’est pas idéal, et c’étaient des conditions préalables pour le faire directement depuis l’éditeur.

Tout cela est possible dès la fin du sujet. Chaque pièce de cette conception aurait pu être emballée comme un motif de bloc. L’effet d’image superposée aurait abouti à un style de bloc soigné. Je souhaite juste que les auteurs du sujet commencent à utiliser les fonctions qui leur sont fournies manuellement.



Source link

Recent Posts