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/
- Navigate to your WordPress Dashboard
- Log into your WordPress Dashboard using your credentials.
Install GreenShift theme
https://example.com/wp-admin/theme-install.php?search=greenshift
- Navigate to Appearance > Themes
- Press the Add New button on the top left.
- On the right, in the Search themes field, fill in Greenshift and press enter.
- Hover over the preview and press Install
- 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
- Navigate to Plugins > Add New
- On the right, in the Search Plugins field, fill in Greenshift and press enter
- Press Install Now
- This will install the plugin. Next, press Activate
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.
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.
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!