Designing a Gutenberg-Powered Theme: Music – ThemeShaper

That comp did job of setting the tone for aesthetic. To get things going, I decided to apply that aesthetic to Gutenberg blocks. Looking at the project through the lens of my imagined client, I wthe table block to display tour dates. Once things looked right, I'd migrate any new block tweaks back to the global symbols and start fresh on page. After little while, I ended up with solid set of sample pages.  . I'd been getting ongoing feedback from Allan throughout the process above, and once we were happy with the page designs above, we gathered  with the rest of the Theme team to get broader design feedback. The team's feedback wadjusted number of margins, and kicked off lot of iteration on the menu treatment.. I realized some design decisions I'd made were actually supposed to be user-editable I'd overlooked the fact that users can edit the text alignment and opacity for the image block. Beyond those updates, the majority of the development work involved minor fixes and adjustments — polishing up CSS to make sure it aligned with the intent of the original design. . Now that we've had our initial release, Allan and I plan to build separate plugin with complementary music-centric blocks, like tour dates block and mashup of image and player. In the meantime, keep eye out for the next post in Allan's experience from development perspective.  . View all posts by Kjell Reigstad... by Kjell Reigstad Posted on June 4, 2018June 4, 2018 Categories Design, Themes Tags Design, themes, Gutenberg..  Read more