Twenty Twenty

Twenty Twenty is Robust. What I Need Now is Blocks

2019 almost ends and I decided to swith my site’s theme to Twenty Twenty. I love the design so much. The main header looks really strong with full screen cover and big font size on the page’s header title. Here’s what appears on the screen when I visist the site on desktop browser.

2020 theme is fully mobile friendly. Mobile menu that can be accessed from top right of the screen looks pertect on my iPhone. It also nicely displays social icons for visitors to follow. Perfect!

However I didn’t satisfied with the hamburger menu, which only contains three dots. I would like to replace it with better UI when my time permits in next couple of days.

Landing page on the frontpage now uses Gutenberg blocks altering old-fashioned SiteOrigin’s page builder.

Gutenberg is now going better and better from days to days. Evrything got improved to provide better site building experience. Mobile editing is really smoother than ever. For your information, I composed this post on my phone.

One important element that usually used to build a landing page’s section is container or section. I wish Gutenberg to have this one in the near future. I would like to use it as page’s sections and multiple blocks can be gathered in it in similar group information.

As a solution for this, I installed Stackable and used its container multiple times for my front page’s section. I also use its button block, which has many options that allow me to style and choose how many buttons to have. Here’s my Call to Action section looks like:

Other beutiful thing that 2020 theme offers is footer design that contains: widgets area, menu navigation, social icons and credit text along with back to top button. I love to let them stay as they are, except footer widgets. At time I wanted everything in this area looks simple, so I didn’t put any widget in there.

I got responsiveness chalenges on integrating Stackable’s container block with the Cover page template of 2020 theme. I tested many time; both on web browser’s mobile view and my iPhone. Container looks broken on mobile. Probably it’s a bug from Stackable or I missed certain setting. So I decided to add custom styles in a plugin made by myself. I created a custom plugin which stores all extra CSS code. In this CSS, I wrote a couple of lines of code to fix responsiveness issue and also defined global styles for Twenty Twenty’s header and footer content.

Personally I felt Twenty Twenty theme + Gutenberg blocks could be enough for landing page bulding purpose. As long as I could play with the blocks, I woulnd’t need to change theme. To make big difference on the entire site’s appearance, I would only make some adjustments on the header and footer. Probably, to begin 2020, theme providers should start investing their time on developing and selling blocks, instead of releasing new themes.

Leave a Reply

Your email address will not be published. Required fields are marked *