Clicky

Sidebar

This article is for AMP Theme Framework users.

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.

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on April 18, 2019

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment