Adding media to post and doc content

    Alex Koch
    Written by Alex Koch

    Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis.

    Adding images

    To add an image to a post or page use the following codes: Local image from /uploads/ directory:

    {% include image.html img="girl.jpg" alt="Alt for image" caption="Girl on a rock" %}

    External wide image with lightbox:

    {% include image.html img="https://source.unsplash.com/TT-ROxWj9nA.jpg" lightbox="true" alt="Alt for image" caption="Image in lightbox" %}

    Uploads folder location can be changed in _config.yml.

    Slideshow

    {% include slideshow.html gallery="slideshow-1" %}

    The gallery attribute refers to a folder inside your uploads folder, all images in slideshow-1 folder will be displyed in slideshow. Uploads folder location can be changed in _config.yml.

    Responsive Videos

    Embed local videos:

    <video controls playsinline uk-video="automute: true">
    <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
    <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg">
</video>

    Embed YouTube videos:

    <iframe src="http://www.youtube.com/embed/YE7VzlLtp-4?autoplay=0&amp;showinfo=0&amp;rel=0&amp;modestbranding=1&amp;playsinline=1" width="600" height="340" frameborder="0" allowfullscreen data-uk-responsive uk-video="automute: true"></iframe>

    Contact form via Kwes

    Navigation bar

    Next →

    Related Posts

    Getting Started
    Customization