Shortcode

Cosa sono gli shortcode e come usarli.

A cura di Andrea Borruso  | guida/e Andrea Borruso


In T’ansignari è possibile utilizzare gli shortcodes di Docsy e hugo. Consentono di ottenre con stringhe brevi di codice, un output HTML altrimenti più complesso.

Twitter

A partire dall’ID di un tweet - la parte finale dell’URL (ad esempio https://twitter.com/openantani/status/1200061380478550016) - si può generare il codice di embedding in questo modo

{{< tweet 1200061380478550016 >}}

che restituirà

Gist

Analogamente a Twitter, ma estraendo due parti dall’URL, si può pubblicare ad esempio questo Gist

https://gist.github.com/spf13/7896402

in questo modo

{{< gist spf13 7896402 >}}

Verrà visualizzato così

<!-- image -->
<figure {{ if isset .Params "class" }}class="{{ index .Params "class" }}"{{ end }}>
{{ if isset .Params "link"}}<a href="{{ index .Params "link"}}">{{ end }}
<img src="{{ index .Params "src" }}" {{ if or (isset .Params "alt") (isset .Params "caption") }}alt="{{ if isset .Params "alt"}}{{ index .Params "alt"}}{{else}}{{ index .Params "caption" }}{{ end }}"{{ end }} />
{{ if isset .Params "link"}}</a>{{ end }}
{{ if or (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
<figcaption>{{ if isset .Params "title" }}
<h4>{{ index .Params "title" }}</h4>{{ end }}
{{ if or (isset .Params "caption") (isset .Params "attr")}}<p>
{{ index .Params "caption" }}
{{ if isset .Params "attrlink"}}<a href="{{ index .Params "attrlink"}}"> {{ end }}
{{ index .Params "attr" }}
{{ if isset .Params "attrlink"}}</a> {{ end }}
</p> {{ end }}
</figcaption>
{{ end }}
</figure>
<!-- image -->
view raw img.html hosted with ❤ by GitHub
Ultima modifica 19/07/2020: close #50 (a1365d8)