4,9 based on 300 reviews
Trusted by 1500+ businesses and student of all shapes and sizes
Free Course
4,9 based on 300 reviews
Trusted by 1500+ businesses and student of all shapes and sizes

Blocksy Pro Theme Tutorial

WordPress,WordPress Themes

I show you how to create a header using Blocksy Pro. It can have a main row, but also a top row and a bottom row. We can make any part sticky. The main row, or the main and top row and change the logo and Colors when we scroll. We can give our header some offset. Change the style.

We will also optimise our header for all devices. For tablets and smartphones. You can also create specific headers for specific pages in your website.

I will show you how to create an advanced menu like this. We can add icons, badges and add content blocks that are created with a page builder.

Then we wil configure our blogposts pages and add a sidebar. We can add widgets and assign specific sidebars for specific pages or categories.

When you have a webshop I show you how you can increase your sales with all the extra WooCommerce features that come with Blocksy Pro.

We will create an amazing footer using Blocksy Pro and also here we can assign specific footers to specific pages.

We will talk about using custom font’s and fonts from your Adobe Typekit Subscription.

With the Blocksy Pro theme we can use codesnippers for any page in the website and I will dive deeper into Content Blocks, also known as hooks that enables us to place content on any place in the website. The great thing is that we can show or hide that content based on some settings, like when people visit the website and if they are logged in or not.

With Blocksy Pro you can enable White Labeling so your clients does not see which theme you use. And we will import Starter Templates so you have complete websites up and running in a few clicks that can be adjusted to your wishes.

I will also show you how to create a shortcut bar so you have one or more call to actions on your website and in that way boost conversions.

With Blocksy Pro comes premium support and the theme makers are always open to hear from you how they can make their theme even better.

SCROLL TO THE ANSWER

Timestamps

00:00 Intro<br />
03:21 Get The Blocksy Pro Theme<br />
09:52 Change The Width Of Your Website<br />
<br />
The Header<br />
11:32 Create A Custom Header<br />
14:43 Add A Call To Action<br />
16:35 Blocksy Pro Global Colors<br />
19:13 Configure The Menu<br />
<br />
25:24 Create A Top Row And Bottom Row<br />
35:15 Make Your Header Responsive<br />
40:37 Make Your Blocksy Pro Header Sticky<br />
43:53 Make Your Header Transparent<br />
54:25 Give Your Header Some Offset<br />
57:09 Create Custom Header For A Specific Page<br />
01:01:12 Create A Mega Menu / Advanced Menu<br />
01:10:35 Use Hooks / Content Blocks In Your Header<br />
<br />
Blogposts, Sidebars and Widgets<br />
01:25:03 Configure The Blogpost Layout<br />
01:32:15 Create and Configure The Sidebar<br />
01:38:41 Create Sidebars For Specific Pages<br />
<br />
Blocksy Pro Blog Archive and WooCommerce<br />
01:45:33 Configure The Blog Archive Page<br />
01:50:55 Blocksy Pro and WooCommerce<br />
01:57:29 Create The Footer<br />
02:05:01 Create A Footer For A Specific Page<br />
<br />
02:06:43 Upload Fonts To Your Website<br />
02:08:14 Adobe TypeKit Fonts<br />
02:11:50 Add Codesnippets To Your Website and Specific Pages<br />
<br />
02:14:24 Make Use Of Hooks / Content Blocks In Your Website<br />
02:21:41 White Labeling In Blocksy Pro<br />
02:26:05 The Blocksy Pro Shortcut Bar<br />
02:29:42 Make Use Of Starter Templates<br />
02:33:11 Thank You<br />

5 thoughts on “Blocksy Pro Theme Tutorial”

  • 2024-03-11 04:40:34

    hi ferdy….i want to know how to create a page like this…..means some information by the author or( the owner of the domain) and then the comment area (just like this page of yours)….where anybody can ask any question and the owner can give the answers or (anybody can reply)

  • Hello Ferdy. First of all, thank you very much for the tutorials that you create. My first question is can I use the Blocksy theme on LocalWP? I am going through this tutorial and also your tutorial on affiliate marketing for beginners 2024. Tried to download amstuff file
    at ferdykorp.com/amstuff, but i am not getting it right. Is this zip file still available?
    Thank you once again for all your kelp.
    Keep well
    Regards
    Roy

  • A
    2023-10-10 09:24:11

    Hey Hans, you can decide per page which editor you use. You can even install Elementor and not use it for every page. There are websites from clients that use multiple page builders for multiple pages. Not the best solution, but it is possible

  • Hi Ferdy,
    Just watching your Blocksy PRO Theme Tutorial. You are also using Elementor, but I have so far stayed away from it, as it seems to force me to also use Elementor as Text Editor. Is this how Elementor works, or can I skip the text editor part of it?
    Best regards, Hans

  • 2022-10-03 22:38:41

    Hello Ferdy,
    Thanks alot for your works, i am creating a website using your tutorials and its going fine tnaks to you.
    but there i couldn’t find how to create a page for listing a job, but hope you will have a answers for it.
    i appreciate your dreat help.

Leave your comment

FERDY.COM
TUTORIALS

Learn step by step how to create a WordPress website for your business, organisation or hobby. Thanks to Ferdy’s video tutorials and simple way of explaining things, you don’t have to hire an expensive web designer and wait months before your website is finished.

With Ferdy’s WordPress tutorials, you are in charge of the progress and you save yourself a ton of money. Don’t have a domain and web hosting yet? No problem. Ferdy shows in you in each tutorial how to get web hosting and a free domain.