# Climate

This page is based on Joomla content articles, so you're supposed to create Joomla articles for this topic first. 

### Create the blog menu for Climate News

* Please go to Admin > Menus > Add a new menu item
* Menu item type: Articles > Category Blog
* Choose a category (Climate)
* Template style: tz\_todaynews - Default

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FKymQEigQk2MHYyFw8ae7%2Fpolitic-menu.jpg?alt=media&#x26;token=e9dd690b-f042-4384-9d0f-e926c9395012" alt=""><figcaption><p>Blog menu</p></figcaption></figure>

#### **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

{% hint style="info" %}
In our demo, Climate blog page is set to display 0 leading article, 2 columns and 6 intro articles.&#x20;
{% endhint %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FOmeT6FdvPL9m7cZh0xZs%2Fclimate-blog-layout.jpg?alt=media&#x26;token=3f0f8e1b-bfdc-47d9-b47b-4b0c6acde8d4" alt=""><figcaption><p>Blog Layout Options</p></figcaption></figure>

#### **2. Configure Blog Article Options**

In the Options tab, you can find options to configure article's title, linked titles, intro text, position of intro article,  category, link category, author, created date, and so on.

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FYIk4Yq0dl6OZVNidpnNa%2Fworld-blog-article-options.jpg?alt=media&#x26;token=18ddd7fb-f2b9-482a-a799-0b59495d29f5" alt=""><figcaption><p>Blog article options</p></figcaption></figure>

#### 3. Configure Lead Item Image and Intro Item image

Navigate to the tab "Blog Options", and you'll be able to **adjust the image position of the lead article, and intro articles**. 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%2FyobuPlQ0Lm5ipoU5FU9Y%2Fworld-blog-options.jpg?alt=media&#x26;token=59b17643-0962-4397-ad55-772d977c9b72" alt=""><figcaption><p>Lead item and Intro items options</p></figcaption></figure>

### Mega Menu

#### 1. Create Climate Module

* Pls go to Admin > Content > Site module > Create a new module
* Module type: SP Page Builder
* Add a new row and use the UK Articles addon

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FQJdXcGMJIpSM8QNtgoPa%2Fpolitics-module.jpg?alt=media&#x26;token=1e874551-d19c-405e-9fb2-570dbf3357a5" alt=""><figcaption><p>Create Politics module</p></figcaption></figure>

After that, go to edit the World menu > Astroid Menu Option tab, you can enable the Mega menu options. And right below you can add rows, columns and more to a mega menu. \
In our demo, we integrate the Climate module into the Mega menu.

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FSWZ6J0s6UVWfRcXLJWpk%2Fmegamenu-todaynews.jpg?alt=media&#x26;token=79c4b092-a767-45fd-a405-c7323a93f9a2" alt=""><figcaption><p>Mega menu</p></figcaption></figure>