wordpress option panel and metaboxes 101

17
WordPress Option Panel and Metaboxes 101

Upload: asif-nawaz-saho

Post on 28-Nov-2014

625 views

Category:

Technology


1 download

DESCRIPTION

A presentation regarding Option Panel and Custom Field

TRANSCRIPT

Page 1: WordPress option panel and metaboxes 101

WordPress Option Panel and Metaboxes 101

Page 2: WordPress option panel and metaboxes 101

ASIF [email protected]

Twitter @asifsaho

http://asifsaho.me

Page 3: WordPress option panel and metaboxes 101

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

Install in your custom theme

https://github.com/ReduxFramework/redux-framework

Page 5: WordPress option panel and metaboxes 101

Install in your custom theme

Keep those files and delete the rest

Page 6: WordPress option panel and metaboxes 101

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

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

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

The Option Panel

Page 10: WordPress option panel and metaboxes 101

Branding

Page 11: WordPress option panel and metaboxes 101

Use the data in template

Page 12: WordPress option panel and metaboxes 101

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

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

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

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

Any Question?

Page 17: WordPress option panel and metaboxes 101

Thanks for watching :)