Astra has announced that its Starter Templates plugin is being updated with brand new Gutenberg Wireframe Blocks. This new feature allows publishers and developers to quickly create web page mockups as part of the normal web design workflow.
WordPress Gutenberg Editor
Gutenberg is WordPress’ modern website builder.
The idea behind the Gutenberg editor is to take the coding part out of the web design process and make it easier for editors and web developers to create websites.
Why build with Gutenberg Editor
Gutenberg democratizes web development and allows publishers to spend less time coding and free up more time to focus on content creation.
Another benefit of using Gutenberg is that websites built with the Gutenberg editor tend to be fast.
What is Wireframing in Web Design
Wireframing is the web design process where the basics of what a web page can look like are created.
The wireframing stage of web design typically occurs after most site objectives, site navigation, internal linking, and SEO have been planned out, but before visual design/appearance choices are made. have been made.
During the wireframing phase, editors and designers determine what the basics of the homepage, category pages, post pages, etc. will look like. in terms of placement of widgets in sidebars, featured images, how content is presented. on a page and all other considerations before the discussion turns to color schemes and other visual details.
Astra wireframing is described like this:
“Wirframing the structure of any website before you begin the design process…increases work efficiency, eases workflow, and helps you get the final website design ready in less time.
Wireframing means having a basic structure of your webpage like certain sections, their layout, image position, text position, etc. This gives you an idea of how you can manage the content of any web page.
Free Astra Starter Templates Plugin
Astra Starter Templates is a free WordPress plugin that provides website templates to create a website.
The plugin allows a publisher to mix and match web page elements to create the web page he has in mind.
A publisher can import an entire website or use a combination of different templates to create a new website template.
With the latest update, publishers can now create webpage wireframe mockups using the WordPress Gutenberg block editor.
Starter Templates – Gutenberg Wireframe Blocks
The free Astra Starter Templates plugin version 2.7.0 allows publishers to create wireframe web pages in the WordPress Gutenberg editor using Gutenberg blocks.
Web editors and designers can select different web page elements and simply drag and drop them into position to create the general outline of how the page should look.
Once the Gutenberg blocks are in place and all stakeholders have agreed on the basics of web page appearance, the design process can move into the appearance phase.
According to Astra’s official announcement:
“Usually you create wireframes on external platforms and then push the designs to your website. Starter Templates offer ready-to-use wireframe blocks right in the Gutenberg editor, helping you avoid that extra effort. .
Advantages of using wireframe blocks:
- Provides a basic structure to start any website design.
- Save time by creating a wireframe with an external tool or traditional pen paper
- Just replace image, text and add colors in the wireframe to have the final website design ready in less time
- Make website design smooth and effortless »
Astra Starter Models Update
The latest version of Astra starter templates is 2.7.0 and it is the one that includes Gutenberg wireframe blocks.