Blocksy Theme Tutorial - Best Theme for Gutenberg?

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ค. 2024
  • You'll learn to set up a WordPress site using Blocksy and Gutenberg. Blocksy is a very nice choice for building sites using the WordPress Gutenberg editor. Blocksy combined with the Quebly block editor gives a much improved design experience compared to trying to build with Gutenberg alone. The starter sites included with Blocksy are also very high standard.
    Recommended Hosting for WordPress:
    Cloudways ➡️ ideaspot.com.au/Cloudways (3 day trial)
    SiteGround ➡️ ideaspot.com.au/siteground-sp... (discount setup)
    Vultr ➡️ ideaspot.com.au/vultr (30 day credit)
    Or check our blog at ideaspot.com.au/hosting for more detail.
    Other related tutorials.
    Reset WordPress tutorial: • Reset WordPress to Def...
    WordPress SMTP tutorial: • WordPress Emails not S...
    Timeline:
    0:00 Blocksy introduction
    1:30 Blocksy install and setup
    2:00 Blocksy Starter Sites
    6:01 Headers Blocksy Customizer
    9:51 Menu in Blocksy
    11:52 Mobile Header
    13:27 Blocksy Social Icons
    14:52 Mobile Menu in Blocksy
    15:41 Footers in Blocksy
    18:30 Colors and Fonts in Blocksy
    24:42 Page editing in Gutenberg with Blocksy
    35:29 Adding new sections in Blocksy with Quebly
    38:56 Blog and Posts Customization in Blocksy
    49:00 Contact Form
    51:43 Conclusion and Related Tutorials
    At IdeaSpot, we support the free and open exchange of knowledge and information. Please support us by using these description links included here. Besides the great discounts you can get from these links, they help us grow too by providing us a small commission on referral. Thank you for supporting IdeaSpot so we can continue to provide you with free content each week!

ความคิดเห็น • 68

  • @IdeaSpot
    @IdeaSpot  3 ปีที่แล้ว +2

    Which is your favourite WordPress theme for Gutenberg? Blocksy? Kadence? Astra maybe?

    • @Thiarara1
      @Thiarara1 3 ปีที่แล้ว +1

      Astra and Oceanwp has always been my best but blosky wort trying

    • @rqachannels
      @rqachannels 3 ปีที่แล้ว

      For pro i leaning to astra, but for free blocksy is my choice

    • @MrDeSilva
      @MrDeSilva 3 ปีที่แล้ว

      it was astra + elementor..always but now ,,I dont know
      a quick question here mate..I cant get the hero image /blocksy travel site with element ,,it doesn't allow me to click on the 6 dots/section ..cant grab it

  • @htmlfivedev
    @htmlfivedev 3 ปีที่แล้ว +6

    Finally, a good one for Blocksy with Gutenberg ... the rest of the guys on the topic completely missed the point ... they're showing Blocksy with Elementor, etc. where the whole point is Page Speed ... that's what makes these block-based themes special ... good job buddy! Keep it up ...

  • @tp3446
    @tp3446 3 หลายเดือนก่อน

    Thank you so much! This is the best and most thorough tutorial I've found for Blocksy/Gutenberg. Even though I am just starting in 2024 and there's some differences in the menu and some app navigation, I am still able to follow through. I'd love to see if you are going to make an updated video for the same (Blocky and Gutenberg). I'm a huge fan! Please keep making tutorials! Learned so much already! You're awesome!!!👏👏👏

  • @tracepirtle8964
    @tracepirtle8964 3 ปีที่แล้ว +2

    This is an exceptional Blocksy Theme Tutorial. Very easy to follow. Clear step-by-step instructions that will have your site up within One hour. Best of all, you'll do it stress-free. Well done!

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +1

      Thanks Doc happy to help 👍

  • @raisinsawdust
    @raisinsawdust 3 ปีที่แล้ว +1

    This was my guide in building my first Wordpress site in 10 years!

  • @khulekanichristian
    @khulekanichristian 3 ปีที่แล้ว +6

    Astra, Kadence and Blocksy are my favorite themes to use depending on the needs of the project.
    For pre-built templates, Astra wins that race. I also like the new Header and Footer builder which will get better with time. For functionality, Kadence wins because they have Kadence Blocks which doesn't make me miss Elementor. Kadence also allows you to import sections/pages from another starter template and it automatically adopts the color palette of your entire website. Blocksy is very lightweight and has good performance...good for SEO. Also works well with 3rd party Blocks. Waiting for them to release their own Blocksy blocks.
    I just hope that both Kadence and Blocksy can add more pre-built starter templates like Astra. That will be a game changer for both themes.

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +4

      Thank you sir! Totally agree with this, very similar experience myself.

  • @Genkijapchin
    @Genkijapchin 3 ปีที่แล้ว +1

    Great tutorial, exactly what I needed to get started with Blocksy and page editing and now the right plugins!!!

  • @studio5541
    @studio5541 3 ปีที่แล้ว +3

    Wow, I'm a newbie in wordpress and just stuck in the rut. This video really helps a lot!

  • @jonna1120
    @jonna1120 ปีที่แล้ว

    Thank you. I started building my website last night using Gutenberg and Blocksy and it wasn't easy for me. Thank you for posting this tutorial it helped me a lot.

  • @mypaulyntv4410
    @mypaulyntv4410 3 ปีที่แล้ว

    I highly appreciated this one

  • @GardeniaLimo
    @GardeniaLimo 3 ปีที่แล้ว

    Very helpful, good presentation Alex, Thank you

  • @bySterling
    @bySterling ปีที่แล้ว

    One of my absolute fav themes!

  • @jugalgupta7234
    @jugalgupta7234 3 ปีที่แล้ว

    Thanks. I like this one.

  • @webshades
    @webshades 3 ปีที่แล้ว

    Thanks for explaining in detail. Really would be helpful for people like me who doesn't uses Gutenberg too much. Definitely, would latch and see how it goes.👍

  • @drnelsonobinnaod
    @drnelsonobinnaod 2 ปีที่แล้ว

    The best tutorial about blocksy theme so far 👍

  • @ralfison
    @ralfison ปีที่แล้ว

    Definitely the best Blocksy tutorial I have watched - and I have watched a few.

  • @lynxkem001
    @lynxkem001 2 ปีที่แล้ว

    This is EXCELLENT! So well explained, thanks very much!!

  • @sisselklungsyr1439
    @sisselklungsyr1439 3 ปีที่แล้ว +1

    Thanks for a great tutorial! With love from Norway.

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Thank you 🙏

  • @jugalgupta7234
    @jugalgupta7234 3 ปีที่แล้ว

    Thanks. Nice and useful.

  • @haroldosterpersonal
    @haroldosterpersonal ปีที่แล้ว

    So far, this is perfect, just what I needed!

    • @IdeaSpot
      @IdeaSpot  ปีที่แล้ว

      Wow thank you 🙏

  • @pricehomes
    @pricehomes 2 ปีที่แล้ว

    Comprehensive and under 1 hour. Well done!

    • @IdeaSpot
      @IdeaSpot  2 ปีที่แล้ว

      thanks Mark!

  • @Jsallette99
    @Jsallette99 2 ปีที่แล้ว

    GREAT TUTORIAL! YOU ARE AWESOME!! THANKS FOR SUCH A GREAT INDEPTH EXPLANATION....

  • @randomjames1238
    @randomjames1238 2 ปีที่แล้ว

    thanks mate, trying to teach myself WP, this helped, thanks for taking the time to do this, its appreciated.

  • @AllesKiten
    @AllesKiten 3 ปีที่แล้ว

    Great tut. Thx.! Is it possible to choose differend header fotos for desktop, tablet, mobile? The motif in the header foto is often not centered and will disappear i.e. like here to the right side and no longer visible. Rgds. Thomas
    PS: With Elementor, I already did a workaround with one or two copies of the header in my template and gave them their relevant visibility option.

  • @Consideredreply
    @Consideredreply 2 ปีที่แล้ว

    Excellent explanation using fewer sentences. Learned a lot, saved time. Thanks.

  • @jugalgupta7234
    @jugalgupta7234 3 ปีที่แล้ว

    A very useful tutorial. Thanks for your efforts.

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Glad it was helpful!

  • @hailemichaelatrsaw4952
    @hailemichaelatrsaw4952 2 ปีที่แล้ว

    Appreciated, It was a great tutor!

  • @danielkirk2522
    @danielkirk2522 2 ปีที่แล้ว

    Really clear and helpful

  • @mdossiou
    @mdossiou 3 ปีที่แล้ว

    excellent!! thank you

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Glad it helped!

  • @robintenos5185
    @robintenos5185 3 ปีที่แล้ว

    Your video is very interesting and informative. I really enjoyed it!

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Glad you enjoyed it!

  • @flinskikun
    @flinskikun 3 ปีที่แล้ว +2

    I use Blocksy’s theme, bought the premium lifetime version. It is worth the price, though the free version is also awesome.
    The performance is good, quite fast, the support is great, and most importantly you don’t have to install any page builder like Elementor for some of their themes.
    Overall I am satisfied, but I can’t wait for more starter themes.

    • @khulekanichristian
      @khulekanichristian 3 ปีที่แล้ว

      I am also waiting for more starter templates as well as the Blocksy blocks :)

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Yes its a great theme, I wish I knew about Blocksy earlier - thanks for sharing :D

    • @charlesyu9307
      @charlesyu9307 3 ปีที่แล้ว +1

      I bought the premium lifetime version too. But I do not know how to use it... cost me 299USD...

  • @Mahad2014
    @Mahad2014 2 ปีที่แล้ว

    Best Tutorial on best Theme. Thank you, buddy

  • @MrDeSilva
    @MrDeSilva 3 ปีที่แล้ว

    this is excellent mate...I can finally remove hero image,,thanks a bunch!!

  • @MorningscapeMindsetMediaYT
    @MorningscapeMindsetMediaYT 2 วันที่ผ่านมา

    Thanks a lot very informative video.

  • @Diamond0dust
    @Diamond0dust 2 ปีที่แล้ว

    Hi Alex, blocksy has a product reviews feature. (and a free theme named product review)
    (technically it is not a page, it's a post type archive)
    How to add a search filter on top of the review page/archive to filter by rating/keyword?

  • @azamhusain1311
    @azamhusain1311 2 ปีที่แล้ว

    Thanks a lot for your kind efforts Sir ! May God give you guidance in life.

  • @thenewman451
    @thenewman451 3 ปีที่แล้ว

    How much GB of ram is required to run blocksy for blogging, I plan to go with Name Hero as my hosting site? Thanks!

  • @DivineJesusPrayers
    @DivineJesusPrayers 3 ปีที่แล้ว

    Nice tutorial. Easy to follow and digest.
    How do i get to display blog posts i want on my home page?
    For example, lets say i want to show blog posts under these headings on my blog page - Our latest Articles, Buying Guides, Featured Posts. How do i do it using gutenberg. Does gutenberg have any post grid plugin?
    I use ultimate addons post grid or premium addons post grid to achieve when i use elementor.
    For my next project, i want my website to have this same capacity without using elementor or elementor addon.
    I want to use only gutenberg blocks.
    Thanks.

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +1

      Yes! With the quebly plugin they include a free post grid block - sorry i didn’t show that in the video it was getting long - or u can keep using ultimate add ons (Gutenberg version) too that works well 👍

  • @luizkleiner
    @luizkleiner 2 ปีที่แล้ว +1

    Man, thank you. All respect, but the other tutorial have a certain "Fluff" unnecessary. This tutorial is simply objective!

  • @mohitkukreti1400
    @mohitkukreti1400 3 ปีที่แล้ว

    I'm using Blocksy but i don't know from where i can upload Favicon

  • @nocco475
    @nocco475 3 ปีที่แล้ว

    thanks bud

  • @allydavies6442
    @allydavies6442 3 ปีที่แล้ว

    If I chose the Travel theme site starter, could I add an e-commerce store to the menu in the header?

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Definitely 👍

  • @htmlfivedev
    @htmlfivedev 3 ปีที่แล้ว +1

    Great content! But what's up with the banner image? Who is that guy? Is that you? Really, couldn't find a better pic where you can be recognized?

  • @indioarmani8209
    @indioarmani8209 3 ปีที่แล้ว

    really enjoying this guide can you add mega menu on next version of video? thanks a lot. +1

  • @WonderRob
    @WonderRob 3 ปีที่แล้ว

    Would have been nice to see the performance of this theme and how it compares to others...

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว +1

      Thanks, there’s not a significant difference as long as you’re using Gutenberg, to build with, rather than Elementor/divi/beaver etc.

  • @user-hcrljfm
    @user-hcrljfm 3 ปีที่แล้ว

    The theme free version is not soo great since it doesn't allow custom code

  • @petermason433
    @petermason433 3 ปีที่แล้ว

    What are your thoughts about using stackable with Blocksy; and what plugin would you recomend to edit Woocommerce product pages so I can achieve this type of product page - bikedescent.store/products/carbonfit-premium-inbuilt-saddle-suspension

  • @ReallyFilthyToad
    @ReallyFilthyToad 3 ปีที่แล้ว

    Do you like your voice?