Aggiungere un elemento link social.

Impara DXPR BuilderCrea le pagineAggiungi contenutiMarketing

Ottieni una fila di icone brand che rimandano ai tuoi profili social. Usala in un footer, una barra laterale o una sezione contatti così i visitatori possono trovarti e seguirti.

Elemento link social con icone LinkedIn, GitHub e Drupal in stile cerchio con colori brand

Apri la tua pagina dopo aver effettuato l’accesso: i controlli del builder appaiono quando passi sopra l’area di contenuto. La tua prima pagina spiega le basi.

  1. Passa sopra la colonna e fai clic su + nella sua barra di controllo, oppure fai clic su Aggiungi elementi in una pagina vuota. Apri la scheda Contenuto e fai clic su Link social. Arriva in cima alla colonna e si apre la sua finestra delle impostazioni.
  2. Sotto Link social, sostituisci le due righe di esempio con i tuoi account. Fai clic su Aggiungi link per ogni account in più. Inizia a digitare il brand, sceglilo dai suggerimenti, e inserisci l’URL, come https://github.com/dxpr.
  3. Scegli uno Stile per la forma delle icone. È il campo vicino in cima alla finestra, non il pannello Stile più in basso. Qui è Cerchio.
  4. Scegli una Dimensione per le icone. Qui è 3x.
  5. Fai clic sull’intestazione Colori icona per espanderla, e imposta Colore di sfondo su Colore brand.
  6. Sotto Colore, scegli un campione dalla tavolozza. La tavolozza si mostra perché Colore è impostato su Personalizzato per impostazione predefinita. Qui è quasi bianco.
  7. Fai clic su Salva nella finestra. Poi fai clic su Salva nella barra in cima all’area di contenuto per conservare la pagina.

Cosa vedi

Gli account aggiunti appaiono come fila di icone, e ogni icona apre il suo profilo. Nel video, LinkedIn, GitHub e Drupal si mostrano come grandi cerchi nei loro colori brand con loghi bianchi. I visitatori li vedono quando salvi la pagina ed è pubblicata.

Passa sopra l’elemento e apri Altro > Impostazioni nella sua barra di controllo. Opzioni:

  • Link social: una riga per icona, con nome brand e URL del profilo. Fai clic su Aggiungi link per un’altra riga, e usa le frecce per cambiare l’ordine.
  • Layout: In linea mette le icone in fila. Impilato mette ogni icona sulla sua riga.
  • Stile: la forma delle icone: Nessuno, Arrotondato, Cerchio o Quadrato.
  • Dimensione: Piccolo, Grande, o da 2x a 5x.
  • Effetti hover CSS3: Nessuno, Disco o Pulsazione. Qualsiasi effetto trasforma l’icona in un cerchio.
  • Colore: il colore del logo: Colore brand, Personalizzato o Ereditato. Personalizzato mostra una tavolozza, ed Ereditato usa il colore del testo intorno.
  • Colore di sfondo: il riempimento della forma, con le stesse tre scelte.

Colore e Colore di sfondo stanno sotto l’intestazione Colori icona. Fai clic per aprirli.

Se non li vedi

  • Link social non è nella scheda Contenuto. Il tuo profilo utente lo nasconde. Chiedi a un amministratore di abilitarlo in Profili utente.
  • Non ci sono più dopo un ricaricamento. La pagina non è stata salvata. Aggiungili di nuovo e fai clic su Salva nella barra in cima all’area di contenuto.
  • Manca un’icona. La sua riga non ha brand o URL, così l’elemento la salta. Compila entrambi i campi di quella riga.
  • Una forma appare senza logo. Il nome brand non ha un’icona corrispondente, e la riga dice “Nessuna icona brand corrispondente trovata”. Scegli il brand dai suggerimenti mentre digiti.
  • Un’icona apre la pagina sbagliata. L’URL in quella riga è sbagliato o incompleto. Passa sopra l’elemento e apri Altro > Impostazioni, poi controlla che ogni URL inizi con https://.

Passi successivi

Scheda Stile per cambiare spaziatura e sfondo dei link social.