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
370
The Power of CSS - BarCamp Goa 2011
aniketpant
1
600
Theme Development and Design - WordCamp Jabalpur 2011
aniketpant
2
400
Other Decks in Technology
See All in Technology
Ruby on Rails の楽しみ方
morihirok
6
2.7k
250510 StepFunctionのテスト自動化始めました vol.1
east_takumi
1
240
試作とデモンストレーション / Prototyping and Demonstrations
ks91
PRO
0
140
さくらのクラウド開発の裏側
metakoma
PRO
18
5.3k
転職したらMCPサーバーだった件
nwiizo
10
8.1k
LLM アプリケーションのためのクラウドセキュリティ - CSPM の実装ポイント-
osakatechlab
0
430
LINE 購物幕後推手
line_developers_tw
PRO
0
560
Tailwind CSS の小話「コンテナークエリーって便利」
yamaday
0
120
問 1:以下のコンパイラを証明せよ(予告編) #kernelvm / Kernel VM Study Kansai 11th
ytaka23
3
580
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
5
450
大規模サーバーレスプロジェクトのリアルな零れ話
maimyyym
3
240
Google Cloud Next 2025 Recap 生成AIモデルとマーケティングでのコンテンツ生成 / Generative AI models and content creation in marketing
kyou3
0
260
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
430
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
GitHub's CSS Performance
jonrohan
1031
460k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
Making Projects Easy
brettharned
116
6.2k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
120
52k
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