Learn the easiest way to create WordPress administration pages with the Admin Page Framework library! With it, you can even create in-page tabs, forms, meta boxes, custom post types, and widgets etc.

In each tutorial, you’ll write a small plugin using the framework. Each tutorial focuses on teaching a few new main thing so you hardly get lost. In the end, you’ll realize how simple and easy to write a plugin with the framework.

Tutorial Index

  1. Create an Admin Page
  2. Create a Form
  3. Create a Page Group
  4. Create In-page Tabs
  5. Organize a Form with Sections
  6. Use Section Tabs and Repeatable Sections
  7. Validate Submitted Form Data of a Single Field
  8. Validate Submitted Form Data of Multiple Fields
  9. Add a Meta Box in an Admin Page
  10. Add a Page Meta Box Specific to an In-page Tab
  11. Add a Meta Box for Posts
  12. Create a Custom Post Type and Custom Taxonomy
  13. Add a Meta Box to a Custom Post Type

Upcoming tutorials

  1. Create Fields in Taxonomy Definition Page
  2. Create a Widget
  3. Add Tabs to Another Plugin’s Page
  4. Modify Another Plugin’s Page
  5. Export and Import Option Settings
  6. Add Links to Plugin Listing Table
  7. Set Custom Text in the Footer of the Page
  8. Create Your Own Field Type

More tutorials will come soon!

Leave your tutorial requests in the below comment section! If you get stuck, ask question in the support forum.

9 thoughts on “Tutorials”

        1. @Blair2004,

          I’ve posted new tutorial articles including custom post types. Hope it helps! Sorry for taking so long to write them.

  1. I think it would be great demonstration on how to upload images using the admin panel framework.

    Is there any way to link the uploaded images to a category or tag?


    1. Hi, just posted a new tutorial for your request! http:/admin-page-framework.michaeluno.jp/admin-page-framework/tutorials/4-upload-images/

      Regarding the question about linking the uploaded images to a taxonomy, I don’t quite get what you mean. The uploaded image is stored in the media library ( Media -> Library ). By default, they don’t have a taxonomy.

      1. On a similar note I just ran into this myself.. it would be nice to be able to save the attachment_id instead of the url. I had to create a function to get the attachment_id from the URL when trying to view the images on the customer side. On a different note.. what happened to your donate button!? :)

        1. Hey Rick,

          Thanks for the donation!

          To save the attachment id of an uploaded picture, it should be already possible with the attributes_to_store argument of the image field type. Check out the example in the demo via Dashboard -> Built-in Field Types -> Demo -> Files -> Save Image Attributes.

          You would set it like this.

          If you need help with that, post a new topic on the forum.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">