Include webp image format through shortcode and featuredimage

This commit is contained in:
Joe Hutchinson
2019-01-20 22:12:32 -05:00
parent 3bfd421d6b
commit 159dd8f5f1
2 changed files with 11 additions and 2 deletions

View File

@@ -10,9 +10,13 @@
<p class="post-date">Posted <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time></p>
</header>
{{ if isset .Params "featuredimage" }}
<figure class="post-figure">
<picture class="post-figure">
{{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp"))) -}}
<source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
{{- end }}
<source srcset="{{.Params.featuredimage | absURL }}">
<img src="{{.Params.featuredimage | absURL }}" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
</figure>
</picture>
{{ end }}
{{ .Content }}
</article>

View File

@@ -0,0 +1,5 @@
<picture>
<source srcset="{{ replace (index .Params "src") (path.Ext (index .Params "src")) ".webp" | absURL }}" type="image/webp">
<source srcset="{{ index .Params "src" | absURL }}">
<img src="{{ index .Params "src" | absURL }}" {{ if isset .Params "alt" -}} alt="{{ index .Params "alt"}}" {{- end }}>
</picture>