{"id":716,"date":"2015-06-24T22:47:48","date_gmt":"2015-06-24T17:47:48","guid":{"rendered":"https:\/\/ahmadawais.com\/?p=716"},"modified":"2015-06-26T22:57:07","modified_gmt":"2015-06-26T17:57:07","slug":"repeatable-metabox-fields-to-create-pricing-tables-in-wordpress","status":"publish","type":"post","link":"https:\/\/ahmadawais.com\/repeatable-metabox-fields-to-create-pricing-tables-in-wordpress\/","title":{"rendered":"Repeatable Metabox fields to create Pricing Tables in WordPress"},"content":{"rendered":"

Being a full stack WordPress\u00a0developer<\/a>, I think user experience matters a lot. While creating a premium WordPress theme, one should take care of how users are going to use it. WordPress premium themes are known for worst UX(user experience) while having good UIs (user interfaces). I keep exploring new ways of creating better user experience since curiosity about life in all of its aspects, I think, is still the secret of creative people.<\/p>\n

For a theme developer user experience is not a feature it is an attitude.<\/p><\/blockquote>\n

Developing a Pricing Table#<\/a><\/h2>\n

Last week while I was developing a new WordPress premium theme. I thought it would be nice to provide users with a better way of creating pricing tables in WordPress, since I was using shortcodes for this very task and I guess we all know how bad it could be to build a pricing table with shortcodes.<\/p>\n

Quest begins#<\/a><\/h3>\n

Everything starts with a wild guess and it takes a while to get confident that you are guessing pretty good.\u00a0Let’s plan what we are going to build here.<\/p>\n

    \n
  1. A custom post type for Pricing Tables called aa_tables<\/code><\/li>\n
  2. Metabox with repeatable fields i.e. property value pairs for entities of a pricing table<\/li>\n
  3. Getting the values of\u00a0repeatable property value pairs and using these values at the front-end<\/li>\n<\/ol>\n

    #1: Custom Post Type aa_tables<\/code>#<\/a><\/h2>\n
    I\u00a0wrote the following code to create a custom post type called aa_tables<\/code> where aa_Tables_messages()<\/code> is a function to customize notification messages for this CPT.<\/p>\n
    \n
    Update #1#<\/a><\/h5>\n

    As my friend Matt Cromwell mentioned in the comments, make sure you realize that code for CPT belongs in a Core Functionality plugin which is exactly what I am doing behind the scene. So, make sure you try to differentiate between what goes in your theme and what goes in a core plugin for your theme.<\/p><\/div>\n<\/div>\n

    I used GenerateWP.com<\/a>\u00a0to create this CPT, you should try it out.<\/p>\n