Uno shortcode è una semplice stringa di testo che si può usare all’interno dell’editor dei post o delle pagine con lo scopo di generare un blocco di codice html più complesso visibile nella pagina prodotta.

Un esempio di shortcode presente di default in una installazione di wordpress è quello che permette di creare una galleria di immagini:

[gallery ids="345, 346,347"]

dove i numeri sono gli id delle immagini scelte.

Il codice html generato sarà il seguente

<style type='text/css'>
#gallery-1 {
		margin: auto;
	}
	#gallery-1 .gallery-item {
		float: left;
		margin-top: 10px;
		text-align: center;
		width: 33%;
	}
	#gallery-1 img {
		border: 2px solid #cfcfcf;
	}
	#gallery-1 .gallery-caption {
		margin-left: 0;
	}
	/* see gallery_shortcode() in wp-includes/media.php */
</style>
<div id='gallery-1' class='gallery galleryid-647 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>
	<dt class='gallery-icon landscape'>
		<img width="150" height="150" src="http://instileweb.com/wp-content/uploads/2014/06/mare2-150x150.jpg" class="attachment-thumbnail" alt="mare2" />
	</dt></dl><dl class='gallery-item'>
	<dt class='gallery-icon landscape'>
		<img width="150" height="150" src="http://instileweb.com/wp-content/uploads/2014/06/mare3-150x150.jpg" class="attachment-thumbnail" alt="mare3" />
	</dt></dl><dl class='gallery-item'>
	<dt class='gallery-icon landscape'>
		<img width="150" height="150" src="http://instileweb.com/wp-content/uploads/2014/06/mare1-150x150.jpg" class="attachment-thumbnail" alt="mare1" />
	</dt></dl><br style="clear: both" />
</div>

 

Shortcode predefiniti su wordpress

altri shortcodes che possiamo utilizzare di default sono

  • [audio]
  • [embed]
  • [caption]
  • [video]

  inStileWeb.com
blog comments powered by Disqus