# 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="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FrQRnW7DVQ6yjnWCRIiKY%2Fdefault%20post.jpg?alt=media&#x26;token=9a97a854-4a4e-4fe0-bc0c-22bf6ccbf785" 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="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FISjOgqlQyHqQcQ8DQjo6%2Ffeatured%20post.jpg?alt=media&#x26;token=367ee110-4605-4fe6-bdda-76a5226dc12d" alt=""><figcaption><p>Featured Post</p></figcaption></figure>

### Default Post With Sidebar

<figure><img src="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2F4gc2KHVI5q4kqZp8ax8U%2Fstandart%20post%20with%20sidebar.jpg?alt=media&#x26;token=b6c3080e-f605-4aed-b1e1-a94232ddf4da" 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="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FykxfZDfbIheZo0bPceDx%2Ffeatured%20post%20with%20sidebar.jpg?alt=media&#x26;token=0d669259-86d5-468b-b198-97b03f8bf3a5" 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="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FKf3HJom06SvRRjyPn0Qd%2Fhype.highfivethemes.com_post-with-lightbox-images-zoom_%20(2).png?alt=media&#x26;token=2953236d-dbe5-4a92-b468-2721cb0c9efc" alt=""><figcaption><p>Image Gallery</p></figcaption></figure> <figure><img src="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FE8nAKkqz7Poyk6XKlGY3%2Fhype.highfivethemes.com_post-with-lightbox-images-zoom_%20(3).png?alt=media&#x26;token=7b2f095d-9112-4f98-adc7-d39ce64d5478" alt=""><figcaption><p>Lightbox</p></figcaption></figure> <figure><img src="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FdWEbtzLpKPu7iBpnJdhf%2Fhype.highfivethemes.com_post-with-lightbox-images-zoom_%20(1).png?alt=media&#x26;token=be61c6a4-8edb-4b74-b62b-a09c168d0cbb" 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="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2F10WvffIGpOsH8WXw5iXd%2F01.png?alt=media&#x26;token=14b87997-bea9-4600-9738-720957e5dccb" 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.
