Want to get involved? See the handbook and optionally drop into #design to chat. Most active design work happens in the block editor project, consider dropping into Needs design or Needs design feedback.
Thereās a WordPress Component Library in Figma. Duplicate to edit, direct access is reserved for the design team.
Heya! Itās been again over a month since the last MP6 release and this version comes with some new goodness.
As usual, we made some UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think āhow are they doing thatā and less about what they are doing. improvements and fixed a few bugs. Shadows are now fewer and consistent, buttons are flatter, font sizes are more consistent, metaboxes are simpler and lighter and a couple of other improvements. You can see the full changelog hereĀ ā
We decided on recommendations forĀ custom icons in plugins/themes, you can read more about this and have a look at some examples areĀ in this GitHub repository. Be defaultĀ MP6 does now hide all images inĀ admin menu item and replaces them with a generic default icon.
Method C, using a SVG as CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. background image, works thanks to the new JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a userās browser. https://www.javascript.com/. SVG painter, whichĀ re-colors base64 encoded SVGs on the fly.Ā It might not catch all SVG color markup right away, if thatās the case, please post a link your SVG file in the comments.
We bundled this release with 4 additional admin color schemes. You can choose them under āYour Profileā. There are probably more color schemes to come.
MP6 color schemes as made withĀ SASS, because LESS didnāt handle default variable values. A color scheme can be as simple as this,Ā or it could define a few extra colors for better readability. If youāre making your own color scheme, make sure you include MP6āsĀ core color scheme file.
If you want to check if MP6 is activated, use the MP6 PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://php.net/manual/en/intro-whatis.php.Ā constant. In CSS use mp6 body class, not admin-color-mp6, Iām looking at you Jetpack.
MP6 2.0 includes contributions from Joen Asmussen, Mel Choyce,Ā Ben Dunkle, Kelly Dwan and myself.
And as always, thanks to those of you who tested, reported bugs and contributed ideas and suggestions! Keep them coming!
The next weekly open meeting in #wordpress-ui will be Monday, September 2 at 18:00 UTC.
