Comment reproduire les liens de la bannière meta ?

Comment puis-je créer 4 boutons : Personnaliser, Guide, Sujets tendance, Notre hébergement

2 « J'aime »

Dans le composant thème de la bannière de recherche, il existe deux points de terminaison de plugin que vous pouvez cibler pour du contenu personnalisé dans un composant personnalisé distinct que vous pouvez créer.

4 « J'aime »

Quel est search_banner.search_button_text
Comment puis-je créer un bouton comme sur la photo ?

Merci ! Je n’ai pas trouvé l’option pour insérer ce code dans la personnalisation.
Pouvez-vous me guider s’il vous plaît :pray:

Je vais créer un composant de thème. :+1:

8 « J'aime »

Eh bien, c’est correct, Don. Tout est une question d’apprentissage et de partage. Je pense que ce serait une bonne idée d’informer notre intention dès le départ, la prochaine fois. Merci de partager. :+1:

En fait, j’y travaille depuis hier[1]. J’ai fait quelque chose de similaire, mais je ne l’ai pas encore publié. Je veux ajouter plus d’options de personnalisation, comme la possibilité de choisir entre des emojis, des icônes Font Awesome ou des URL d’images, mais aussi du CSS par bouton, du rendu conditionnel, etc. Pour cela, j’ai beaucoup exploré et testé le format JSON schema (et c’est assez douloureux – à part ça, ce PR pour améliorer le style sera génial !). Je publierai silencieusement ma version sur Github plus tard.


  1. ↩︎

9 « J'aime »

Avez-vous eu du succès ? J’ai essayé d’en construire un, mais je suis bloqué.

3 « J'aime »

Salut @Arkshine, as-tu des nouvelles concernant ce composant ? Ce serait aussi d’une aide incroyable pour moi :innocent:

2 « J'aime »

J’ai complètement oublié, désolé. :smile:

Malheureusement, le format de schéma JSON pour les paramètres sera bientôt déprécié, donc ce que je voulais faire à l’origine ne fonctionnera plus (et la personnalisation avec était trop délicate, pour être honnête).

Je voulais poster la version de Don mais je ne trouve pas son dépôt. :thinking:

Je vais voir ce que je peux faire pour poster une version fonctionnelle dès que possible. :+1:

3 « J'aime »

Merci beaucoup ! :pray:t2:

2 « J'aime »

@Helga_Razinkova

Pouvez-vous essayer ? Crédit à @Don et @manuel – j’ai repris certaines de leurs idées.

Cela nécessite une version récente de Discourse (3.3) car elle repose sur le nouveau Objects type for theme setting.

Quelques images

Paramètres généraux :

Paramètres des liens :

L’apparence par défaut – elle utilise la couleur du thème.
image

Le bouton peut être stylisé séparément :
image

Faites-moi savoir si vous avez besoin de paramètres spécifiques.
Cela pourrait nécessiter quelques ajustements pour le mobile. Par défaut, les boutons s’enroulent et sont affichés en une seule colonne sur mobile. J’attends vos retours avec impatience.

Si tout va bien, je le publierai plus tard. :+1:

7 « J'aime »

@Arkshine Je suis tellement désolé pour le retard, je viens juste de trouver cette idée :slight_smile:

J’ai pu ajouter les boutons, merci beaucoup pour ce plugin !! Le seul défi maintenant est de placer les boutons juste après la barre de recherche, mais j’espère que nous trouverons une solution.

Une question : est-il possible de rendre le champ Emoji facultatif au lieu d’obligatoire ?

Merci encore !

2 « J'aime »

Salut, merci d’avoir testé le composant !

Je l’ai mis à jour pour rendre l’emoji facultatif. :+1:

Voulez-vous dire que vous utilisez le composant Banner Search et que vous souhaitez que le bouton apparaisse en dessous ?
Si c’est le cas, dans le réglage plugin outlets, vous pouvez le définir sur below-site-header.
Vous devrez peut-être ajuster l’espacement avec un peu de CSS, cependant.

Faites-moi savoir si vous avez besoin d’aide supplémentaire. :slight_smile:

1 « J'aime »

Bonjour, je pense que Helga cherche ce plugin outlet. :slightly_smiling_face:

4 « J'aime »

En effet !

Pour une raison quelconque, j’avais supposé que le composant Plugin Outlet les afficherait (j’avais oublié comment le composant les génère). Merci de m’avoir corrigé. :+1:


Je devrai ajuster les paramètres pour que cela fonctionne avec les sorties de composants et pour faciliter la personnalisation de l’espacement. Je vous tiens au courant bientôt, Helga.

3 « J'aime »

Génial, merci beaucoup pour votre aide, @Arkshine @Don ! :fire: :fire:

2 « J'aime »

Désolé pour l’attente ! J’ai mis à jour le composant. J’ai ajouté plusieurs nouveaux paramètres.

Dans votre cas, vous voulez utiliser search-banner-below-input dans le paramètre plugin_outlet.
Il apparaîtra maintenant juste en dessous :

Si vous préférez, vous pouvez maintenant définir une largeur maximale pour le conteneur :

Voici les paramètres que j’ai utilisés :


L'image montre un élément d'interface utilisateur étiqueté "largeur maximale du wrapper des boutons" avec un curseur et un champ de saisie numérique permettant à l'utilisateur de définir une largeur maximale de 600 pixels, ainsi qu'un bouton "réinitialiser". (Légendé par l'IA)

Il existe d’autres paramètres, y compris quelques-uns pour la vue mobile.

Faites-moi savoir si cela fonctionne bien pour vous. :+1:

2 « J'aime »

Oh là là, @Arkshine, tu es une perle !! Merci mille fois, tout est génial maintenant ! :heart_eyes:

2 « J'aime »

Très intelligent la façon dont les paramètres de ce composant thématique sont présentés, @Arkshine ! Comme toujours, vous fournissez ici un autre excellent point de départ et modèle pour les constructeurs de composants débutants de la communauté !

Un très, très GRAND MERCI à vous, mon ami !

4 « J'aime »

Excellent composant de thème - et mérite vraiment son propre sujet !

Devrions-nous peut-être reformater celui-ci à cette fin ? Ou en créer un nouveau ?

2 « J'aime »