# Blog categories

You can create blog categories under this menu item.

You can then assign blog entries to these categories.

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2F3m6eksNEdy3HAkHD9YhD%2Fimage.png?alt=media&#x26;token=ae5c0506-38bb-4f0f-8caa-351b83044231" alt=""><figcaption></figcaption></figure>

If you click "Create" you can add a new category

{% hint style="danger" %}
Important information:

Fill out fields like title, sub headline, description, SEO. Without these fields, a blog category will not be displayed correctly in the frontend.
{% endhint %}

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FgK5MwUhu09savKQcO5Xm%2Fimage.png?alt=media&#x26;token=cf3888a4-8422-4dfb-84a9-58e01475350f" alt=""><figcaption></figcaption></figure>

**Title:**&#x20;

Category name&#x20;

**Subheadline:**&#x20;

Category subtitle&#x20;

**Description**&#x20;

Description of the category

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2Fxxu7Q3VPFX7jzy3X43Yz%2Fimage.png?alt=media&#x26;token=8eee12fb-8006-457c-8076-532f47821917" alt=""><figcaption></figcaption></figure>

Active: Activate the category&#x20;

Seo Url: Under the SEO tab, you can make SEO-specific settings. In addition, set a specific SEO URL.

{% hint style="info" %}
In general, SEO URLs for blog categories and entries are generated via Settings > Seo. However, if you specify an SEO Url here, it will be used as the SEO Url. Make sure to enter a correct SEO URL.\
&#x20;
{% endhint %}

Position:&#x20;

Sorting order&#x20;

Image size:&#x20;

This setting is for the categories templates Parallax, Cover and Image and Text&#x20;

Maximum height&#x20;

This setting is for the categories templates Parallax, Cover and Image and Text&#x20;

Custom CSS:&#x20;

If you would like to change the look of the blog category and use your own CSS classes, you can specify a CSS class here&#x20;

Category teaser:

&#x20;Upload a teaser (parallax, cover and image and text)

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FVC5IudA9f0zmMiDKzLSg%2Fimage.png?alt=media&#x26;token=707dfd0a-9c9a-4624-89be-b88ea8da3530" alt=""><figcaption></figcaption></figure>

**Template for the category information:**&#x20;

Here you can influence the appearance of each category using different templates (parallax, cover and image and text require a teaser image) We are constantly expanding the templates&#x20;

**Template for the listing**&#x20;

Here you can influence the appearance of the blog entries in each category using different templates. We are constantly expanding the templates Styles for listing&#x20;

**Button type:**

Decide what color the button of the blog post should have. You can find an overview of the colors at <https://getbootstrap.com/docs/5.0/components/buttons/>

**Button size**&#x20;

You can find information about this at <https://getbootstrap.com/docs/5.0/components/buttons/> /&#x20;

**Size Image animation:**&#x20;

Here you can set that the image of the blog post should have an animation. Then select an animation from the list

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FfktDxNmPHbHosg5AhCNp%2Fimage.png?alt=media&#x26;token=2c7aa48b-769c-43b7-99eb-e2276b71843d" alt=""><figcaption></figcaption></figure>

**Visibility:**&#x20;

Specify in which sales channel the category should be displayed&#x20;

{% hint style="danger" %}
It is important to assign a sales channel to a blog entry, otherwise the entry will be displayed in the frontend
{% endhint %}

**SEO URLs and SEO:**&#x20;

SEO settings

{% hint style="info" %}
Important information:&#x20;

When saving, "Error An error has occurred." appears, then it is because important fields are not selected or filled in, for example "Position". So scroll down and check whether any fields are marked “pink”.

![](https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FN3Q6LM8YhpD2cYtDeJBD%2Fimage.png?alt=media\&token=e9c29475-2e40-403a-85a4-1d2f133bc422)
{% endhint %}