Wordpress plugin: Shortcode

Il plugin Shortcode riunisce 50 potenti funzioni di composizione in un unico plugin.
Scaricabile dallo store di WordPress o al sito ufficiale: https://getshortcodes.com vediamone alcune funzioni.

Heading, inserisce un testo all'interno di un banner.

Testo decorato all'interno di un banner

1	[su_heading style="default" size="20" align="center" margin="5"] Testo decorato all'interno di un banner [/su_heading]

Divider, inserisce un richiamo orizzontale per saltare ad una "ancora" della pagina.

Torna all'inizio

1	[su_divider top="yes" text="Torna all'inizio" anchor="#" style="double" divider_color="#999999" link_color="#999999" size="3" margin="15]

Dropcap, decora una lettera A A A

1	[su_dropcap style="default" size="4"]A[/su_dropcap] [su_dropcap style="flat" size="4"]A[/su_dropcap] [su_dropcap style="light" size="4"]A[/su_dropcap]

List, elenco puntato con scelta tra centinaia di icone e colorazione.

List item
List item
List item

[su_list icon="icon: forward" icon_color="#55cf5f" indent="10"]

List item

[/su_list]

Button, inserisce un pulsante altamente personalizzabile in colore, icona, testo e posizione.

Testo pulsantedescrizione aggiuntiva

1	[su_button url="https://untc.it/wp" target="self" style="default" background="#2D89EF" color="#FFFFFF" size="5" wide="no" center="yes" radius="auto" icon="icon: globe-w" icon_color="#FFFFFF" text_shadow="1px 1px 4px #000000" desc="descrizione aggiuntiva"]Testo pulsante[/su_button]

Rss, inserisce il collegamento ad un link RSS. Rss - Focus.it

1	[su_feed url="https://www.focus.it/" limit="3" target="blank"]

Qrcode, inserisce un qrcode per qualsiasi url.

1	[su_qrcode data="http://www.untc.it" title="Testo alternativo" size="100" margin="0" align="center" link="http://www.untc.it" target="blank" color="#0c0f73" background="#ffffff"]

Tabs, aggiunge dei tab all'interno dei quali puoi inserire qualsiasi contenuto.

Tab name1Tab name2Tab name3

Tab content1

Tab content2

Tab content3

[su_tabs style="default" active="1" vertical="no" mobile="stack" anchor_in_url="no"]

[su_tab title="Tab name1" disabled="no" anchor="" url="" target="blank" class=""]Tab content1[/su_tab]

[su_tab title="Tab name2" disabled="no" anchor="" url="" target="blank" class=""]Tab content2[/su_tab]

[su_tab title="Tab name3" disabled="no" anchor="" url="" target="blank" class=""]Tab content3[/su_tab]

[/su_tabs]

Service, inserisce un testo con un titolo preceduto da una icona.

Service title

Service description

1	[su_service title="Service title" icon="icon: gavel" icon_color="#6c10a4" size="24"]Service description[/su_service]

Spoiler, consente di nascondere un testo finché viene attivato con un click sull'icona; vedi anche Accordion per testi multipli.

Titolo dello spoiler

Contenuto nascosto dello spoiler

1	[su_spoiler title="Titolo dello spoiler" open="no" style="fancy" icon="chevron-circle" anchor_in_url="no"]Contenuto nascosto dello spoiler[/su_spoiler]

Box, un testo contenuto in un box con un titolo.

Titolo del box

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[su_box title="Titolo del box" style="default" box_color="#fff9d7" title_color="#000000" radius="3"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/su_box]

Note, inserisce un testo evidenziato in un box colorato.

[su_note note_color="#FFFF66" text_color="#333333" radius="3"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/su_note]

Expand, inserisce un testo seminascosto che può essere espanso su richiesta.

mostra di più

mostra di meno

[su_expand more_text="mostra di più" less_text="mostra di meno" height="30" hide_less="no" text_color="#333333" link_color="#0088FF" link_style="default" link_align="left" more_icon="icon: unlock-alt" less_icon="icon: lock"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/su_expand]

Tooltip, al passaggio del mouse apre un fumetto contenente un titolo ed un testo. -

[su_tooltip title="Titolo del tooltip" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua" position="top" background="#222222" color="#FFFFFF" font_size="16" text_align="center" max_width="300" radius="5" shadow="yes" behavior="hover"]Posiziona il mouse per aprire il fumetto[/su_tooltip]

Scheduler time, testo visibile in determinato periodo di tempo ora e data. Il testo che segue è visibile lun,mer e ven dalle 9-11, 13-15 e 17-19:

1	[su_scheduler time="9-11, 13-15, 17-19" days_week="1,3,5" alt="Il testo che segue è visibile lun,mer e ven dalle 9-11, 13-15 e 17-19:"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/su_scheduler]

Table, inserisce una tabella responsive ; all'interno delle celle puoi inserire qualsiasi contenuto.

Table1	Table3
Table2	Table4

[su_table responsive="yes" alternate="yes" fixed="no"]

Table1 Table3

Table2 Table4

[/su_table]

Post, inserisce i post di una determinata categoria in vari formati: lista, elenco, intero

Greenholidays

Nella Cioccolata

Il Gabbiano

Greenholidays

Posted: 21 Gennaio 2000

Sito web pubblicato nel 2000. Utilizza animazioni flash non più disponibili nei browser. Il tuo browser non supporta gli iframe. Pubblicato su GoogleDrive tramite https://drv.tw/ Immagini collegate:

Nella Cioccolata

Posted: 15 Marzo 2000

Sito web pubblicato nel 2000. Utilizza animazioni flash non più disponibili nei browser. Il tuo browser non supporta gli iframe. Pubblicato su GoogleDrive tramite https://drv.tw/ Immagini collegate:

Il Gabbiano

Posted: 17 Marzo 2000

Sito web pubblicato nel 2014. Utilizza animazioni flash non più disponibili nei browser. Il tuo browser non supporta gli iframe. Pubblicato su GoogleDrive tramite https://drv.tw/ Immagini collegate:

[su_posts template="templates/list-loop.php" posts_per_page="3" post_type="post" taxonomy="category" tax_term="5" tax_operator="IN" offset="0" order="asc" orderby="date" post_status="publish" ignore_sticky_posts="no"]

[su_posts template="templates/teaser-loop.php" posts_per_page="3" post_type="post" taxonomy="category" tax_term="5" tax_operator="IN" offset="0" order="asc" orderby="date" post_status="publish" ignore_sticky_posts="no"]

[su_posts template="templates/default-loop.php" posts_per_page="3" post_type="post" taxonomy="category" tax_term="5" tax_operator="IN" offset="0" order="asc" orderby="date" post_status="publish" ignore_sticky_posts="no"]

Menu, inserisce un menu di WordPress.

1	[su_menu name="menu"]

Youtube, inserisce un video da youtube.com; vedi anche Vimeo e Dailymotion.

1	[su_youtube_advanced url="https://www.youtube.com/watch?v=bNUokTD10q0" width="300" height="300" responsive="no" controls="yes" autohide="alt" autoplay="no" mute="no" loop="no" rel="no" fs="yes" modestbranding="no" theme="dark" playsinline="no" title="Titolo del video"]

Audio, inserisce un audio

1	[su_audio url="https://play.publicradio.org/web/o/minnesota/classical/programs/free-downloads/2016/09/27/daily_download_20160927_128.mp3" width="40%" autoplay="no" loop="no"]

Gmap, inserisce una mappa da Google Maps.

1	[su_gmap width="300" height="240" responsive="no" address="via raffaello assisi italy" zoom="0" title="Cobe"]

Private, inserisce un testo che può essere letto solo dall'autore del post quando loggato.

1	[su_private]Questo contenuto può essere letto solo dall'autore del post quando loggato: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/su_private]

Immagini collegate:

Pagine: 1 2 3 4 5 6

Immagini collegate:

Potrebbe anche piacerti