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.6k
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
380
The Power of CSS - BarCamp Goa 2011
aniketpant
1
610
Theme Development and Design - WordCamp Jabalpur 2011
aniketpant
2
410
Other Decks in Technology
See All in Technology
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
19
8.7k
データアナリストからアナリティクスエンジニアになった話
hiyokko_data
2
440
バッチ処理で悩むバックエンドエンジニアに捧げるAWS Glue入門
diggymo
3
190
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
5
1.6k
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
280
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
720
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
arthur1
1
730
KotlinConf 2025_イベントレポート
sony
1
110
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
340
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
140
テストを軸にした生き残り術
kworkdev
PRO
0
190
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Faster Mobile Websites
deanohume
309
31k
How GitHub (no longer) Works
holman
315
140k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
We Have a Design System, Now What?
morganepeng
53
7.8k
Side Projects
sachag
455
43k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
How STYLIGHT went responsive
nonsquared
100
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