I tweet possono dare un tocco in più ai nostri articoli. Permettono di integrare l'argomento di cui stiamo parlando, con pareri, tweet notevoli, dialoghi interessanti e chi più ne ha più ne metta. Sino ad ora, per fare ciò, bisognava fare degli screenshot, facendo perdere un pò di "social" del tweet stesso.
Con questa guida, integriamo i tweet interattivi, nei nostri articoli di Joomla!
Precisazione: questo post è stato ispirato dalla guida di AWeekInTheWeb.it (scritto da Floriana Cantarella), relativa al recupero del codice d'integrazione dei tweet. Pertanto, il mio articolo riutilizza le informazioni presenti nella guida.
Tweet interattivi, addio screenshot!
Grazie al post di Valerio Notarfrancesco su AWeekInTheWeb.it ho notato la possibilità di integrare i tweet leggendo l'articolo di Floriana Cantarella.
Però, ahimè, su Joomla il nostro amatissimo editor TinyMce non sempre fa ciò che gli diciamo. Gli script, le applet e iframe presenti nel nostro articolo, vengono rimossi interamente.Quindi molliamo tutto ed optiamo per noEditor? Neanche per idea!
Per poter scrivere i nostri articoli ed allegare eventuali tweet, ci basta fare una semplicissima modifica nel plugin del nostro amatissimo editor.
Preparare il plugin TinyMCE
Voliamo nel backend del nostro portale, cerchiamo Estensioni->Plugin.
Ora cerchiamo il plugin EditorTinyMCE e nel pannello Opzioni di Base, cerchiamo "Elementi Proibiti".
Eliminiamo "script" e salviamo.
Una volta fatto, prepariamoci ad inserire tutti i tweet interattivi che vogliamo, all'interno dei nostri articoli.
Come inserire un tweet interattivo
Riassumendo la guida di AWeekInTheWeb.it scritta da Floriana Cantarella:
- Scegliere il tweet d'interesse
- Cliccare su Espandi e successivamente su Dettagli.
- Una volta raggiunto l'url relativo il nostro tweet, clicchiamo su Incorpora Tweet
- Scegliamo HTML e la posizione (a piacere)
- Copiamo il codice ed accediamo al nostro articolo con l'editor TinyMCE attivato.
- Scelto il punto dove incorporare il tweet, dobbiamo incollare il codice sorgente tale e quale, quindi possiamo farlo per "due vie":
- O utilizziamo Editor si/no, per visualizzare il codice sorgente.
- Oppure il comando HTML "Visualizza Codice Sorgente
- Incolliamo il codice copiato
- Ritorniamo alla visualizzazione dell'articolo cliccando su:
- Se avete utilizzato Editor si/no, ricliccatelo
- Se avete utilizzato il comando HTML, cliccate sul comando
della finestra,in basso a sinistra. - Salviamo l'articolo.
Una volta fatto, potremo non avere il risultato sperato. Non preoccupatevi, perchè nel frontend, l'articolo mostrerà i tweet interattivi correttamente.
Andrea Rossi MasterTheBest
Commenta questo articolo sul forum
