How to incorporate admin theme in my back-end-plugin

Building admin interfaces in WordPress is quite ad hoc. Which is historical reason for many of those interface looking nothing like WP admin surrounding them.

In general it works in terms of markup, rather than colors. You don’t code in terms of “black” or “red”, but in semantic terms like “primary” or “notification”.

There are are some plugins/guides out there that help figure out markup (for example WP Admin Pattern Library) but they aren’t really complete/official/whatever.

So in general the process loosely works as following:

  1. Find a part of native WP admin with elements you need.
  2. Ripoff and reuse HTML markup of those elements.
  3. Fine tune whatever is missing with your own CSS.
  4. Keep an eye out for changes in markup with new WP releases (it likes to fiddle and keep admin pretty every couple years).

Related Posts:

  1. Using OOP in themes
  2. How can I allow the Editor Role to change Theme Settings?
  3. How to Link External jQuery/Javascript files with WordPress
  4. Undefined offset: 0 in > […] /wp-includes/capabilities.php on line 1067
  5. Editing Links in the Footer of WordPress Themes with Base64 Encrypted Code?
  6. How to set two different themes on one WordPress? (Desktop vs. Mobile)
  7. How can I add a set featured image function to a theme that doesn’t already have it built in?
  8. Jquery in Child Theme
  9. What are nulled themes?
  10. How to display date such “x ago”
  11. Css of both themes of my child theme isn’t showing up!
  12. FTP Username and password wrong while installing theme
  13. Copying theme from Localhost to Live does not copy all theme settings with it?
  14. Making the Header on the Twenty Ten Theme Less Tall?
  15. How to create child theme with Tesseract theme?
  16. How do I change the fonts in the Twenty Thirteen theme?
  17. Register theme customizer settings when theme activates [duplicate]
  18. Can I obtain differents links for different installed theme?
  19. hfeed CSS class in Twentyeleven Theme
  20. Will activating a different theme preserve custom settings to current theme?
  21. Question about the way that wp_register_script works
  22. Specific theme for non logged in users
  23. How do I apply my CSS to a theme page?
  24. How do you get thumbnails to show up in the admin edit post?
  25. How to change the contact info at the bottom of my theme [closed]
  26. Customize “Continue Reading” text [closed]
  27. Embedded Videos (PB) – Not Available
  28. How does a Child Theme works?
  29. WordPress not displaying themes in the wp-content/themes folder
  30. How to create child theme of already active and customized theme
  31. none of my css is working in my child theme
  32. Finding wordpress file in theme editor using the theme name
  33. Private theme update with zip archive without deactivating the theme
  34. Displaying a widget in sidebar only when no other widgets rendered?
  35. How To Remove The “Delete” Theme Option In Dashboard
  36. How Do I Use A Custom Mobile Theme?
  37. How can I make a different theme be viewed for logged in users vs guests?
  38. Published site reverts without changes to theme
  39. What is calling this parallax-slider.less file that is missing? [closed]
  40. Search form not finding content in template page
  41. Files empty after moving with FTP
  42. Full page (no WP admin menus and options) admin theme options
  43. How to use one theme for multiple WordPress sites?
  44. Make multiple pages and set template/content on theme activation?
  45. My new WordPress theme based on the TwentyEleven theme doesn’t display the front page OR the blog page
  46. Translate a site based on different themes
  47. Problems to disable the comments for my statics pages
  48. Any Good WordPress Themes Compatible With The BBPress Plugin? [closed]
  49. Template messed up on viewing posts
  50. Interpretation and explanation of register sidebar
  51. Removing the references to the wp-content folder
  52. Show hyperlinks only when user is loggedin
  53. I don’t know how to put a placeholder [closed]
  54. What data does WordPress theme update pull If there is an update?
  55. remove theme’s name from dashboard .. How?
  56. how to stop a gallery slideshow
  57. How can i set default pages to a word press theme? it shouldn’t be changed even if i install the theme in different host
  58. WordPress 2022 template, how to see the blocks added in post template on post edit?
  59. Two themes using a Multiple Themes plugin
  60. Broken theme, stylesheet is missing after uploading the right theme via FTP
  61. I cannot get an Advanced Custom Field code snippet to work – and ACF support say it should work
  62. Theme seems to be preventing me from adding a new page to my site
  63. WordPress margin issues
  64. 12 column grid layout
  65. Remove style id inline CSS in WordPress
  66. How to find file that placed a line in my header
  67. Where to find child themes?
  68. how to create a section inside a section with theme options customizer
  69. WordPress thinks my custom theme is a theme in the public theme repository
  70. Warning: call_user_func() expects parameter 1 to be a valid callback
  71. Phone numbers showing same color as header [closed]
  72. Baskerville Theme – How to use the masonry grid layout on other pages
  73. Changing admin Textarea to integrated WP editor
  74. Line break no working on theme
  75. What is the template file for topic layouts in bbPress?
  76. Style of a theme
  77. Orion theme (from theme forest) [closed]
  78. QA/Staging envirnoment for wordpress sites
  79. Will this js code work in a page template?
  80. Diagnosing a connection reset problem
  81. Create /archive page in WordPress Theme
  82. Customising a theme
  83. Blog shows up without Theme/CSS styles
  84. Boldy theme – Regarding the images above the boxes
  85. Symbolic Links for themes – linking one theme to many wordpress installs
  86. Fatal error: Call to undefined function get_header() and BuddyPress [closed]
  87. How can I allow a client to edit certain parts of a static site?
  88. hardened wordpress linux install
  89. which theme is this? [closed]
  90. JQuery Error in theme for .live is not a function [closed]
  91. How can I either move the nav bar down or create more space for the header? Theme – Ajaira
  92. To create a theme or use an existing one? [closed]
  93. Overwrite functions.php of a theme – What if the theme is updated?
  94. How to add/edit content Custom Content item in theme
  95. Is there a WordPress theme for twittstrap? [closed]
  96. Is it possible to dynamically show different themes for different users? [duplicate]
  97. Why does WP theme not look like promoted? [closed]
  98. Remove image next to header image on WellExpo theme [closed]
  99. How do I get rid of the Mindblown and the book recommendations?
  100. Adding PHP code to single template in 2023 edition of WordPress theme

Leave a Comment