supporto per image-post e image-list #340
@ -1,41 +1,52 @@
|
||||
<div class="box post">
|
||||
|
||||
{{ $rasters := slice "jpeg" "png" }}
|
||||
{{ $newres := "360x250 smart" }}
|
||||
|
||||
{{- $image_src := "" }}
|
||||
{{- $image_alt := "" }}
|
||||
{{- $image_caption := "" }}
|
||||
{{/* immagine di default */}}
|
||||
{{- $featimg := (resources.Get "/images/placeholder_elenco.png").RelPermalink -}}
|
||||
{{- $image := (resources.Get "/images/placeholder_elenco.png") -}}
|
||||
|
||||
{{- if .Params.image -}}
|
||||
{{/* se è stata definita un'immagine featured */}}
|
||||
{{- $img := .Page.Resources.GetMatch .Params.image -}}
|
||||
{{- if $img -}}
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- $img = $img.Fill $newres -}}
|
||||
{{ end }}
|
||||
{{- $featimg = $img.RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{- else if .Params.featured -}}
|
||||
{{/* se è stata definita un'immagine featured */}}
|
||||
{{- $img := .Page.Resources.GetMatch .Params.featured -}}
|
||||
{{- if $img -}}
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- $img = $img.Fill $newres -}}
|
||||
{{ end }}
|
||||
{{- $featimg = $img.RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{- else -}}
|
||||
{{/* altrimenti prendo la prima risorsa immagine disponibile */}}
|
||||
{{- $img := (.Page.Resources.ByType "image").GetMatch "**" -}}
|
||||
{{- if $img -}}
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- $img = $img.Fill $newres -}}
|
||||
{{ end }}
|
||||
{{- $featimg = $img.RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{/* priorità maggiore: image_list */}}
|
||||
{{- if .Params.image_list }}
|
||||
{{- $image_src = .Params.image_list.src }}
|
||||
{{- with .Params.image_list.alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_list.caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
<a href="{{ .RelPermalink }}" class="image left"><img src="{{ $featimg }}" alt="{{ .Params.image_alt }}" /></a>
|
||||
{{/* in alternativa: image_post */}}
|
||||
{{- if and (not $image_src) .Params.image_post }}
|
||||
{{- $image_src = .Params.image_post.src }}
|
||||
{{- with .Params.image_post.alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_post.caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{/* in alternativa uso il metodo vecchio */}}
|
||||
{{- if and (not $image_src) .Params.image }}
|
||||
{{- $image_src = .Params.image }}
|
||||
{{- with .Params.image_alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{- if $image_src }}
|
||||
{{- $image = .Page.Resources.GetMatch $image_src }}
|
||||
{{- end}}
|
||||
|
||||
{{- $image = $image.Fill $newres -}}
|
||||
|
||||
<a href="{{ .RelPermalink }}" class="image left"><img src="{{ $image.RelPermalink }}" alt="{{ $image_alt }}" /></a>
|
||||
<div class="inner">
|
||||
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
|
||||
|
||||
|
@ -23,34 +23,44 @@
|
||||
{{ partial "tags.html" . }}
|
||||
</header>
|
||||
|
||||
{{- if or .Params.image .Params.featured }}
|
||||
{{- $image_src := "" }}
|
||||
{{- $image_alt := "" }}
|
||||
{{- $image_caption := "" }}
|
||||
|
||||
{{/* priorità maggiore: image_post */}}
|
||||
{{- if .Params.image_post }}
|
||||
{{- $image_src = .Params.image_post.src }}
|
||||
{{- with .Params.image_post.alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_post.caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{/* in alternativa uso il metodo vecchio */}}
|
||||
{{- if and (not $image_src) .Params.image }}
|
||||
{{- $image_src = .Params.image }}
|
||||
{{- with .Params.image_alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{- if $image_src }}
|
||||
{{- $image := .Page.Resources.GetMatch $image_src }}
|
||||
{{- $maxHeight := 600 -}}
|
||||
{{- $ratio := 2.33 -}}
|
||||
{{ $rasters := slice "jpeg" "png" }}
|
||||
{{- $img := "#" -}}
|
||||
|
||||
{{- if .Params.image -}}
|
||||
{{/* se è stata definita un'immagine featured */}}
|
||||
{{- $img = .Page.Resources.GetMatch .Params.image -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- if .Params.featured -}}
|
||||
{{/* se è stata definita un'immagine featured */}}
|
||||
{{- $img = .Page.Resources.GetMatch .Params.featured -}}
|
||||
{{- end -}}
|
||||
|
||||
<span class="image featured"><figure>
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- if gt $img.Height $maxHeight -}}
|
||||
{{- $img = $img.Resize (printf "x%d webp q50" $maxHeight) -}}
|
||||
{{- if gt $image.Height $maxHeight -}}
|
||||
{{- $image = $image.Resize (printf "x%d webp q50" $maxHeight) -}}
|
||||
{{- end -}}
|
||||
<img src="{{ $img.RelPermalink }}" alt="{{ .Params.image_alt }}" {{- if ge (mul $img.Height $ratio) $img.Width -}}style="width: auto;" {{- end -}}/>
|
||||
{{ else }}
|
||||
<img src="{{ $img.RelPermalink }}" alt="{{ .Params.image_alt }}" />
|
||||
{{- end -}}
|
||||
{{- with .Params.image_caption -}}
|
||||
<figcaption style="max-width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
|
||||
<img src="{{ $image.RelPermalink }}" alt="{{ $image_alt }}" {{- if ge (mul $image.Height $ratio) $image.Width -}}style="width: auto;" {{- end -}}/>
|
||||
{{- with $image_caption -}}
|
||||
<figcaption style="max-width: {{- $image.Width -}}px;">{{- . | markdownify -}}</figcaption>
|
||||
{{- end -}}
|
||||
</figure></span>
|
||||
{{ end }}
|
||||
|
@ -1,42 +1,53 @@
|
||||
<section>
|
||||
<div class="box post">
|
||||
{{ $newres := "360x250 webp q50 smart" }}
|
||||
|
||||
{{ $rasters := slice "jpeg" "png" }}
|
||||
{{ $newres := "360x250 smart" }}
|
||||
|
||||
{{- $image_src := "" }}
|
||||
{{- $image_alt := "" }}
|
||||
{{- $image_caption := "" }}
|
||||
{{/* immagine di default */}}
|
||||
{{- $featimg := (resources.Get "/images/placeholder_autore.png").RelPermalink -}}
|
||||
{{- $image := (resources.Get "/images/placeholder_autore.png") -}}
|
||||
|
||||
{{- if .Params.image -}}
|
||||
{{/* se è stata definita un'immagine featured */}}
|
||||
{{- $img := .Page.Resources.GetMatch .Params.image -}}
|
||||
{{- if $img -}}
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- $img = $img.Fill $newres -}}
|
||||
{{ end }}
|
||||
{{- $featimg = $img.RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{- else if .Params.featured -}}
|
||||
{{/* se è stata definita un'immagine featured */}}
|
||||
{{- $img := .Page.Resources.GetMatch .Params.featured -}}
|
||||
{{- if $img -}}
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- $img = $img.Fill $newres -}}
|
||||
{{ end }}
|
||||
{{- $featimg = $img.RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{- else -}}
|
||||
{{/* altrimenti prendo la prima risorsa immagine disponibile */}}
|
||||
{{- $img := (.Page.Resources.ByType "image").GetMatch "**" -}}
|
||||
{{- if $img -}}
|
||||
{{- if in $rasters $img.MediaType.SubType -}}
|
||||
{{- $img = $img.Fill $newres -}}
|
||||
{{ end }}
|
||||
{{- $featimg = $img.RelPermalink -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{/* priorità maggiore: image_list */}}
|
||||
{{- if .Params.image_list }}
|
||||
{{- $image_src = .Params.image_list.src }}
|
||||
{{- with .Params.image_list.alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_list.caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
<a href="{{ .RelPermalink }}" class="image left"><img src="{{ $featimg }}" alt="{{ .Params.image_alt }}" /></a>
|
||||
{{/* in alternativa: image_post */}}
|
||||
{{- if and (not $image_src) .Params.image_post }}
|
||||
{{- $image_src = .Params.image_post.src }}
|
||||
{{- with .Params.image_post.alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_post.caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{/* in alternativa uso il metodo vecchio */}}
|
||||
{{- if and (not $image_src) .Params.image }}
|
||||
{{- $image_src = .Params.image }}
|
||||
{{- with .Params.image_alt }}
|
||||
{{- $image_alt = . }}
|
||||
{{- end }}
|
||||
{{- with .Params.image_caption }}
|
||||
{{- $image_caption = . }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{- if $image_src }}
|
||||
{{- $image = .Page.Resources.GetMatch $image_src }}
|
||||
{{- end}}
|
||||
|
||||
{{- $image = $image.Fill $newres -}}
|
||||
|
||||
<a href="{{ .RelPermalink }}" class="image left"><img src="{{ $image.RelPermalink }}" alt="{{ $image_alt }}" /></a>
|
||||
<div class="inner">
|
||||
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
|
||||
{{ if .Site.Params.show_post_dates | default true }}
|
||||
|
Loading…
x
Reference in New Issue
Block a user