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.
❤️ Keep
Menus.
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.
Themes.
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.
Divi.
Add pages in navigation.
Amazing people.
🔥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
Interface inconsistency.
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.
Widgets.
Comments (native).
Vulnerable themes/plugins.
Older packaged themes.
➕ Add
WordPress.com home page. Add real people.
Domain search.
Designed for mobile.
Ease of creating unique layout transitions.
WordPress first context collaboration.
Blocks everywhere!
Cleaner media organization.
Design system for admin / plugins.
Direct manipulation.
Context editing.
Other shapes.
Static output and disconnect from database.
Better onboarding.
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.
Follow along
During the day everyone’s work was put into various InVision boards and Figma:
You must be logged in to post a comment.