# Article template

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FF5R0doMAJDmBQAvzBhOf%2Farticle-desktop-ezgif.com-gif-to-webp-converter.webp?alt=media&#x26;token=e77366c3-77b8-4050-b34f-b950186a67ed" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fo2VTPg9TUY7SItT3i9SO%2Farticle-mobile-ezgif.com-gif-to-webp-converter.webp?alt=media&#x26;token=772a83ad-16ec-4858-a7f6-e76082eeb45a" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

The section is static on an **article page** template, it was added initially and cannot be removed.

## Section settings

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FCoob1079IG5SmJ91Cyj5%2Farticle-settings.png?alt=media&#x26;token=5ddc147d-f41e-4269-bbce-1e4ae6139bed" alt=""><figcaption></figcaption></figure>

1. **`Show author`** - the setting is responsible for whether the author of the article will be displayed;
2. **`Show comments count`** - the setting is responsible for whether the number of comments will be displayed;
3. **`Latest articles heading`** - the setting is responsible for a title for a section **Latest articles** in a sidebar.

### Banner

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FzpUTQcIM1QCszQEQq3ND%2Farticle-settings-banner.png?alt=media&#x26;token=c16866ed-e2ed-43e2-a746-0a43e23b5321" alt=""><figcaption></figcaption></figure>

1. **`Image`** - the setting allows you to set a picture for the banner;
2. **`Heading`** - the setting allows you to specify a heading for the banner;
3. **`Link`** - the setting allows you to specify a link for the banner.

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F69Qkw1fT07fIW687b7lI%2Farticle-settings-layout.png?alt=media&#x26;token=314c95f1-5926-4fdb-a481-86bc258351d1" alt=""><figcaption></figcaption></figure>

1. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
2. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
3. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
4. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## Theme content

You can customize the text content in the Article section of Blogs

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FeRBPXV4R0RLbkDO3H5qa%2Frelated-article-content.png?alt=media&#x26;token=65ed67ba-2c3e-4d8c-b007-0fabedc6f571" alt=""><figcaption></figcaption></figure>

1. **`Published at`** - the setting allows you to set a label published at;
2. **`Author prefix`** - the setting allows you to set the author prefix ;
3. **`Learn more link aria`** - the setting allows you to set an aria label for the learn more link in the article;
4. **`Banner link aria`** - the setting allows you to set an aria label for the learn more link in the small banner;
5. **`Share`** - the setting allows you to set a label for share;
6. **`Comments`** - the setting allows you to set a label for comments;
7. **`Comments count`** - the setting allows you to set a label for comments count;
8. **`One comment`** - the setting allows you to set a label for one comment count;
9. **`Many comments`** - the setting allows you to set a label for many comment count.

You can customize the text content in the Social section of General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fp3cKuHUGwbG1ZrYFB13g%2Frelated-article-content%201.png?alt=media&#x26;token=b153f1ef-0eec-473c-847b-368d57264ad1" alt=""><figcaption></figcaption></figure>

1. **`Share button`** - the setting allows you to set a label for share button;
2. **`Share success`** - the setting allows you to set a label for share success.

You can customize the text content in the Social alt text section of General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FT1hzCOWGOIdH66rJ0TQz%2Frelated-article-content%202.png?alt=media&#x26;token=448aa281-af8b-464c-8094-a50401770569" alt=""><figcaption></figcaption></figure>

1. **`Share on facebook`** - the setting allows you to set a label for share on Facebook;
2. **`Share on twitter`** - the setting allows you to set a label for share on Twitter (X);
3. **`Share on pinterest`** - the setting allows you to set a label for share on Pinterest.

You can customize the text content in the Form section of Contact

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FcDGhNQAKCdJodzWRFWwI%2Frelated-article-content%203.png?alt=media&#x26;token=4fef8e4a-56db-4426-a6f9-ffde8aaaf7f7" alt=""><figcaption></figcaption></figure>

1. **`Error heading`** - the setting allows you to set an error title;

You can customize the text content in the Comments section of Blogs

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FyIrGx88Qlbxp8vMoC1E0%2Frelated-article-content%204.png?alt=media&#x26;token=76c76a2d-b76b-4b97-a6fa-ab5659be438e" alt=""><figcaption></figcaption></figure>

1. **`Title`** - setting allows you to specify a title for a comment form;
2. **`Name`** - the setting allows you to set a label for an author's name;
3. **`Name placeholder`** - the setting allows you to set a placehorder for an author's name;
4. **`Email`** - the setting allows you to set a label for an author's email;
5. **`Email placeholder`** - the setting allows you to set a placeholder for an author's email;
6. **`Message`** - the setting allows you to set a label for an author's message;
7. **`Message placeholder`** - the setting allows you to set a placeholder for an author's message;
8. **`Post`** - the setting allows you to set a placeholder for a submit button;
9. **`Moderated`** - setting allows you to set a message for Moderated status;
10. **`Success moderated`** - setting allows you to set a message for Success moderated status;
11. **`Success`** - setting allows you to set a message for Success status;

## **Additional Information**

1. **Comment form** - displayed if the blog has comments enabled in its settings;
2. **Comments** - displayed if the blog has comments enabled in its settings **Blog posts** → **Manage blogs** → ***choose blog*** → **Comments** radio button;
3. When navigating through pagination, when loading the anchor link, we will link back to the comments;
4. The **Banner** is not displayed if the settings for the `Image` field are not specified;
5. The **Latest articles** section displays the last 4 posts from the current blog (except for the current post);
6. The **Latest articles** section will not be displayed if the blog contains;
7. If the **Banner** and **Latest articles** sections are not displayed, the article content will be stretched to the width of the entire container.
8. To output the image of the author you need to create a metafield for the article type file with namespace "custom" and key "author\_image”

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FZO66cp2OlkTBSCrsHr8D%2Farticle-settings-author.png?alt=media&#x26;token=816583b5-4cbf-4e4f-9933-f13ff88e76d3" alt=""><figcaption></figcaption></figure>