options – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sat, 18 Jun 2022 09:11:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 codevz/option/key https://xtratheme.com/docs/developer/codevz-option-key/ https://xtratheme.com/docs/developer/codevz-option-key/#respond Wed, 26 Jun 2024 09:28:36 +0000 https://xtratheme.com/docs/?p=2682

Example code

Step 1
XTRA

Using WordPress filter to modify any theme options value

In the following example you can see how to change site logo image URL only on home page of your website, Other pages will get logo from theme options.

In filter name you can change xtra/option/logo to modify another option, for example for modifying layout value, try xtra/option/layout and return your value.

HOW

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.

HOW

How to find any theme options key?

In the below screenshot, you can see how to find site width option key. First open your customizer page then find your option and then open your browser inspect element feature to find the input name or data-depent-id attribute. Exactly like below shot you can find key. For site width key is site_width

How to find customizer field id min
]]>
https://xtratheme.com/docs/developer/codevz-option-key/feed/ 0
Theme Options Overview https://xtratheme.com/docs/theme-options/theme-options-overview/ https://xtratheme.com/docs/theme-options/theme-options-overview/#respond Thu, 20 Jun 2024 07:06:04 +0000 https://xtratheme.com/docs/?p=1688

Theme Options Video

Theme Options Overview

Step 1
Part01

How to access Theme Options?

There are two way to access theme options and customize your website settings. In your admin bar you can find Theme Options dropdown menu and quickly access theme options panels. Or from Appearance > Customize menu you can access theme options.

Theme options overview
Part02

Theme Options panels and sections

Theme options controls spliced in different panels and sections and you can find any sections easily, Also some parts, in live preview frame have cog icon that will help you to access element settings quickly by only a click.

  • Demo Importer – You can import full demo from library
  • General – Layout, colors, styles, SEO, Loading, etc.
  • Typography – Font family, size, colors, etc.
  • Header – Header rows, logo, sticky, fixed side, etc.
  • Footer – Widgets, copyright, footer menu, etc.
  • Blog – Posts settings, styles, single settings, search, etc.
  • Projects – Settings, styles, post type slugs, etc.
  • WooCommerce Pro – Custom settings, StyleKits for WooCommerce sections.
  • Side Identity – Site title, description and favicon.
  • Menus – Add/remove menu items, location, etc.
  • Widgets – Add/remove widgets from any sidebars.
  • Homepage Settings – Set custom homepage and custom blog posts page
  • WooCommerce – Core settings of WooCommerce plugin
  • Additional CSS – You can add your custom CSS codes here
  • Backup / Reset – You can download/copy theme options backup or reset theme options
Theme options sections panels
]]>
https://xtratheme.com/docs/theme-options/theme-options-overview/feed/ 0
codevz/options https://xtratheme.com/docs/developer/codevz-options/ https://xtratheme.com/docs/developer/codevz-options/#comments Tue, 11 Jun 2024 08:52:54 +0000 https://xtratheme.com/docs/?p=2783

Example code

Step 1
XTRA

Using WordPress filter to modify any theme options value

In the following example you can see how to change site logo image URL only on home page of your website, Other pages will get logo from theme options.

HOW

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.

HOW

How to find any theme options key?

In the below screenshot, you can see how to find site width option key. First open your customizer page then find your option and then open your browser inspect element feature to find the input name or data-depent-id attribute. Exactly like below shot you can find key. For site width key is site_width

How to find customizer field id min
]]>
https://xtratheme.com/docs/developer/codevz-options/feed/ 2