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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Aniket Pant
February 23, 2013
Technology
6.7k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Metaboxes. Do them right.
My slides for WordCamp Pune 2013 -
http://2013.pune.wordcamp.org
Aniket Pant
February 23, 2013
More Decks by Aniket Pant
See All by Aniket Pant
Community Engagement FTW
aniketpant
2
420
The Power of CSS - BarCamp Goa 2011
aniketpant
1
640
Theme Development and Design - WordCamp Jabalpur 2011
aniketpant
2
450
Other Decks in Technology
See All in Technology
Model Studio CLI × Token Plan
maigo999
0
190
制約理論(ToC)入門 2026版
recruitengineers
PRO
9
2.6k
ラジオの科学
frievea
0
350
モバイルアプリ開発概論2026
recruitengineers
PRO
6
670
20260804_Q4AzureUpdateBite_FabricDataAgentの精度を高める設計.pdf
matayuuu
1
150
小粒でもパワフルなJS Runtime Antjsについて
comamoca
0
110
FDEの心得
noriakioji
5
6.3k
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
4
24k
도구에서 동료까지: 10년차 AI 스타트업의 AI 적응기
inureyes
PRO
0
230
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
enakai00
7
4.4k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
24
430k
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
5k
Featured
See All Featured
The Limits of Empathy - UXLibs8
cassininazir
1
610
Automating Front-end Workflow
addyosmani
1369
210k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
470
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
WCS-LA-2024
lcolladotor
0
800
Building an army of robots
kneath
306
46k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
500
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
660
Claude Code のすすめ
schroneko
67
230k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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