Shortcode
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.
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à
Dopo aver visto questa slide di @GiorgiaLodi 🥰 abbiamo pensato per alcuni minuti, che la missione fosse compiuta e chiudere l'account.
— openantani (@openantani) November 28, 2019
Ma c'è ancora da fare, quindi per il momento non lo faremo 😊https://t.co/kc7HkcKQBu pic.twitter.com/onkmYsgVyS
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 --> |