WordPress option panel and metaboxes 101

Preview:

DESCRIPTION

A presentation regarding Option Panel and Custom Field

Citation preview

WordPress Option Panel and Metaboxes 101

ASIF NAWAZinfo@asifsaho.me

Twitter @asifsaho

http://asifsaho.me

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/

Install in your custom theme

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

Install in your custom theme

Keep those files and delete the rest

Install in your custom theme

-> Now make a folder lib/libs (name can be different) in

your template directory.

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');

}

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);

The Option Panel

Branding

Use the data in template

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/

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

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');

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

Any Question?

Thanks for watching :)

Recommended