A presentation regarding Option Panel and Custom Field

1. WordPress Option Panel
and Metaboxes 101

2. ASIF NAWAZ
info@asifsaho.me
Twitter @asifsaho
http://asifsaho.me

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. Install in your custom theme
https://github.com/ReduxFramework/redux-framework

5. Install in your custom theme
Keep those files and delete the rest

6. Install in your custom theme
-> Now make a folder lib/libs (name can be different) in
your template directory.

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. 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. The Option Panel

10. Branding

11. Use the data in template

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. 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. 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. 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. Any Question?

17. Thanks for watching :)