Joomla! - Link a Facebook e Twitter

google-plus Scritto da . Postato in Joomla!

Come creare un modulo con i link ai propri profili/pagine sui Social

fb-twitter-buttons

Questo articolo, ha lo scopo di aiutare a generare un piccolo modulo di tipo "HTML Personalizzato" in grado di mostrare i famosi "social buttons", cioé le icone dei noti social network con i link alle proprie pagine o profili su di essi senza dover fare affidamento a plugin o moduli creati da terze parti.

Joomla! mette infatti a disposizione la tipologia di modulo "HTML personalizzato" il quale consente di creare delle piccole porzioni di codice HTML da inserire nelle posizioni che il template scelto mette a disposizione dello sviluppatore o creatore del sito web. 

Ora vediamo come creare i link o "social buttons" ad una ipotetica pagina Facebook ed una pagina di Twitter direttamente dal backend o pannello amministrativo di un sito Joomla!:

  1. Accedete al vostro pannello amministrativo (ad es. https://tuosito.com/administrator)
  2. Dal pannello di controllo, vai su Estensioni > Moduli.
  3. Da qui, Clicca su Nuovo .
  4. Scegli come tipo di modulo 'HTML Personalizzato'.
  5. Copia il codice qui sotto ed incollalo all'interno dell'editor (attivandone la modalità che ti consentirà di poter modificare il codice HTML) del tuo modulo:

// HTML CODE
 0  <table border="0">  1  <tbody>  2  <tr>  3  <td valign="middle"><strong>Seguici su...</strong></td>  4  <td valign="middle"><a target="_blank" href="/https://twitter.com/utente" rel="noopener><img border="0" alt="twitter" src="/images/twitter.png" /> </a></td>  5  <td valign="middle"><a target="_blank" href="/http://www.facebook.com/tuapagina" rel="noopener"><img border="0" alt="facebook" src="/images/facebook.png" /></a></td>  6  </tr>  7  </tbody>  8  </table> 

 

  1. Modifica e arricchisci a piacimento il tuo modulo
  2. Per finire, seleziona la posizione del modulo nel template, e in quali pagine deve essere presente e abilitalo.
  3. Salva e Chiudi.
  4. Testane l'apparenza nel frontend del suo sito Joomla!

Dovrà apparire molto simile alla tabella riportata qui sotto:

 

Seguici su... twitter facebook

 

Le immagini possono essere di qualunque tipo e della forma e dimensione che preferisci: scegli quelle che più ti piacciono anche in base alla grafica del tuo sito.

L'importante sarà poi completare il modulo con l'ausilio dell'editor di Joomla! aggiungendo alle immagini i link alle pagine Facebook, Twitter e agli altri social di cui aggiungerai le immagini.

Se invece non vuoi fare sforzi e vorresti un buon modulo di terze parti che faccia tutto al posto tuo, potrebbe interessarti l'articolo:

Joomla! - Modulo FavSocial Social Buttons


Se hai gradito l'articolo, condividilo, basta un click:

Aggiungi commento

I commenti lasciati dagli utenti del blog sono sempre soggetti a controllo prima di eventuale pubblicazione. I commenti non considerati adatti per contenuti, spam o forma saranno eliminati e non pubblicati. Leggi i Termini e Condizioni di utilizzo per maggiori informazioni.


Codice di sicurezza
Aggiorna

  • logo teoca
  • materexcel collabora
  • logo flash pulizie
  • revolution srl
  • logo arcotraslochi
  • montaggio mobili trento
  • logo elevatori sito
  • logo prontopro

Prima di andartene...

Perché non rimanere in contatto?

Clicca sul pulsante "Mi piace" qui sotto per rimanere aggiornato su tutti i nuovi contenuti e ricevere notifica degli articoli interessanti che condivido giornalmente sulla Pagina Facebook dedicata al blog.

Puoi anche iscriverti alla newsletter e al nuovo canale YouTube di blog.dangerx82 così da rimanere sempre aggiornato sui nuovi contenuti...

x

Per essere più facile ed intuitivo, il blog fa uso dei cookie, piccole porzioni di dati che consentono di capire come gli utenti navighino e ne visualizzino le pagine. I cookie non registrano alcuna informazione personale sull'utente ed eventuali dati identificabili non verranno memorizzati. Ti invitiamo a prendere visione della nostra Informativa sulla Privacy (aggiornata il 25/05/2020). Oppure visiona la nostra Cookie Policy (aggiornata il 17/10/2019):