> For the complete documentation index, see [llms.txt](https://highfivethemes.gitbook.io/hype-user-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://highfivethemes.gitbook.io/hype-user-documentation/main-templates/post-template.md).

# Post Template

The appearance of a post's head depends on whether it has a featured image and whether the post is featured.

### Default Post

<figure><img src="/files/NMKFlRdBKe9FioZU2pse" alt=""><figcaption><p>Default Post</p></figcaption></figure>

### Featured Post <a href="#featured-post-with-featured-image" id="featured-post-with-featured-image"></a>

<figure><img src="/files/4JBsnRV9y69L2E5dVyLs" alt=""><figcaption><p>Featured Post</p></figcaption></figure>

### Default Post With Sidebar

<figure><img src="/files/3tTUhiJxzQYd2OqOwV6s" alt=""><figcaption><p>Default Post With Sidebar</p></figcaption></figure>

### Featured Post With Sidebar <a href="#featured-post-with-featured-image" id="featured-post-with-featured-image"></a>

<figure><img src="/files/NHe9Aq1Um40qNFaWbGLC" alt=""><figcaption><p>Featured Post With Sidebar</p></figcaption></figure>

### Lightbox (Images Zoom)

**Hype** offers an optional **lightbox** feature for images in a post's content.

This intuitive functionality allows users to click on any image card or any image inside gallery card within the post content, after which the image is prominently displayed in a "lightbox" overlay. This special view not only focuses the user's attention on the image but also provides an option to zoom in for a closer look at the details. This makes for a more interactive and engaging experience when browsing through content.

**Post WIth Lightbox Example:**&#x20;

<div><figure><img src="/files/EHip0JIZhdyJgMZtbMfu" alt=""><figcaption><p>Image Gallery</p></figcaption></figure> <figure><img src="/files/roowCIxImavWBOdpIOmO" alt=""><figcaption><p>Lightbox</p></figcaption></figure> <figure><img src="/files/aYRXgeT66Y8WeoWmOXua" alt=""><figcaption><p>Zoomed in</p></figcaption></figure></div>

<https://hype.highfivethemes.com/post-with-lightbox-images-zoom/>

### To turn on Lightbox feature when you publish a post:

* On the post editor page, click <img src="/files/HEL3YKhepTBJy63K2kqX" alt="" data-size="line"> icon in the top right corner to open the **Post settings**
* Then, find the **Tags** setting and add the **#lightbox** tag.