These days free WordPress themes are getting better and better. The Blocksy theme has so many free functionalities that you almost start to wonder what is left for the PRO version. In this video, I will walk you through the free options and show you what is possible in the Pro version.
Besides all the functionalities it is very lightweight and really easy to configure this theme. The makers of the theme reached out to me a few times in the last months and when I gave it a try I was really impressed! This is the best free theme I have seen so far!
Get the Blocksy Theme: https://ferdykorp.com/blocksy
Here is an overview with timestamps of what we will cover:
00:00 Overview Of The Tutorial
07:51 How Does An Empty WordPress Theme Look
12:17 The Blocksy Theme Customizer
12:53 Blocksy Light Mode and Dark Mode
13:09 Adjust the website Layout
14:28 The Breadcrumb
15:34 Button Styling
16:47 Blocksy Global Colors
19:41 Scroll To Top
The Blocksy Theme Header
20:51 Overview of the Header
21:17 Add a Widget to the Header
22:56 Add a Logo
24:20 Edit a Menu Row in Blocksy
26:07 Make Your Header Sticky
27:27 Make Your Header Transparent
29:27 Adjust The Menu Colors
32:03 Adjust the Submenu
35:48 Different Logo On Scroll
37:59 Display Conditions For The Header
42:07 Adjust the Header On The Mobile Version
46:08 Create A Footer
52:33 Sidebars in Blocksy
57:17 Theme Colors
58:05 Typography
Blog
1:00:07 Adjust The Blog page
1:05:53 The Single Blogpost
1:08:41 The Author Page
1:09:59 Adjust The Search Page
1:10:44 WooCommerce Settings
1:20:30 Cookie Consent
1:22:02 Overview of The Pro Version
The first thing I see when I open the Blokcsy Theme Customizer is the nice and clean layout. I have never seen this before. With a single click on an icon, you can switch between light mode and dark mode. The settings are very well organized which makes it easy to navigate through the different settings.
The Blocksy Theme Header Builder
The header builder is simply amazing! The header contains 3 rows and each row has 3 areas where you can add multiple elements that you can add. Like a Menu, Search Icon, Social Icons, Button, Cart, Custom HTML, etc. Every element can be styles in size, colors, etc. and every row can be styles. You can make it sticky, make it transparent, make it transparent on one page and visible on another page. And it is so easy to do! And for the mobile header, you can customize it to your wishes.
The Blocksy Theme Footer
The same principle applies to the footer. There are 3 rows and in those rows, you can decide which widgets you want to place.
The Blog Page
There is a lot of freedom when it comes to creating the blog page. You can decide how many columns there should be for the blogpost, how they should be displayed and every element within the blogpost can be hidden or adjusted. You can also make use of a sidebar. It is also easy to customize the blog post layout.
Blocksy WooCommerce Settings
You can make the WooCommerce pages look so beautiful and clean. You can also make parts within the WooCommerce Product page sticky. A great feature is the hover feature in the WooCommerce Product Archive. That enables you to show a second image when you hover over it.
Extra Plugins
There are extra plugins or extensions within the free version of the Blocksy theme. Like the Cookie Consent Plugin and latest post plugin. They are both amazing! There is also an integration with MailChimp.
source
Talha Hasan
Hey Ferdy, nice job. Quick question, how is this different from Kadence theme?
Aii Fek
Hi fredy, kun je met deze theme een taal switcher toevoegen (om de site in een andere taal te weergeven)?
alvast bedankt
HOD STUDIO
Thank you very much for the tutorial, i bought blocksy package after this video. However there is one thing that i would love to know, whether its possible to convert a login option to logout and vice versa in the header menu, without installing another plugin?
Kamil Kulczycki
By clicking Header —> Headres —> Global Headres I have no options. It's like I can not click last button "Global Headres" Nothing is going to happend. Help π
Sunny Suncomic
Love you
John- Dapat
hi..ferdy…can u explain why my menu list not showing in mobile mode in blocksy. when hit hambunger icon only display white page.tq
HTMLFiveDev
This sux!! Starts from the middle … if you wanna show something start at the beginning … from install on up … this complete junk!! Waste of time…
Dhanesh Kabra
Hey Ferdy!! I love your videos. They are so informative and makes learning an amazing experience.
Can you please guide as to how I can add payment icons (credit card/debit card/ wallets / etc) on my woocommerce checkout page under the payment options. I'm using Blocksy theme.
Cyril Attise
Please anyone that can help with how to get the WEBDEVINE template? Didn't see that in the tutorials
MOHIT KUKRETI
Bro can i make different different headers for different pages in the free version
?
JosΓ© Calcagni
πππ Ferdy, thank you very much, an excellent tutorial, very clear, complete, and well explained. πππ In addition to the content you deliver I would appreciate commenting about the definition of colors. In case we are using Blocksy and Elementor, who takes the priority, the Blocksy color palette definition or the definition that can be done in Elementor site settings/global colors??? π π π
HelloyeloNo1
'For you 666 oh no! haha', Classic, thanks for the information Ferdy
Cesar Cossio
you're awesome man, thank you so much
N Maas
Hey man, great tutorial. However my mobile version header trigger shows up empty or blank, with no menu items. What am I missing?
Jane Kong
Hello, Ferdy, thank you for sharing. Here is a question on you video 11:45, how to switch the manu icon to english letter?
Aprende y Vende
πππ Ferdy, thank you very much, an excellent tutorial, very clear, complete, and well explained. πππ In addition to the content you deliver I would appreciate commenting on the definition of colors. In case we are using Blocksy and Elementor Pro, who takes the priority, the Blocksy color palette definition or the definition that can be done in Elementor Pro site settings.πππ
DW 000
OMG, Me using this theme after using wpbakery for 2 years now, What is happening here!
LBJ Media
Anyone know how to remove underlining hyperlinks on an entire Blocksy site?
text-decoration: none; Where can you put this?
Mohamed Alnady
Hello WooCommerce pleas
Yahya Zitane
Can you believe that I got Ferdy Korpershoek as a pub on this video XD
TECHNICAL SUPPORT
Waiting for this theme I was waiting for this theme
John- Dapat
hi mr ferdy…can you do gutenber & oxygen video tutorial…tq
Indio Armani
how to change that hero image?
Patrick NGANSOP
Thank you for sharing your experience. Please, what is the best page builder for Blocksy Theme? Because it's not easy for me to use it with Elementor
johnsmith753
hello Ferdy…Great! do you need the Blocksy companion to do all of this…? did you need to buy anything else? and what is the best way to access support?
IstvΓ‘n Keresztes
Hello! I really like your tutorial, taught me a lot! The one more thing i was looking for i havent seen it here, and is that how to make a menu dropdown? I mean like your service menu from header. Is it avaliable in free version also?
LUIS PH
You did no mention Custom post types and custom fields. Does Blocksy work with dynamic content? Thanks
River Man
Free versions of major themes only allow placing one new button in header. Found this out the hard way after spending half a day trying to add buttons in blocksy assuming I'd done something wrong.
sahir
How to apply Html tags in post excerpt in Blocksy theme please anybody help am stuck,
John Wang
Very Nice. Thanks.
Luka MiklavΕΎiΔ
Hi Ferdy this is awesome video.
I have one question for you.
I made my web page in blocksy theme and not blocksy child is that a problem. If there is how should i move that to child theme is there any quick way or do i have to begin everything from begining?
Raj Singh
It's an awesome theme… I search this type of themes a lot but I can't find it… U r really awesomeπππ…
tlrflava
Really good one of the best kept secrets on the web
Mentes Mehmet
Hi Ferdy and thanks fr another amazing tutorial, I was wondering, say I wanted to add a section at the bottom with an advert how would I be able to do this? Thanks in advanced π
Tony N
"I'm not going to use it but it's possible, and I like when things are possible." … It's the small things that make tutorials better!
Hossam Salem
Hi Fedy quick question: How can we make a mobile menu in the footer (like an app) would that be possible with blocksy?
Come Across
hey, ferdy I am missing the option of favicon where i can add them. i search online but nothing found
Sexy Mary
Hi Ferdy, can you do a Blocksy and Gutenberg blocks tutorial.. ? THanks!
Kadir Ilker Percin
@ferdy Ik ben bezig voor mijn vader zijn website (bouwkundig website) maar op een of andere manier krijg ik de kleuren van de zijkant , onderaan bij de footer en bovenaan bij de header niet naar kleur , wit. Heb jij enig idee? of kan ik je misschien ergens op bereiken/benaderen dat je ons misschien even kan helpen hiermee.