widgets – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Wed, 18 Sep 2024 07:36:48 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Create a Custom Sidebar and Assign It to Individual Pages in Theme? https://xtratheme.com/docs/how-to/how-to-create-a-custom-sidebar-and-assign-it-to-individual-pages-in-theme/ https://xtratheme.com/docs/how-to/how-to-create-a-custom-sidebar-and-assign-it-to-individual-pages-in-theme/#respond Sun, 15 Sep 2024 13:49:29 +0000 https://xtratheme.com/docs/?p=4178

Create a New Sidebar with Widgets for a Page

Step 1
Step01

Create a New Sidebar

First, create your desired custom sidebar. You can create a new sidebar through the following path.

Go to Dashboard > Appearance > Widgets > Add Custom Sidebar > Select a Name > Save.

Sidebar

Then add some widgets to Sidebar

Side2
Step02

Add a New Sidebar to a Page

Go to Dashboard > Post/Page > Page Settings > General Settings >
Sidebar ( select a type of sidebar) > Primary Sidebar > Select the Sidebar.

Sidebar3
]]>
https://xtratheme.com/docs/how-to/how-to-create-a-custom-sidebar-and-assign-it-to-individual-pages-in-theme/feed/ 0
How to Add a Widget to Your Sidebar https://xtratheme.com/docs/how-to/how-to-add-a-widget-to-your-sidebar/ https://xtratheme.com/docs/how-to/how-to-add-a-widget-to-your-sidebar/#respond Sun, 01 Sep 2024 11:09:33 +0000 https://xtratheme.com/docs/?p=3892

Description and Screenshot

Step 1
XTRA

Adding Widgets to the Sidebar

Adding widgets to the sidebar of a WordPress website can significantly enhance both the functionality and aesthetic appeal of your site. They offer a versatile way to provide additional content, improve navigation, and engage users, all of which can contribute to a more successful and user-friendly website.

Here we want to explain step by step how to add a widget to the sidebar:



  1. Go  to Theme Options > Widgets
  2. Select a Widget
  3. Add a Widget



Widge
]]>
https://xtratheme.com/docs/how-to/how-to-add-a-widget-to-your-sidebar/feed/ 0
How to Add an Off-Canvas Menu Icon in the Header for Desktop Only? https://xtratheme.com/docs/how-to/how-to-add-an-off-canvas-menu-icon-in-the-header-for-desktop-only/ https://xtratheme.com/docs/how-to/how-to-add-an-off-canvas-menu-icon-in-the-header-for-desktop-only/#respond Mon, 26 Aug 2024 06:18:58 +0000 https://xtratheme.com/docs/?p=3608

Description and Screenshot

Step 1
XTRA

Add offcanvas menu

In this post, we have taught how to add the offcanvas menu icon in desktop header. You can show what you want with the help of widgets in the Xtra Theme.

See screenshots of the guide below:

  1.  From Dashboard > Appearance > Widgets
  2. Offcanvas > Add some Widgets then save them
  3. From Theme Options > Header
  4. Select Header top bar/ Header / Header bottom bar
  5. Add Element > Select Offcanvas sidebar
  6. Choose an icon.



Off 1
Off2
Last off
]]>
https://xtratheme.com/docs/how-to/how-to-add-an-off-canvas-menu-icon-in-the-header-for-desktop-only/feed/ 0
How to Duplicate Posts, Pages, and Widgets? https://xtratheme.com/docs/how-to/how-to-duplicate-posts-pages-and-widgets/ https://xtratheme.com/docs/how-to/how-to-duplicate-posts-pages-and-widgets/#respond Sat, 17 Aug 2024 09:58:45 +0000 https://xtratheme.com/docs/?p=3490

Description and Screenshot

Step 1
XTRA

Duplicate any posts, pages, categories and widgets

You can duplicate all kinds of categories,posts, pages, and widgets, and just go to the desired path and click on duplicate. We have shown this in the screenshot of the guide below.

Duplicate
Widg dupli
Cat
]]>
https://xtratheme.com/docs/how-to/how-to-duplicate-posts-pages-and-widgets/feed/ 0
How to Change Background and Text Color for a Specific Sidebar Widget? https://xtratheme.com/docs/how-to/how-to-change-background-and-text-color-for-a-specific-sidebar-widget/ https://xtratheme.com/docs/how-to/how-to-change-background-and-text-color-for-a-specific-sidebar-widget/#respond Sat, 17 Aug 2024 09:38:35 +0000 https://xtratheme.com/docs/?p=3479

Description and Screenshot

Step 1
XTRA

Widget background and text color

In the WordPress ٓXtra Theme, you can fully customize the widgets and, for example, set the background color, font, etc. for it.

The Path is Theme Options > General > Colors & Styling > Sidbar & Widgets > Widgets StyleKit.

Wed en
Wifg6
Tips

Also you may know …

You can also change the style of a single widget.

The Path is Dashboard >Appearance > Widgets.

3
]]>
https://xtratheme.com/docs/how-to/how-to-change-background-and-text-color-for-a-specific-sidebar-widget/feed/ 0
Theme Options: Widgets https://xtratheme.com/docs/theme-options/theme-options-widgets/ https://xtratheme.com/docs/theme-options/theme-options-widgets/#respond Sun, 30 Jun 2024 08:15:06 +0000 https://xtratheme.com/docs/?p=2093

Description and Screenshot

Step 1
XTRA

WordPress Widgets options

Under Theme Options > Widgets you can find and customize your website widgets.

  1. Number of Widgets Area – Here WordPress tells you how many widgets area exists.
  2. List of Widgets Area – You can see list of available sidebars on current page.
  3. Example Widget – This is an example widget that is ready to edit settings.
Theme options widgets
Theme options widgets 2
Tips

You may want to know …

  • Other way – Also from Appearance > Widgets you can find and customize your widgets.

  • Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.
]]>
https://xtratheme.com/docs/theme-options/theme-options-widgets/feed/ 0
Theme Options: Footer Widgets https://xtratheme.com/docs/theme-options/theme-options-footer-widgets/ https://xtratheme.com/docs/theme-options/theme-options-footer-widgets/#respond Wed, 26 Jun 2024 08:58:25 +0000 https://xtratheme.com/docs/?p=1903

Description and Screenshot

Step 1
XTRA

Footer Widgets settings

Under Theme Options > Footer > Footer Widgets you can find and change footer widgets layout and also customize footer widgets styling.

  1. Footer Columns – Select footer columns layout
  2. Styling – Customize container, widgets, titles and links for widgets.
  3. Customize Widgets – From Appearance > Widgets you can find / add / remove widgets
Theme options footer widgets
Tips

You may want to know …

  • Custom page content – From Appearance > Widgets you can add Custom Page Content widget in footer 1 then choose your custom page. From Theme Options > Footer > Widgets also you can change layout to 1 column.
]]>
https://xtratheme.com/docs/theme-options/theme-options-footer-widgets/feed/ 0
codevz/importer/after_import_widgets https://xtratheme.com/docs/developer/codevz-importer-after_import_widgets/ https://xtratheme.com/docs/developer/codevz-importer-after_import_widgets/#respond Wed, 19 Jun 2024 11:38:18 +0000 https://xtratheme.com/docs/?p=3067

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to run your custom PHP codes after importing widgets from demo importer side.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-importer-after_import_widgets/feed/ 0
How to Enable Sidebars and Widgets on Your Website? https://xtratheme.com/docs/how-to/how-to-enable-sidebars-and-widgets/ https://xtratheme.com/docs/how-to/how-to-enable-sidebars-and-widgets/#respond Sun, 09 Jun 2024 08:43:17 +0000 https://xtratheme.com/docs/?p=2346

Description and Steps

Step 1
Part01

How to Enable or Change Sidebar Position?

Generally sidebar is disabled for all custom pages and only posts and taxonomy pages affect following options. Under Theme Options > General > Layout you can find and enable sidebar position.

  1. General > Layout – Location of general sidebar position option.
  2. Sidebar Position Option – Showing you default selected option.
  3. Available Sidebar Positions – List of sidebar positions that you can choose.
Sidebar options
Part02

How to Enable Sidebar only for posts?

If you wish only enable sidebar on posts archive and single posts, first make sure your general sidebar option is disabled. Under Theme Options > General > Layout you can find and disable general sidebar position then go to Theme Options > Blog > Blog Settings and find Sidebar option and enable it.

Part03

How to add Widgets to sidebars?

Go to Dashboard > Appearance > Widgets you can find and add widgets into sidebars.

  1. Widgets – List of available widgets that you can use in sidebars.
  2. Sidebars – List of available sidebars that you can move and add widgets inside them.
  3. Adding Widget – Move a widget from left side to one of sidebars in right side
Widgets
Part04

How to enable sidebar on specific page?

Go to Dashboard > Pages and find your page then edit it in backend. Each page have different sidebar settings, you can edit your page in backend and from page meta settings you can find and change that page sidebar settings.

  1. General Settings – Scroll down to see page general settings tab.
  2. Sidebar – Sidebar option and list of available sidebar positions.
  3. Sidebar Name – After you set sidebar position you can change sidebar name from list.
Page sidebar settings
Tips

You may want to know …

  • Search Page – From Theme Options > Blog > Search Settings you can find sidebar option for search page and change it.

  • Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.
Sidebar stylekit
]]>
https://xtratheme.com/docs/how-to/how-to-enable-sidebars-and-widgets/feed/ 0