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
360
The Power of CSS - BarCamp Goa 2011
aniketpant
1
570
Theme Development and Design - WordCamp Jabalpur 2011
aniketpant
2
390
Other Decks in Technology
See All in Technology
サーバーサイドのデータプレーンプログラミング 〜 NVIDIA Blue Field / DOCA 〜
ebiken
PRO
1
230
Kubernetes Summit 2024 Keynote:104 在 GitOps 大規模實踐中的甜蜜與苦澀
yaosiang
0
270
【LT】ソフトウェア産業は進化しているのか? -Javaの想い出とともに- #jjug_ccc
takabow
0
150
リファクタリングへの耐性が高いモデルベースの統合テストの紹介 / Model-Base Integration Test for Refactoring
yuitosato
5
1.5k
急成長中のWINTICKETにおける品質と開発スピードと向き合ったQA戦略と今後の展望 / winticket-autify
cyberagentdevelopers
PRO
1
120
Apple/Google/Amazonの決済システムの違いを踏まえた定期購読課金システムの構築 / abema-billing-system
cyberagentdevelopers
PRO
1
190
バクラクにおける可観測性向上の取り組み
yuu26
2
230
初心者に Vue.js を 教えるには
tsukuha
3
210
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
SwiftSyntaxでUIKitとSwiftUIの使用率を完璧に計測できちゃう件について
ldf_tech
0
160
Hotwire光の道とStimulus
nay3
5
2.2k
品質の高い機能を”早く”提供するために技術的な面でチームでやったこと、やりたいこと
sansantech
PRO
2
230
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Building Adaptive Systems
keathley
38
2.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
A better future with KSS
kneath
238
17k
Optimizing for Happiness
mojombo
376
69k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Code Review Best Practice
trishagee
64
17k
Navigating Team Friction
lara
183
14k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
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