Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Metaboxes. Do them right.
Search
Aniket Pant
February 23, 2013
Technology
4
6.5k
Metaboxes. Do them right.
My slides for WordCamp Pune 2013 -
http://2013.pune.wordcamp.org
Aniket Pant
February 23, 2013
Tweet
Share
More Decks by Aniket Pant
See All by Aniket Pant
Community Engagement FTW
aniketpant
2
350
The Power of CSS - BarCamp Goa 2011
aniketpant
1
550
Theme Development and Design - WordCamp Jabalpur 2011
aniketpant
2
380
Other Decks in Technology
See All in Technology
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
How to Think Like a Performance Engineer
csswizardry
4
590
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
280
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
810
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
720
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
CTOから見た事業開発とプロダクト開発 / My Perspective on Business and Product Development as CTO
keisuke69
4
960
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
地理情報とAPIのトレンド
nagix
0
160
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
Featured
See All Featured
Designing with Data
zakiwarfel
96
5k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
GraphQLとの向き合い方2022年版
quramy
36
13k
Writing Fast Ruby
sferik
623
60k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Code Reviewing Like a Champion
maltzj
517
39k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Building Applications with DynamoDB
mza
89
5.8k
Transcript
Metaboxes. Do them right.
Let’s tweet about this @aniket_pant #wcpune2013
Throw your questions at me anytime. Ask me some thing
right now!
I’m Aniket Pant. And I have been around for over
2 years now. I love to code and get dirty with front- end. I am also the Curator of Mark My Word, a content and design conference. We owe this to ourselves. We owe this to ourselves. We just can’t let this go.
I bet this will remind you of a college lecture.
Introduction to Metaboxes 101
Introduced in version 2.5 Gives life to the awesome CMS
called WordPress
Trust me that they are really awesome. What are Metaboxes?
None
Metaboxes are a great addition to WordPress.
Makes things simpler to maintain and manage. Implementation is fast
and simple. You will definitely fall in love with how you can make your site awesomer with it.
One simple reason. They are cool. Why Metaboxes?
There is nothing better than adding more features onto an
already existing CMS.
None
And then you can use these features to intensify what
you are building.
How do we implement Metaboxes?
Use a library Download a plugin Write the code yourself
/ /
Libraries to implement Metaboxes
Custom Metaboxes and Fields for WordPress by Jared Atchison jaredatchison.com
WPAlchemy by Far In Space farinspace.com/ wpalchemy- metabox
Custom Metaboxes and Fields for WordPress Still in development It’s
simply awesome Plug-and-play Lots of built in features like time and date picker
WPAlchemy Extensive documentation Used in many websites A little slow
on the maintainace Comes along with features you can directly use
For those who wish to use plugins
There is a plugin called Meta Box and it does
everything for you.
None
Meta Box is well maintained. Compatible with WordPress 3.5.1 Gives
full control via a full-fledged user interface.
And we can code it too
<?php $meta_boxes[] = array( ‘id’ => ‘personal’, ‘title’ => ‘Personal
Information’, ‘pages’ => array(‘post’, ‘page’, ‘album’), ‘context’ => ‘normal’, ‘priority’ => ‘high’, ‘fields’ => array( array( ‘name’ => ‘Full name’, ‘desc’ => ‘Format: Firstname Lastname’, ‘id’ => $prefix . ‘fname’, ‘type’ => ‘text’, ‘std’ => ‘Anh Tran’, ‘validate_func’ => ‘check_name’ ) ) ); ?> This is just one bit of the actual code. }
Looks complex.
It is complex. I will recommend you to use the
libraries even if you wish to code everything yourself.
These are live projects. Case Studies
Case Study #1: Current News Project by Web Mutiny
None
None
We needed new fields - Place, Date, Subheading, Intro and
Timestamp. And we used Custom Metaboxes and Fields for WordPress because it was perfect for us.
Case Study #2: Smashing Magazine Job Board
http://jobs.smashingmagazine.com
None
Smashing Magazine’s Job Board is a great example of Custom
Fields and Taxonomies put into good use.
Use metaboxes whenever you need to put in more fields
to your website.
I have spoken on Theme Development & Customization. It’ll give
you a good picture of Theme Development with WP. http://aniketpant.com/speaking/ wordcamp-jabalpur-2011
I hope you will use metaboxes in your next project.
Thank you for listening. We are the ones, who will achieve, what the world dreams. Because we still believe.
Liked my talk? Follow me on twitter: @aniket_pant Mail me:
me[at]aniketpant[dot]com Checkout my blog: aniketpant.com