# Food

### 1. Create new articles

* Please go to A**dmin > Content > Articles > Add new**
* Create your articles for a food topic
* Assign your articles to the "Food" category 

![Create Joomla articles.](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FBhjwa2UV3sm4VZ9syXOz%2Fcreate-joomla-articles.jpg?alt=media\&token=fdc9d8e2-eba2-412c-88a2-c45ff172ebb5)

### 2. Create menu item "Food"

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: **Articles » Category Blog**
* Choose a category: **choose the Food category**
* Template style: **tz\_magazine - Default - Left Sidebar**

{% hint style="info" %}
You can edit the layout of the Default template style > Move the sidebar to the left or right. 
{% endhint %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fhr8BLGRj8dnoii9MFvjF%2Fmagazine-food-menu.png?alt=media&#x26;token=3d358208-2299-4b26-84a8-20293348ae8c" alt=""><figcaption><p>Food menu item.</p></figcaption></figure>

**2.1. Configure blog layout**

Navigate to the **tab "Blog Layout"**, and you'll be able to configure options including Leading articles, Intro Article, columns, article order, and others. Set each value number of each option or use default settings.

* **Leading articles**: the number of featured articles placed on the top of the page
* **Intro Articles**: the number of articles will be displayed on the page
* **Columns**: the number of columns in which articles will be shown

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FQ8AnqSJNnVcWCqo4kRSL%2Fmagazine-food-blog-layout-options.png?alt=media&#x26;token=fd072ab6-4f6d-4b3d-9a2e-50c037af3a59" alt=""><figcaption></figcaption></figure>

**2.2. Configure Blog Options**

Navigate the tab "Blog Options", and you'll be able to **adjust the image position of the lead article, and intro articles**.&#x20;

Moreover, you can also configure width options of intro images on different devices (Large desktop, desktop, laptop, tablet, and mobile).

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FFmS7pJkuapPd0d1aRAGr%2Fmagazine-food-blog-options.png?alt=media&#x26;token=9afbfc89-e6df-4317-94d2-4ea2a04a1df2" alt=""><figcaption><p>Food's menu blog options.</p></figcaption></figure>