Sidebar

About this Component

Sidebar Component is used to add the area for displaying the menu, social icons etc in AMP theme.

How to use:

Following are the steps to use this component.

Step 1:

To initiate the support for the component in your theme just add the following code to the functions.php of the theme files.

This was the back-end part where we’ve just initiated, now to make it appear in the front-end follow the next step.

Step 2:

To add the Sidebar we need to call it.
example: add the following code in header.php header’s div of the theme files.

where we’ve set the ‘action’ => ‘open-button’ which sets a button for opening the sidebar.

Step 2-I:

Now add the following code after the closing the header’s div in header.php

here we’re adding different properties to the Sidebar such as from which side it should be ‘side’ => ‘right’.

Step 2-II:

Now come to the step where we’re going add the content in the Sidebar.
example: we wanted to add the menu, search etc, just call the components in header.php of themes file.

with this, you’re successfully able to add Sidebar on your theme.

Updated on September 9, 2017

Was this article helpful?

Related Articles

Add A Comment