| Riepilogo | AI Bot - Nuova finestra modale per domande | |
| Repository | GitHub - VaperinaDEV/aibot-new-question-modal | |
| Guida allâinstallazione | Come installare un tema o un componente tema | |
| Nuovo ai temi di Discourse? | Guida per principianti allâuso dei temi di Discourse |
Installa questo componente tema
Ciao ![]()
Discourse AI - Ă necessario lâAI Bot per utilizzarlo.
Questo componente tema è in realtĂ una versione modale delle funzioni della homepage di ask.discourse.com. In questo modo puoi creare una nuova conversazione con lâAI Bot destinatario.
Questa modale è a schermo intero, quindi dĂ lâimpressione di essere su unâaltra pagina. O qualcosa del genere sarebbe stato lâobiettivo.
Le parti principali:
Avatar: Lâavatar dellâaibot ha uno spinner che gira sempre nellâavatar modale, ma indica anche quando sta scrivendo.

Messaggio AI: Puoi usare anche lâHTML qui.

Link rapidi: Aggiungi quante domande vuoi.
La visualizzazione dei link rapidi è limitata dalle impostazioni e si mescola ogni volta che riapri la modale.
max quick links desktop predefinito: 5
max quick links mobile predefinito: 3
Conversazioni recenti: Questo pulsante reindirizza alla pagina /search con i parametri in:messages, @aibot-username

Questo è tutto per la modale. Puoi cambiare, personalizzare tutto nelle impostazioni del tema. ![]()
Il pulsante di apertura della modale AI Bot può essere posizionato nella barra laterale in 3 punti.
-
sidebar-footer-actions
-
before-sidebar-sections
-
after-sidebar-sections
Nelle impostazioni del tema puoi cambiare lo stile del pulsante.
Vediamo le impostazioni del tema
Impostazioni del tema
- quick_links: Qui puoi configurare le domande per i pulsanti rapidi.
- max quick links desktop: Numero massimo di link rapidi visualizzati sul desktop
- max quick links mobile: Numero massimo di link rapidi visualizzati sul mobile
- show_for_groups: Impostazione richiesta. Aggiungi il nome del gruppo per visualizzare il pulsante nella barra laterale.
- aibot_id: Impostazione richiesta. Aggiungi lâID dellâAI Bot che vuoi usare per questo.
- aibot_username: Impostazione richiesta. Aggiungi il nome utente dellâAI Bot che vuoi usare per questo.
- aibot_avatar: Impostazione richiesta. Carica unâimmagine per lâAI Bot che appare nella modale.
- sibebar aibot button postition: Seleziona la posizione del pulsante nella barra laterale.
- sidebar-footer-actions (predefinito)
- before-sidebar-sections (in cima alla barra laterale)
- after-sidebar-sections (in fondo alla barra laterale)
- sibebar aibot button style: Seleziona lo stile del pulsante nella barra laterale.
- btn-primary (predefinito)
- btn-default
- sidebar aibot button border-radius: Cambia lâarrotondamento del pulsante nella barra laterale.
- sidebar aibot button before icon: Cambia lâicona del pulsante nella barra laterale.
- aibot recent messages icon: Cambia lâicona del pulsante delle conversazioni recenti.
- modal background: Cambia lo sfondo della modale.
- modal content wrapper background: Cambia lo sfondo del contenitore del contenuto della modale.
- modal content wrapper border radius: Cambia lâarrotondamento del contenitore del contenuto della modale.
- quick buttons style: Seleziona lo stile dei pulsanti rapidi.
- btn-primary (predefinito)
- btn-default
- quick buttons border radius: Cambia lâarrotondamento dei pulsanti rapidi.
- mobile quick buttons wrapper border radius: Cambia lâarrotondamento dello sfondo del contenitore dei pulsanti rapidi per dispositivi mobili.
- aibot avatar spinner primary color: Cambia il colore primario dello spinner dellâavatar
var(--tertiary)per impostazione predefinita. - aibot avatar spinner secondary color: Cambia il colore secondario dello spinner dellâavatar
#ffffffper impostazione predefinita. - aibot message border color: Questo bordo si trova sul lato destro del messaggio.
var(--tertiary)per impostazione predefinita. - textarea border-radius: Cambia lâarrotondamento della textarea.
- send button border radius: Cambia lâarrotondamento del pulsante di invio.
- recent messages button border radius: Cambia lâarrotondamento del pulsante delle conversazioni recenti.
- recent messages button color: Cambia il colore del pulsante delle conversazioni recenti. Cambia anche il colore dellâicona.
- recent messages button hover color: Cambia il colore al passaggio del mouse del pulsante delle conversazioni recenti.
- recent messages button hover background: Cambia lo sfondo al passaggio del mouse del pulsante delle conversazioni recenti.
- recent messages button border: Cambia il bordo del pulsante delle conversazioni recenti.
- spinner loader border: Cambia il bordo del loader spinner della modale. Appare quando invii il messaggio.
- spinner loader border right color: Cambia il colore del lato destro del loader spinner.
Ci sono anche alcune traduzioni del temaâŚ
Traduzioni del tema
- aibot_modal_title: Questo è il titolo della modale.
- aibot_message: Questo è il messaggio dellâAI Bot nella modale.
- input_placeholder: Questo è il placeholder nella textarea.
- input_submit: Questo è il titolo del pulsante di invio.
- input_length: Questo messaggio appare quando il testo è troppo corto.
- disclaimer: Questo testo appare sotto la textarea nella modale.
- new_question: Questo è il testo del pulsante nella barra laterale.
- recent_messages: Questo è il testo del pulsante delle conversazioni recenti nella modale.
Questo componente tema nasconde il pulsante di condivisione dai messaggi personali dellâAI Bot. Il testo
discourse_ai.ai_bot.default_pm_prefixè il prefisso predefinito del titolo dei messaggi privati dellâIA, cambierĂ automaticamente a seconda dellâargomento della conversazione. Puoi cambiarlo in/admin/customize/site_texts
Crediti: Discourse Ask Theme




