# 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 With Featured Image

<figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2F53tCLN8t5Uqp2HXTH6z0%2Fpersona.highfivethemes.com_the-power-of-storytelling-in-branding_%20(3).png?alt=media&#x26;token=44bc4f52-acdc-4766-8f06-65e789cf61d9" alt=""><figcaption><p>Default Post With Featured Image</p></figcaption></figure>

### Default Post Without Featured Image

<figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FltXLRz9YAYN76XY5ESCL%2Fpersona.highfivethemes.com_the-power-of-storytelling-in-branding_%20(2).png?alt=media&#x26;token=f81ff9ec-4822-46e9-b8ac-42435c49205b" alt=""><figcaption><p>Default Post Without Featured Image</p></figcaption></figure>

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

<figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FsYmDCWhxQufnmdBF5d8s%2Fpersona.highfivethemes.com_the-power-of-storytelling-in-branding_.png?alt=media&#x26;token=928dd24b-62c0-4e4b-b4d3-826dba1d177c" alt=""><figcaption><p>Featured Post With Featured Image</p></figcaption></figure>

### Featured Post Without Featured Image

<figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2F4cipYp5hxuJT356n9xM9%2Fpersona.highfivethemes.com_the-power-of-storytelling-in-branding_%20(1).png?alt=media&#x26;token=836b85bf-945d-4bda-acc3-39345780c72e" alt=""><figcaption><p>Featured Post Without Featured Image</p></figcaption></figure>

### Default Post With Wide Featured Image

<figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FyWsOir5rXVTBRXHXLz47%2Fpersona.highfivethemes.com_examples-of-award-winning-packaging-designs_.png?alt=media&#x26;token=888b9f6b-dcc0-489d-9899-46501b4680bc" alt=""><figcaption><p>Default Post With Wide Featured Image</p></figcaption></figure>

### To feature the post:

* On the post editor page, click<img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FPLmklqYLCsaMl6k7MnpJ%2F01.png?alt=media&#x26;token=513b83ce-ca13-4f93-8e23-c7783ea77a6c" alt="" data-size="line">icon in the top right corner to open the **Post settings**
* Then, find **this**<img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2Fl3p3NVRMbg02oN15ZCxm%2F001.webp?alt=media&#x26;token=b6195788-b36e-45ba-b92f-c1544055fa32" alt="" data-size="line">**toggle** and click to **feature your post**

### To add the posts section on homepage:

Enter the section number '2' in the setting "**homepage\_sections\_order"**

### Lightbox (Images Zoom)

**Persona** 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://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FGQPPdpEccXVa2Ut1prdO%2Fpersona.highfivethemes.com_post-with-lightbox-images-zoom_.png?alt=media&#x26;token=193e63ea-0dc7-401f-a7d3-93512483a4ee" alt=""><figcaption><p>Image Gallery</p></figcaption></figure> <figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2Fxw8pKhfNBcfUyU7QEmBq%2Fpersona.highfivethemes.com_post-with-lightbox-images-zoom_%20(1).png?alt=media&#x26;token=1d028429-26b9-40f3-b25c-f188b7581e27" alt=""><figcaption><p>Lightbox</p></figcaption></figure> <figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FIWDsLKhKWabL32Bp4jQU%2Fpersona.highfivethemes.com_post-with-lightbox-images-zoom_%20(2).png?alt=media&#x26;token=b842e200-b6ed-408d-987c-9d00be0efad3" alt=""><figcaption><p>Zoomed in</p></figcaption></figure></div>

<https://persona.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://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FPLmklqYLCsaMl6k7MnpJ%2F01.png?alt=media&#x26;token=513b83ce-ca13-4f93-8e23-c7783ea77a6c" 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.