Download - WordPress option panel and metaboxes 101
![Page 1: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/1.jpg)
WordPress Option Panel and Metaboxes 101
![Page 3: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/3.jpg)
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/
![Page 4: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/4.jpg)
Install in your custom theme
https://github.com/ReduxFramework/redux-framework
![Page 5: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/5.jpg)
Install in your custom theme
Keep those files and delete the rest
![Page 6: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/6.jpg)
Install in your custom theme
-> Now make a folder lib/libs (name can be different) in
your template directory.
![Page 7: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/7.jpg)
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');
}
![Page 8: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/8.jpg)
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);
![Page 9: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/9.jpg)
The Option Panel
![Page 10: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/10.jpg)
Branding
![Page 11: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/11.jpg)
Use the data in template
![Page 12: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/12.jpg)
Its your time to start working with this awesome thing!
An awesome turorial will be found herehttp://hasin.me/2014/07/16/adding-redux-framework-in-your-wordpress-theme/
Detail Docshttp://docs.reduxframework.com/redux-framework/getting-started/
![Page 13: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/13.jpg)
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
![Page 14: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/14.jpg)
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');
![Page 15: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/15.jpg)
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
![Page 16: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/16.jpg)
Any Question?
![Page 17: WordPress option panel and metaboxes 101](https://reader035.vdocuments.us/reader035/viewer/2022062614/547920ecb4af9fb4158b4753/html5/thumbnails/17.jpg)
Thanks for watching :)