Come posso replicare i link del banner meta?

Sviluppatore
1

image
image1612Ă—428 48.8 KB

Come posso creare 4 pulsanti: Personalizza, Guida, Argomenti principali, Il nostro hosting

2 Mi Piace
2

Nel componente del tema Search Banner, ci sono due plugin outlet a cui puoi fare riferimento per contenuti personalizzati in un componente separato che puoi creare.

4 Mi Piace
3

Qual è search_banner.search_button_text
Come posso creare un pulsante come nella foto?

image
image1612Ă—428 48.8 KB

4

Grazie! Non sono riuscito a trovare l’opzione per inserire questo codice nella personalizzazione.
Puoi guidarmi per favore :pray:

5

Creerò un componente tematico. :+1:

8 Mi Piace
7

Va bene, Don. Si tratta di imparare e condividere. Penso che sarebbe una buona idea comunicare la nostra intenzione fin dall’inizio, la prossima volta. Grazie per aver condiviso. :+1:

In realtà, ci sto lavorando da ieri[1]. Ho fatto qualcosa di simile, ma non l’ho ancora pubblicato. Voglio aggiungere più opzioni di personalizzazione, come la possibilità di scegliere tra emoji, icone Font Awesome o URL di immagini, ma anche CSS per pulsante, rendering condizionale e altro ancora. Per questo, ho esplorato e testato molto il formato JSON schema (ed è un bel grattacapo – a parte questo, questo PR per migliorare lo styling sarà fantastico!). Posterò silenziosamente la mia versione su Github più tardi.

  1. image
    image477Ă—499 35.1 KB
    ↩︎

9 Mi Piace
8

Hai avuto successo? Ci ho provato a costruirne uno, ma mi sono bloccato.

3 Mi Piace
9

Ciao @Arkshine, hai aggiornamenti su questo componente? Mi sarebbe incredibilmente d’aiuto anche a me :innocent:

2 Mi Piace
10

Ho completamente dimenticato, scusa. :smile:

Sfortunatamente, il formato JSON schema per le impostazioni sarà presto deprecato, quindi ciò che volevo fare originariamente non funzionerà più (e la personalizzazione con esso era troppo complicata, ad essere onesti).

Volevo pubblicare la versione di Don ma non riesco a trovare il suo repository. :thinking:

Vedrò cosa posso fare per pubblicare una versione funzionante al più presto. :+1:

3 Mi Piace
11

Grazie mille! :pray:t2:

2 Mi Piace
12

@Helga_Razinkova

Puoi provare? Crediti a @Don e @manuel – ho preso alcune delle loro idee.

Richiede una versione recente di Discourse (3.3) poiché si basa sul nuovo Objects type for theme setting.

Alcune immagini

Impostazioni generali:

image
image616Ă—907 15.9 KB

Impostazioni link:

image
image1090Ă—1036 34.4 KB

L’aspetto predefinito – utilizza il colore del tema.
image

Il pulsante può essere stilizzato separatamente:
image

Fammi sapere se hai bisogno di impostazioni specifiche.
Potrebbe essere necessario qualche aggiustamento per il mobile. Per impostazione predefinita, i pulsanti vanno a capo e vengono visualizzati in una colonna su mobile. Attendo qualsiasi feedback.

Se tutto va bene, lo rilascerò più tardi. :+1:

7 Mi Piace
13

@Arkshine Mi dispiace molto per il ritardo, ho appena avuto modo di pensare a questa idea :slight_smile:

Sono riuscito ad aggiungere i pulsanti, grazie mille per questo plugin!! L’unica sfida ora è posizionare i pulsanti subito dopo la barra di ricerca, ma spero che troveremo una soluzione.

Una domanda: è possibile rendere il campo Emoji opzionale invece che obbligatorio?

Grazie ancora!

2 Mi Piace
14

Ehi, grazie per aver testato il componente!

L’ho aggiornato per rendere l’emoji opzionale. :+1:

Intendi che stai usando il componente Banner Search e vuoi che il pulsante appaia sotto?
Se è così, nell’impostazione plugin outlets, puoi impostarlo su below-site-header.
Potrebbe essere necessario regolare lo spazio con un po’ di CSS, però.

Fammi sapere se hai bisogno di ulteriore aiuto. :slight_smile:

1 Mi Piace
15

Ciao, penso che Helga stia cercando questo plugin outlet. :slightly_smiling_face:

4 Mi Piace
16

Infatti!

Per qualche motivo, ho pensato che il componente Plugin Outlet li avrebbe mostrati (ho dimenticato come il componente li genera). Grazie per avermi corretto. :+1:

Dovrò regolare le impostazioni per farlo funzionare con gli outlet dei componenti e per semplificare la personalizzazione dello spazio. Ti aggiornerò presto, Helga.

3 Mi Piace
17

Fantastico, grazie mille per il tuo aiuto, @Arkshine @Don! :fire: :fire:

2 Mi Piace
18

Mi scusi per l’attesa! Ho aggiornato il componente. Ho aggiunto diverse nuove impostazioni.

Nel tuo caso, vuoi usare search-banner-below-input nell’impostazione plugin_outlet.
ApparirĂ  ora subito sotto:

image
image1206Ă—356 24.5 KB

Se preferisci, ora puoi impostare una larghezza massima per il contenitore:

image
image654Ă—303 14.2 KB

`
Ecco le impostazioni che ho usato:

image
image740Ă—128 2.68 KB

L'immagine mostra un elemento dell'interfaccia utente etichettato "larghezza massima wrapper pulsanti" con un controllo a cursore e un campo di immissione numerico che consente all'utente di impostare una larghezza massima di 600 pixel, insieme a un pulsante "reset". (Didascalia dell'IA)

Ci sono altre impostazioni, incluse alcune per la visualizzazione mobile.

Fammi sapere se funziona bene per te. :+1:

2 Mi Piace
19

Oh mio Dio, @Arkshine, sei una stella!! Grazie mille, ora è tutto fantastico! :heart_eyes:

2 Mi Piace
20

Molto intelligente come sono impostate le impostazioni di questo componente del tema, @Arkshine! Come sempre, qui fornisci un altro eccellente punto di partenza e modello per i costruttori di componenti principianti della community!

MOLTE, MOLTE GRAZIE a te, amico mio!

4 Mi Piace
21

Ottimo componente del tema, che merita decisamente un argomento dedicato!

Dovremmo forse riformattare questo per tale scopo? O crearne uno nuovo?

2 Mi Piace