Getting Started with Spectra

Don’t know the code? No problem. Build your dream website for FREE with default WordPress editor Gutenberg and Spectra. The Spectra is a library of advanced and creative Gutenberg blocks and ready-to-import full website demos that help you build an amazing website in minutes!

In this article, we’ll walk you through exactly how to build the website of your dreams step-by-step.

What is Gutenberg?

Most of us are already familiar with the term Gutenberg and how it works. But, this short introduction is for those who have just begun creating a website or a blog with WordPress default editor Gutenberg.

Spectra Screen

Gutenberg is the new WordPress editor released with version 5.0. WordPress introduced this block-based editor into the core. Gutenberg uses blocks to create all kinds of content, making it easier to design blogs and websites.

What are Blocks?

Block or Gutenberg block is a term used for any kind of content that you add in the new WordPress editor. Anything you insert within a page or a post is a block in the editor. Gutenberg has a few default blocks such as the Paragraph, Image, Heading, Gallery, etc. that give you some good stuff to begin with.

Spectra Blocks

How to Use the Spectra?

Prerequisite – Gutenberg

Gutenberg is already the default editor and all of us will find it immediately after installing WordPress. You can take a quick ride to see how it works.

Install the Spectra

Once you are familiar with Gutenberg, you can ahead and install the Spectra by moving to Plugins -> Add New -> Search Spectra. You can also download the plugin for free from the Spectra website and install it like any other WordPress plugin on your website.

Ultimate Blocks Banner

After activation, you will be taken to the welcome page of our plugin. This is where we give you some helpful information and links that can be used in the future. You will also see the various Gutenberg blocks listed below.

This is the page where you can activate and deactivate the blocks depending on your requirements. We’ve set this so that you do not have unnecessary blocks bloating your website. 🙂

Introduction to Spectra Blocks

The Spectra or Spectra is an ever-growing library of advanced and creative blocks that extend the possibilities of Gutenberg and give you lots of freedom to explore your creative end.

Spectra Blocks

As of now, the Spectra has around 17+ blocks that you see in the demonstrations on the website. We are working on adding many more blocks that will be released soon.

Adding the Spectra Blocks on a Page or Post

The Spectra blocks work just like any other Gutenberg blocks.

  • Click on the (+) icon to insert a block.
  • Search Spectra and you will find all the above mentioned blocks listed there.
Spectra Blocks
  • Pick the block that you wish to use within the page or post.

The best part of the new WordPress editor is that you do not see shortcodes or a rough layout, but a real view of how your content will look in the frontend. Spectra maintains this quality and gives you a preview of how each block will look in the front end.

You can edit and manage the content within a block by simply clicking over it and replacing the placeholder text.

Block Settings in Ultimate Addons for Gutenberg

Just like the Gutenberg blocks, Spectra block settings too can be managed through the right sidebar seen when you click on a particular block.

Spectra Block Settings

Each Spectra block has its own set of settings that you can manage. Even if you have two copies of the same block, you will need to manage settings individually for each of them.

Inline Settings and Align

Some blocks may have inline alignment and formatting options that can be managed through the upper left corner of the block as seen in the image above.

Publish and go Live!

Once you have all the necessary blocks on page and designed them as per your needs, you simply need to publish and go live!

Get With Ultimate Addons Now!

The Spectra is just an extension of Gutenberg that adds several creative blocks to extend design possibilities of the default WordPress editor.

Its works exactly like the other Gutenberg blocks, giving you a lot of flexibility and freedom without any additional page builder. You can also refer to our detailed knowledge base articles that will make things a lot easier to work with.

Get started with the Spectra today!

Please feel free to get in touch in case you need help with anything. 🙂

Disclosure: This blog may contain affiliate links. If you make a purchase through one of these links, we may receive a small commission. Read disclosure. Rest assured that we only recommend products that we have personally used and believe will add value to our readers. Thanks for your support!

11 thoughts on “Getting Started with Spectra”

  1. Angu Ransom Azeh

    Thanks for these tips! Just sorted out a little issue I had and decided to drop a comment. Thanks for the help.

  2. I like it. After switching to Gutenberg, my site is doing better on the search result page. For my keywords, and it loads faster, it’s easier to manage. Apparently, the Google search console also likes this editor because I could fix 2 rich results issues very quickly.

Leave a Comment

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

Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.