WordPress option panel and metaboxes 101

1,261 views

Published on

A presentation regarding Option Panel and Custom Field

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,261
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
19
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

WordPress option panel and metaboxes 101

  1. 1. WordPress Option Panel and Metaboxes 101
  2. 2. ASIF NAWAZ info@asifsaho.me Twitter @asifsaho http://asifsaho.me
  3. 3. What is Redux forked from NHP and started as just an NHP fork, but it quickly became much more with additional features from SMOF and other frameworks. http://reduxframework.com/
  4. 4. Install in your custom theme https://github.com/ReduxFramework/redux-framework
  5. 5. Install in your custom theme Keep those files and delete the rest
  6. 6. Install in your custom theme -> Now make a folder lib/libs (name can be different) in your template directory.
  7. 7. Install in your custom theme Now copy this code to functions.php file if(!class_exists("ReduxFrameworkPlugin")){ require_once(get_template_directory().'/lib/redux-framework/redux-framework.php'); require_once(get_template_directory().'/lib/redux-framework/sample/redux-config. php'); }
  8. 8. Better way to include lots of files (as roots) $imx_includes = array( '/lib/redux-framework/redux-framework.php', '/lib/redux-framework/config/redux-config.php', '/lib/section/about.php', '/lib/section/skills.php', ); foreach($imx_includes as $file){ if(!$filepath = locate_template($file)) { trigger_error("Error locating `$file` for inclusion!", E_USER_ERROR); } require_once $filepath; } unset($file, $filepath);
  9. 9. The Option Panel
  10. 10. Branding
  11. 11. Use the data in template
  12. 12. Its your time to start working with this awesome thing! An awesome turorial will be found here http://hasin.me/2014/07/16/adding-redux-framework-in-your-wordpress- theme/ Detail Docs http://docs.reduxframework.com/redux-framework/getting-started/
  13. 13. What is Metabox? A metabox is a toolbox available in several screens of the WordPress admin menu (posts, articles, post types, plugins…) which contains some tweaking options for a specific function or a specific area of a WordPress theme. Here is what a metabox looks like: Source
  14. 14. Custom Metaboxes and Fields for WordPress Download from Github https://github.com/WebDevStudios/Custom-Metaboxes-and-Fields-for-WordPress Include the init.php require_once(get_template_directory().'/lib/metabox/init.php');
  15. 15. Custom Metaboxes and Fields for WordPress Download from Github https://github.com/WebDevStudios/Custom-Metaboxes-and-Fields-for-WordPress Include the init.php require_once(get_template_directory().'/lib/metabox/init.php'); Details Documentation https://github.com/WebDevStudios/Custom-Metaboxes-and-Fields-for- WordPress/wiki/Basic-Usage
  16. 16. Any Question?
  17. 17. Thanks for watching :)

×