Build A Website With GreenShift In Just 15 Minutes!

1

Install GreenShiftLet’s get started

We’ll use the GreenShift block theme and GreenShift free plugin to create our first website. GreenShift is part of WPSoul, a very reliable and great company creating amazing plugins and themes. If you’re an affiliate marketeer, you might have heard of the REHub theme they also made.

Login

https://example.com/wp-admin/

  1. Navigate to your WordPress Dashboard
  2. Log into your WordPress Dashboard using your credentials.

Install GreenShift theme

https://example.com/wp-admin/theme-install.php?search=greenshift

  1. Navigate to Appearance > Themes
  2. Press the Add New button on the top left.
  3. On the right, in the Search themes field, fill in Greenshift and press enter.
  4. Hover over the preview and press Install
  5. This will install the theme. Next, press Activate

Install GreenShift plugin

https://example.com/wp-admin/plugin-install.php?s=greenshift&tab=search&type=term

  1. Navigate to Plugins > Add New
  2. On the right, in the Search Plugins field, fill in Greenshift and press enter
  3. Press Install Now
  4. This will install the plugin. Next, press Activate
2

Where to find everythingYou need to know or skip…

The GreenShift theme is a block theme, which is different from a classic theme. A Block theme is optimized to use WordPress Full Site Editing. This lets you change everything on your website using Gutenberg blocks instead of a classic theme, giving you only a few premade options. Let’s discover where you can find everything.

Templates and Template parts

Templates and Template parts can be found in Appearance > Editor.

Templates allow you to create a default page design in which every post type (EG. blog posts (single in editor), pages, archive pages, etc.) will look like. These are used to create your website’s default look, similar to Elementor Pro Theme Builder. Templates available:

  • 404
  • Archive
  • Blank
  • Front Page
  • Index
  • Page without title
  • Page
  • Search
  • Single

Templates can also be used to create pre-defined page template designs that you’d re-use for individual posts or pages. For instance, I want all my default posts to have their content boxed within 900px, like the Stacking Card Tutorial. But for some posts, it looks nicer to use the entire browser width. Take the Laser line background, for example.

So I would edit the posts template (called Single in the Editor), and create a new custom one called Posts Full Width, that I can use on my posts that need the full browser width.

A Template is built out of Gutenburg blocks and one or more Template parts. Template parts are a group of Gutenburg blocks that are reusable sections of your page templates. Examples of template parts are the navigation menu and footer. Template parts available:

  • Header (menu)
  • Footer
  • Page Title Area
  • Post Title Area

Pages

Pages can be found in two places at the moment in Pages > All Pages and Appearance > Editor > Pages. The reason why it has two places is because of the transition from the ‘classic’ to Full Site Editing. I encourage you to get used to using the Full Site Editor. These are used for your static content. For instance, your about, contact, career, product, and solution pages. These pages tend to stay the same, with only small changes happening now and then.

Posts

Posts can be found in Posts > All posts. Your timely content is news, blogs, or tutorials like this post. These are relevant now but will change very much over time and become part of an archive.

3

The most important blocksYou’ll need them the most

With everything that GreenShift offers, these are the most important blocks. Every website exists out of a combination of these blocks. Each block has its own settings, although those can be overwhelming, with some trial and error I bet you’ll get the hang of it any time soon?. The best way to learn is by just doing it and failing fast.

Container
Heading
Text
Image
Button

Container block

A container block is like a house in which all the other blocks live. It contains your heading, text, image, and button. It helps you organize and group multiple blocks together in a section. By changing the spacing (margin/padding), background color, and other settings you can change the overall appearance of this house.

Heading block

The heading block helps you to divide your page into chapters. It has settings for changing the font size, style, and color. Just like a book heading or headers helps your visitors define what’s coming next and if it’s worth reading.

Text block

The text block is here to help you add text to your page. It has settings for changing the font size, style, and color. Text blocks are used for adding paragraphs of text into your content for any text you need on your website.

Image block

The Image block helps you add images to your web page. It has settings for changing its size, alignment, borders, and other visual aspects. This is used to show pictures, product photos, or your created visual designs. You can upload them from your computer straight to your media library.

Button block

A button block enables you to create interactive parts on your page. You can change its settings like text style, size, and colors. It’s also possible to add actions or links to a button. Buttons are usually used for a call to action. Like Read more, Buy now, Sign up. It helps to guide your visitors towards a certain action.
4

The Gutenburg interfaceYour tool for the job

The rest is coming up.

Thanks for reading so far ?. This is still a work in progress. Let me know if you already have some questions I could seek to answer or tips on improving this article!

Related posts

Leave the first comment

Review Your Cart
0
Add Coupon Code
Subtotal