Rendere un articolo un capolavoro estetico. Come sfruttare al massimo gli Object TAGs in LSNN.

View 10.4K

word 1.4K read time 6 minutes, 45 Seconds

Cosa sono i tags object.

Sono oggetti che rappresentano codice html. Sono stati implementati nelle prime versioni del portale LSNN e oggi li abbiamo potenziati. L'utilizzo di questi tags permettono attraverso l'uso di un qualsiasi editor, la personalizzazione di una pagina di contenuti destinata alla pubblicazione come ad esempio un articolo. Con questi tag puoi aggiungere estetica al tuo articolo e puoi renderlo anche interattivo. Il tags object “lo abbiamo battezzato con questo nome” è il modo migliore di operare senza essere esperti informatici. È un buon sistema per creare Leading page accattivanti e coinvolgenti.

Tra gli object ci sono anche Avatar e Icon che assieme possono rendere la pagina finale un prodotto ricco di colori e riquadri che ne delimitano i concetti.

In che modo è possibile

Questo lo vediamo nella tabella che segue. Ma prima di tutto è fondamentale comprendere il power che si ottiene con questo metodo. Nei Tag è possibile scrivere la dimensione del font, il colore dello sfondo, le icone preferite o gli emoji che spesso troviamo in contenuti emozionali, il padding (lo spazio interno a un'area ), puoi determinarla in modo arbitrario e quindi puoi generare pagine di grande effetto.

Lo sport preferito dagli Italiani

RUNNING PER LA VITA

Lo sport ti salva la vita

Una corsa lunga e dura è l'antidepressivo ideale, perché è difficile correre e dispiacersi allo stesso tempo. L'ultima volta che sono andato a correre ero talmente sudato che negli ultimi 200 metri ho smesso di correre e ho iniziato ad andare a rana. Bisogna tenersi in forma.

questo esempio è così realizzato

[ fieldset pn mn] [ avatar black white-text fs20 p40 mn] [ icon ito-running1 fs25 pb20 ][ / icon ][ span white-text pb20 ]Lo sport preferito dagli Italiani[ / span ] [ img ]Running_900x600.jpg[ /img] [ h2 white-text ]RUNNING PER LA VITA[ /h2 ] [ p white-text ]Lo sport ti salva la vita[ /p ] [ img-right ]donnaimg1.png[ / img-right ] [ p white-text ] Una corsa lunga e dura è l'antidepressivo ideale, perché è difficile correre e dispiacersi allo stesso tempo. L'ultima volta che sono andato a correre ero talmente sudato che negli ultimi 200 metri ho smesso di correre e ho iniziato ad andare a rana. Bisogna tenersi in forma. [ /p ] [ /avatar ] [ / p ][ /fieldset ]

Come sfruttare al massimo il sistema dei tag object:

segue una tabella con i tags object principali, per inserire video, musica, immagini e contenuti html. Questo concept è di grande sicurezza, in quanto non genera errori html quindi non richiede una conoscenza specifica da programmatori, puoi inserirli nei punti esatti che più desideri dei tuoi articoli. Vengono interpretati in modo automatico, quindi sono a tutti gli effetti attivi, ma in caso di errori al massimo potrai vedere delle parentesi quadre che non influiscono su tutta la tua pagina, quindi correggere l'errore diventa semplice e di immediata osservazione diretta. È importante che non ci siano spazi tra le parentesi quadre se ciò avviene il codice no viene interpretato.

dove è possibile vedere alcuni esempi applicati :

qui sono presenti field come riquadro e includiamo due video Rumble con didascalie : www.lsnn.net/it/la...076/education/free/
qui sono presenti video con didascalia
www.lsnn.net/it/as...29821/science/free/
qui sono presenti video con didascalia, immagini piene responsive
www.lsnn.net/it/as...a/30007/space/free/
qui sono presenti video e immagini piene responsive e left o right con didascalie
www.lsnn.net/it/la...a/29784/space/free/
qui sono presenti video e playlist e altri esempi
www.lsnn.net/it/ladysilvia/1/code/0/
puoi cercare le icone qui ito-fonts/demo

Tabella con i principali TAGs Object

TAG [nome tags aperto]contenuto o percorso[ /nome tags chiuso] i tag non devono contenere spazi tra le parentesi	Type	open / apertura tag	close / chiusura tag	example / esempio su come può essere applicato
link image: link statico di cui conosci il percorso esatto.	image	[ img-url ]	[ / img-url ]	[ img-url ]http/s: / / www . lsnn . net / image / photo . jpg [ /img-url ] [ img-url ] http/s : / / linkImage . png [ / img-url ] [ em ] didascalia [ / em ]
link image: link nativo del network lsnn . Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura	image	[ image ]	[ / image ]	[ image ]photo.jpg[ /image ]
link image: link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura	image	< image >	< / image >	photo.jpg
link image: link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura	name image	[ img ]	[ / img ]	[ img ]photo.jpg[ /img ]
link image: posizionato a destra della pagina. Link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura	name image	[ img-left ]	[ / img-left ]	[ img-left ]photo.jpg[ /img-left ]
link image: posizionato a sinistra della pagina. Link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura	name image	[ img-righ ]	[ / img-righ ]	[ img-righ ]photo.jpg[ /img-righ ]
fieldset	text / html	[ fieldset ]	[ / fieldset ]	[ fieldset ][ legend ]LEGENDA:[ /legend ]Un esempio pratico di riquadro usabile in situazioni in cui si vuole evidenziare contenuti che richiedono etichette [ /fieldset ]
youtube embed playlist: estrai il codice dalla tua playlist di youtube	video	[ ytpl ]	[ / ytpl ]	[ ytpl ]PLDdmlQ0723d3PNU7AmOBb3VHTstH7TYOX [ /ytpl ]
testo contenuto statico	text / html	[ rect ]	[ / rect ]	[ rect ] Crea un rettangolo interno a una sezione [ / rect ]
codice embed del tuo video: estrai il codice dal tuo video di facebook. puoi aggiungere una didascalia da inserire con il tag html standard < em > come in esempio	code embed video	[ fb]	[ / fb ]	[ fb ] 10153295459484293 [ /fb ] < em >io sono una didascalia< / em >
codice embed del tuo video: estrai il codice dal tuo video di facebook. puoi aggiungere una didascalia da inserire con il tag html standard < em > come in esempio	code embed video	[ youtube ]	[ / youtube ]	Video - YOUTUBE Un video esempio youtube.com / watch ?v=ODZLAjl6MZY aggiungendo una riga in corsivo utilizzando il tag [em][/em] si ottiene la didascalia come si osserva nel video che segue [ youtube ] ODZLAjl6MZY [ /youTube ] < em > io sono una didascalia < / em > [ yt ] ODZLAjl6MZY [ /yt ] < em > io sono una didascalia < / em > oppure la tua playlist [ ytpl ] ODZLAjl6MZY [ /ytpl ] < em > io sono una didascalia < /em >
codice embed del tuo video: estrai il codice dal tuo video di rumble. puoi aggiungere una didascalia da inserire con il tag html standard < em > come in esempio	code embed video	[ rb ]	[ / rb ]	Video - RUMBLE [ rb ] https : // rumble.com/embed/vq6tkq/ ? pub = aatle [ / rb ] < em >didascalia < / em >
link image	code embed video	[ vimeo ]	[ / vimeo ]	Un progetto creativo, potrebbe essere il tuo: vimeo . com / [ vimeo ] 58032940 [ / vimeo ] < em >didascalia < / em >
personalizzare la tua ricerca in Google o in LSNN. Puoi generare un tuo motore di ricerca dentro al tuo articolo.	more / TAGs	Search / Engine	more / TAGs	[ fieldset ] [ legend ] Modulo di ricerca: [ /legend ] Creazione di un form per la ricerca di contenuti ad esempio in google [ form ] [ action ]www.google.com/?q=[ /action ] [ input ] type="search" name="q" value="lsnn"[ /input ] [ button submit ] Cerca[ /button ] [ /form ] Creazione di un form per la ricerca di contenuti ad esempio in LSNN [ form ] [ action ]www.lsnn.net/search/ [ /action ] [ input ] type="search" name="q" value="LSNN"[ /input ] [ button submit ] Cerca [ /button ] [ /fieldset ]

Source by Redazione