Implemented per-page or site-wide background images.
If the user sets "background: /path/to/image.jpg" or an http(s) url in their _config.yml, or if they set it in a post/page's yaml front matter, the displayed page will use that image as the background. If their background is transparent, the default background color will also be visible. Setting a background in a page/post will take precedence over the one set in _config.yml.master
parent
13eefd7fa0
commit
2336f01085
|
@ -56,3 +56,11 @@
|
||||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/images/apple-touch-icon-114x114-precomposed.png">
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/images/apple-touch-icon-114x114-precomposed.png">
|
||||||
<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
|
<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
|
||||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/images/apple-touch-icon-144x144-precomposed.png">
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/images/apple-touch-icon-144x144-precomposed.png">
|
||||||
|
|
||||||
|
<!-- Background -->
|
||||||
|
{% if page.background %}
|
||||||
|
{% capture page_bgimg %}{% if page.background contains 'http' %}{{ page.background }}{% else %}{{ site.url }}{{ page.background }}{% endif %}{% endcapture %}
|
||||||
|
{% elsif site.background %}
|
||||||
|
{% capture page_bgimg %}{% if site.background contains 'http' %}{{ site.background }}{% else %}{{ site.url }}{{ site.background }}{% endif %}{% endcapture %}
|
||||||
|
{% endif %}
|
||||||
|
{% if page_bgimg %}<style type="text/css">body {background-image:url({{ page_bgimg }});}</style>{% endif %}
|
||||||
|
|
Loading…
Reference in New Issue