How to Create Header Templates and Assign It to Your Website

Foxiz theme provides you with header blocks in the Ruby Template that allow you to customize your template layout more easily for your website.

To get started, follow the steps below:

1. Create your template and copy the shortcode of the template, please navigate to Dashboard > Ruby Templates. To create a template, you can refer to this documentation: Ruby Templates
   
2. In the Elementor control panel, scroll down to the “Foxiz Header” section.
   
3. After scrolling down to the “Foxiz Header” section, you can drag and drop blocks inside.
4. You can rearrange the placement of those blocks to create your own custom header layout.

To add a template, follow the steps below:

• For the general header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Header > General > Header Style, then select “Use Ruby Template” > Header Template Shortcode
   
3. Input the shortcode into the Header Template Shortcode option
   

• For the blog index header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Blog & Archive > Blog Index > Site Header > Header Template Shortcode
   
3. Input the shortcode into the Header Template Shortcode option
   

• For the search header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Blog & Archive > Search > Site Header > Header Template Shortcode
   
3. Input the shortcode into the Header Template Shortcode option
   

• For the standard post header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Single Post > Site Header > Template Shortcode
   
3. Input the shortcode into the Template Shortcode option
   

• For the video post header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Single Post > Site Header for Video > Template Shortcode
   
3. Input the shortcode into the Template Shortcode option
   

• For the audio post header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Single Post > Site Header for Audio > Template Shortcode
   
3. Input the shortcode into the Template Shortcode option
   

• For the gallery post header:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. Navigate to Foxiz Admin > Theme Options > Single Post > Site Header for Gallery > Template Shortcode
   
3. Input the shortcode into the Template Shortcode option
   

• For each individual post:

1. Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
2. The select post you would like to edit, then click on the edit link > Single Post Settings > Site Header > Template Shortcode
3. Input the shortcode into the Template Shortcode option
   

Structuring Mobile Header Layout Using Ruby Template