# Post Template

### Templates

**Digital Nomad** has **4 post page templates** to choose from:

1. **Default**

   <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FB5hh2ilMoRoh3xub7s2b%2Flocalhost_2368_sign-up-card-post_.webp?alt=media&#x26;token=714d57e2-e74b-4eb2-96bf-e024769e3325" alt=""><figcaption></figcaption></figure>

2. **Post With Sidebar**&#x20;

   <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FCsvgwz0zyVy2nlm1F5db%2Flocalhost_2368_sign-up-card-post_%20(2).webp?alt=media&#x26;token=99062115-dbfb-4e81-aaa0-8b5ff924a970" alt=""><figcaption></figcaption></figure>

3. **Post With Lightbox -** looks the same as **Default**, but includes images lightbox functionality. **Read about lightbox -** [**About Lightbox Functionality**](#about-lightbox-functionalty).

4. **Post With Sidebar and Lightbox -** looks the same as **Post With Sidebar** , but includes images lightbox functionality. **Read about lightbox -** [**About Lightbox Functionality**](#about-lightbox-functionalty).

***

### To choose which template to use when you publish a post:

* On the post editor page, click <img src="https://content.gitbook.com/content/6cOeGttqHsGsGDEJ7pUf/blobs/sBrsBzBdOnwHpZhJaoID/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-11-21%20%D0%B2%2011.43.10.png" alt="" data-size="line"> icon in the top right corner to open the **Post settings**
* Then, find the **Template** selector and choose **your preferred option - Default/Post With Sidebar/Post With Lightbox/Post With Sidebar And Lightbox**

{% hint style="warning" %}
**We&#x20;**<mark style="color:orange;">**recommend**</mark>**&#x20;to use only regular/wide - width cards (Header, Sign Up, Image, Video, Gallery) inside a Post With Sidebar/Post With Sidebar And Lightbox, due** **to the fact that fullscreen cards will be limited in width because of the sidebar located on the right.**
{% endhint %}

***

### Post's Head

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

#### Normal Post

<figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FEXmN2AdJkgOIoiEWeJ1Z%2Flocalhost_2368_sign-up-card-post_.webp?alt=media&#x26;token=bef86f14-4bb6-4069-b9a6-e12c7c454dd3" alt=""><figcaption></figcaption></figure>

#### Featured Post

<figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2F1DaQWQezIi0dYSAWXtq9%2Flocalhost_2368_sign-up-card-post_%20(1).webp?alt=media&#x26;token=eaeb1c88-9b0c-4c00-8b73-9c88914ef51c" alt=""><figcaption></figcaption></figure>

***

### To feature the post:

* On the post editor page, click <img src="https://content.gitbook.com/content/6cOeGttqHsGsGDEJ7pUf/blobs/sBrsBzBdOnwHpZhJaoID/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-11-21%20%D0%B2%2011.43.10.png" alt="" data-size="line"> icon in the top right corner to open the **Post settings**
* Then, find **this**  <img src="https://content.gitbook.com/content/6cOeGttqHsGsGDEJ7pUf/blobs/uzPEXXbLWIw4rwURZTqk/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-11-21%20%D0%B2%2013.01.39.png" alt="" data-size="line">  **toggle** and click to **feature your post**

***

### About Sidebar

Post's Sidebar includes **2 widgets**:&#x20;

1. &#x20;**Subscribe CTA** - displays 5 latest featured posts

   <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FCtUzwcgejPyVSOBoHzLg%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-29%20%D0%B2%2012.42.08.png?alt=media&#x26;token=6fbec04e-c2a2-4985-906c-bad2c1776d96" alt=""><figcaption></figcaption></figure>
2. **Featured Posts** - displays 3 latest featured posts

   <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FEvf8wWPrjp9H3xt5UhGx%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-29%20%D0%B2%2012.42.17.png?alt=media&#x26;token=afa14b2e-8fc0-427e-ba6e-f8d57188357b" alt=""><figcaption></figcaption></figure>

***

### About Lightbox Functionality

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.&#x20;

**Post WIth Lightbox Example:** <https://digital-nomad-primary.highfivethemes.com/drone-technology-advancements-in-2024/>

<figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FNwy37FRX2LZ5e8idKEFV%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-07%20%D0%B2%2015.15.25.png?alt=media&#x26;token=6b06fe77-5899-420b-b1ac-0e514ba69623" alt=""><figcaption><p>Images Gallery</p></figcaption></figure>

<div><figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FBytrwOpMIzhAGJw70lIv%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-07%20%D0%B2%2015.14.46.png?alt=media&#x26;token=10493714-041a-400d-90e9-b59da17eebe2" alt=""><figcaption><p>Lightbox Example</p></figcaption></figure> <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FOHyLM6R7785oP5MVZqWB%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-07%20%D0%B2%2015.15.33.png?alt=media&#x26;token=469d5ea4-c0fd-43a9-842a-5c233a29483f" alt=""><figcaption><p>Lightbox Example</p></figcaption></figure></div>

<div><figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FvBqFpoyvuGuQdSKjX036%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-07%20%D0%B2%2015.17.11.png?alt=media&#x26;token=63506730-9d1d-4da4-a75e-1b433e7db30d" alt=""><figcaption><p>Lightbox Zoom Example</p></figcaption></figure> <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FyJ1Au7qVrk8erfaRnaPr%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-07%20%D0%B2%2015.17.05.png?alt=media&#x26;token=1bd4466f-57c2-4d5b-b967-9da076684cf4" alt=""><figcaption><p>Lightbox Zoom Example</p></figcaption></figure></div>