Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen SourceOpen Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.
At WCUS contributors to the design team got together for a short interactive session of things within WordPress they wanted to keep, set on fire or add. Some interesting points came up so worth taking out of the workshop setting and writing up for everyone.
Note: these are not one opinion, they are the thoughts of everyone at the workshop.
CustomizerCustomizerTool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings..
The installation process.
Multiple ways of getting to different parameters.
New wordpress.comWordPress.comAn online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ logo.
BlockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. plugins.
GutenbergGutenbergThe Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ * 2 votes.
Blocks * 3 votes.
Add pages in navigation.
🔥Set on fire
Page on front.
The current user-facing menu builder.
10, 000, 000 metaMetaMeta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes
When WordPress breaks.
Static list tables.
Split UIUIUI 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./ Blocks vs dash.
The automatic blogger style.
2 color WordPress logo.
Widgets and WidgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Areas (in their current form).
Clutter on dashboard.
Older packaged themes.
WordPress.com home page. Add real people.
Designed for mobile.
Ease of creating unique layout transitions.
WordPress first context collaboration.
Cleaner media organization.
Design system for admin / plugins.
Static output and disconnect from database.
PWA (Progressive Web Apps).
An actual media manager with file replacement and better media managing.
Last weekend at WCUS the design team ran a workshop based session. The focus was around blocks. @joshuawold was co-lead with myself leading and @melchoyce, @kjellr, @lessbloat also took groups to work with.
Interactive session: ‘Keep, set on Fire and Add’. Pick up to 3 things for each section within WordPress.
Information about what the design team does shared in Slack.
“Thinking in blocks”: pick up to 3 existing sites and break into blocks. Add to InVision.
“BlockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. focus”: pick a block to begin designing from ones identified before.
Choose your own adventure: after lunch we had a few options that people could do. Votes ended up falling on 2 options:
Triage: run in Slack for an hour to show how it happens, thank you to those that joined remote.
Continue designing blocks and thinking about them.
During the day everyone’s work was put into various InVision boards and Figma: