Websites 4 Beginners
Websites 4 Beginners
  • Видео 406
  • Просмотров 853 149
Elevate Your Design: Learn to Use Spacers for Perfect Vertical Spacing: Stackable for WordPress
Use the Spacer Element block in the Stackable addon for WordPress Gutenberg editor to easily add controllable vertical space between blocks adding better structure to your layout.
Stackable* | w4b.fyi/stackable
Blocksy WordPress Theme* | w4b.fyi/blocksy
⭐ Elaborating on the importance of spacing elements:
Designers use spacing elements (also known as spacers or vertical spacers) on webpages for several reasons:
1️⃣ Visual Hierarchy: Spacing elements help create a clear visual hierarchy, guiding the user's attention through the content.
2️⃣ Readability: Adequate spacing between elements improves text readability and reduces visual noise.
3️⃣ Balance and Harmony: Spacers create balance and harmony...
Просмотров: 72

Видео

WooCommerce Popup: Added to Cart with Blocksy Theme for WordPress
Просмотров 43День назад
Use Blocksy as your WordPress theme when creating an online ecommerce store with WooCommerce and active the Added to Cart Popup module as an extension to visually indicate to your customer what they've added to their cart - with a carousel showing other products. Blocksy WordPress Theme* | w4b.fyi/blocksy Elevate your e-commerce game with this innovative popup feature, designed to deliver insta...
Nectarblocks for WordPress Gutenberg Editor + Theme - First Look.
Просмотров 442День назад
Explore Nectarblocks for WordPress in this first-look video. A professional website builder that works with the core WordPress block editor. Crafting stunning websites has never been easier. Nectarblocks | w4b.fyi/nectarblocks Reimagine website creation. Built on the powerful Gutenberg foundation, Nectarblocks elevates the WordPress Block Editor into a versatile, robust tool. Craft breathtaking...
Stretch Your Layout: A Step-by-Step Guide to Full-Height Website Sections: Stackable for WordPress
Просмотров 992 дня назад
Create a full-height section with Stackable for WordPress. A full-height section on a webpage is a design element that takes up the entire vertical space of the screen, regardless of the device or screen size. It's a section that stretches to fill the full height of the viewport, often used as a hero section, intro, or call-to-action. Stackable* | w4b.fyi/stackable Blocksy WordPress Theme* | w4...
Create a Hair & Beauty Salon Website Landing Page | Speed Build in under an hour. Cloud & WordPress
Просмотров 1,5 тыс.Год назад
Create a landing page or one-page website for a hair and beauty salong in under one hour. We use Brizy Cloud as it's a super easy platform to quickly set up a new website and begin building. 🚩 Try out Brizy Cloud FREE* | w4b.fyi/brizycloud 🚩 Images by Elements* | w4b.fyi/envato-elements 🔹 Websites 4 Beginners | w4b.io * this is an affiliate link. If you purchase anything through the link I may ...
Best WordPress Plugin for Duplicating / Copying Posts and Pages -- FREE, with amazing options!
Просмотров 1,3 тыс.Год назад
The easiest, fastest and best posts/pages duplicate plugin in WordPress. The free version comes with a number of useful options - not for only copying posts, pages and products, but also check out the premium version to power up your control: Copy Delete Posts* | w4b.fyi/copydeleteposts Websites 4 Beginners | w4b.io WordPress Beginners' Tutorials 2023: 🔸 WordPress Module 1: Crash Course Total B...
WordPress Starter Beginners' Course 2023 - No coding, no experience! Complete tutorial.
Просмотров 11 тыс.Год назад
In this follow-up to our WordPress Crash Course, we spend more time on the workings of WordPress, building out a one-page landing page for a printing company. Learn about WordPress, Blocksy theme, and Brizy pagebuilder. Websites 4 Beginners | w4b.io Chapters: 00:00:00 ▶ Welcome & Showcase 00:02:30 ▶ Tools: WordPress, Blocksy, Brizy 00:06:49 ▶ WordPress Clean up and Preparation 00:13:01 ▶ Blocks...
3 Free Amazing AI Tools to elevate your webdesign that actually works! - Easy for Beginners too!
Просмотров 8 тыс.Год назад
There are many AI tools on the market and millions more coming. I found 3 free AI tools that are greatly helping in elevating some aspects of my webdesign and building. Try them out for sure! Bring in the Copilot! :) 00:00 Designer Microsoft (designer.microsoft.com/) 01:46 Background LOL (www.background.lol/) 02:53 You TL;DR (www.you-tldr.com/) Subscribe, like and visit me at Websites 4 Beginne...
32. Section IDs to create custom menu items and smooth scrolling jumplinks. 🔹 Starter Course 2023
Просмотров 179Год назад
Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Brizy WP Website Builder* | w4b.fyi/brizy Download the creatives (images): w4b.fyi/printer-shop-creatives Additional Training Re...
29. Add a full-width image gallery to increase flare to your webpage 🔹 WordPress Starter Course 2023
Просмотров 173Год назад
The premade blocks have loads of free templates for image galleries that are responsive for both tablets and mobile devices. Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Bri...
31. Cosmetic changes to build the page for mobile and tablet devices. 🔹 Starter Course 2023
Просмотров 109Год назад
Responsive design ensures your website looks good on both mobile and tablet devices. Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Brizy WP Website Builder* | w4b.fyi/brizy D...
30. Create a section ID for the contact block and jumplink to the CTA 🔹 Starter Course 2023
Просмотров 109Год назад
Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Brizy WP Website Builder* | w4b.fyi/brizy Download the creatives (images): w4b.fyi/printer-shop-creatives Additional Training Re...
33. Navigation design and header in Blocksy. 🔹 Starter Course 2023
Просмотров 490Год назад
Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Brizy WP Website Builder* | w4b.fyi/brizy Download the creatives (images): w4b.fyi/printer-shop-creatives Additional Training Re...
28: Set up email lead captures with the form builder. 🔹 WordPress Starter Course 2023
Просмотров 183Год назад
Configure the form element so that new leads are sent directly to your inbox. Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Brizy WP Website Builder* | w4b.fyi/brizy Download...
34. Footer menu, design and styling 🔹 Starter Course 2023
Просмотров 205Год назад
Websites 4 Beginners | w4b.io TasteWP*: WordPress Practice w/ Free Hosting w4b.fyi/tastewp The WordPress Learning Track 2023: Module 1: Crash Course ruclips.net/p/PLGr33PRBmTq1rGkCWakuZ1Psy37GhUXVt Tools Used: 🔹 Blocksy (Preferred WordPress Theme)* | w4b.fyi/blocksy 🔹 Brizy WP Website Builder* | w4b.fyi/brizy Download the creatives (images): w4b.fyi/printer-shop-creatives Additional Training Re...
35. Course round up and adding a scroll to top button. 🔹 Starter Course 2023
Просмотров 82Год назад
35. Course round up and adding a scroll to top button. 🔹 Starter Course 2023
22: Set typogrpahy and html tags with global styling 🔹 WordPress Starter Course 2023
Просмотров 166Год назад
22: Set typogrpahy and html tags with global styling 🔹 WordPress Starter Course 2023
23: Change out content. 🔹 WordPress Starter Course 2023
Просмотров 120Год назад
23: Change out content. 🔹 WordPress Starter Course 2023
26: Use the countdown element for an upcoming sale. 🔹 WordPress Starter Course 2023
Просмотров 91Год назад
26: Use the countdown element for an upcoming sale. 🔹 WordPress Starter Course 2023
19: Remove page title in Blocksy and adjust the vertical spacing 🔹 WordPress Starter Course 2023
Просмотров 1,7 тыс.Год назад
19: Remove page title in Blocksy and adjust the vertical spacing 🔹 WordPress Starter Course 2023
21: Set up Colour Theme palette with global styling 🔹 WordPress Starter Course 2023
Просмотров 374Год назад
21: Set up Colour Theme palette with global styling 🔹 WordPress Starter Course 2023
25: Set the video link and cover in the video element. 🔹 WordPress Starter Course 2023
Просмотров 108Год назад
25: Set the video link and cover in the video element. 🔹 WordPress Starter Course 2023
20: Blocksy transparent global header and sticky header feature 🔹 WordPress Starter Course 2023
Просмотров 1,2 тыс.Год назад
20: Blocksy transparent global header and sticky header feature 🔹 WordPress Starter Course 2023
27: Free Icons from Font Awesome. 🔹 WordPress Starter Course 2023
Просмотров 123Год назад
27: Free Icons from Font Awesome. 🔹 WordPress Starter Course 2023
24: Change Images for the image element and columns' background. 🔹 WordPress Starter Course 2023
Просмотров 197Год назад
24: Change Images for the image element and columns' background. 🔹 WordPress Starter Course 2023
Open Facebook Messenger directly from link ready to chat. -- Website Essentials
Просмотров 19 тыс.Год назад
Open Facebook Messenger directly from link ready to chat. Website Essentials
15: The Blocksy footer builder overview 🔹 WordPress Starter Course 2023
Просмотров 1,4 тыс.Год назад
15: The Blocksy footer builder overview 🔹 WordPress Starter Course 2023
13: The "Home" logo in your header 🔹 WordPress Starter Course 2023
Просмотров 259Год назад
13: The "Home" logo in your header 🔹 WordPress Starter Course 2023
18: Complete website layout templates 🔹 WordPress Starter Course 2023
Просмотров 281Год назад
18: Complete website layout templates 🔹 WordPress Starter Course 2023
14: Change the base font in Blocksy theme 🔹 WordPress Starter Course 2023
Просмотров 823Год назад
14: Change the base font in Blocksy theme 🔹 WordPress Starter Course 2023

Комментарии

  • @michaelpetitjean
    @michaelpetitjean 6 дней назад

    Excellent course JP. Much, much better than courses that I have purchased. Thank you.

  • @nellyisdev
    @nellyisdev 8 дней назад

    8:47 lmao

  • @visualmodo
    @visualmodo 9 дней назад

    Really good video!!!

  • @portofstillwater5698
    @portofstillwater5698 9 дней назад

    New subscriber. . you are great. . I want a blocksy theme. .but I want two blocks side by side. . one for doctor . one for patient.. and then the actual blog post below. 3 across.. Is there a way to do it. . but specifically so the two blocks are not moved or changed on top????

  • @Naveen-u3n
    @Naveen-u3n 10 дней назад

    Hello, I am Naveen Sharma from india, as a wordpress web designer. I want job out of India (isa,uk,Canada, etc.) Pls tell me the process this is my humble request for you

    • @yashasv.doodles
      @yashasv.doodles 9 дней назад

      hello bro, want to build a website for me?

  • @kiaracaslick8045
    @kiaracaslick8045 13 дней назад

    Thanks for a really entertaining and informative video. I love your sense of humour!

  • @WilliamWood-j2p
    @WilliamWood-j2p 16 дней назад

    1:04

  • @illumiNateyourwork
    @illumiNateyourwork 18 дней назад

    The how-to content starts at 8:56 for those just looking for that.

  • @FertilityCoachGeraldMassa
    @FertilityCoachGeraldMassa 21 день назад

    Thanks for the good work

  • @alexandergdansk
    @alexandergdansk 26 дней назад

    Thanx a lot for this tutorial. It is very usefull!

  • @calvincrane
    @calvincrane 26 дней назад

    The columns trick at 24 minutes is a great tip. Was looking everywhere for this!

  • @patsymutiso
    @patsymutiso Месяц назад

    Is there an option to edit the content width of the info box? Let's say I have an info box and image inside a container, can I give more space to the info box like 70% and then 30 % to the image?

  • @yunghell9642
    @yunghell9642 Месяц назад

    Thanks

  • @filipmoura908
    @filipmoura908 Месяц назад

    How can I do this with the menu in the header?

  • @bhimsaud5782
    @bhimsaud5782 Месяц назад

    🎉🎉

  • @webmastermojo
    @webmastermojo Месяц назад

    Nice! That is one wacky accent. 🤪

  • @penkitten73
    @penkitten73 Месяц назад

    Hello, thanks so much for your tutorial. Can you add text to the free version? Thanks

  • @jessicaseal7074
    @jessicaseal7074 Месяц назад

    Thanks for the link. Great vid. Not touched WordPress or any CMS for a while. Awesome refreshers, looking forward to watching more. Appreciate the knowledge share. <3

  • @dipsaus1402
    @dipsaus1402 Месяц назад

    This Crash Course has been amazing! Thank you JP.

  • @MohammedAltoobi-p8w
    @MohammedAltoobi-p8w 2 месяца назад

    If your display homepage does not show up, it is because your page is on draft and you have to publish it. go to pages -> click on edit page -> at the top right corner click on publish -> and dont forget to save the changes (:.

  • @KevinKillion1
    @KevinKillion1 2 месяца назад

    I'm LOVING these segments in your class. But I do have a small objection to telling peope yoy can't break things. Before I found this I was clicking all over the place in Gutenberg and Coblocks and in an awful theme, to the point of making any unholy mess and not at all clear how to clean things up! :)

  • @maivezonk
    @maivezonk 2 месяца назад

    Those wizards aren't in the plugin anymore

  • @maivezonk
    @maivezonk 2 месяца назад

    I wish you showed how to change the background color of the sidebars. Mine look like shit because they don't match the theme of the website.

  • @AceYourGRE
    @AceYourGRE 2 месяца назад

    Excellent video to see the full extent of the FREE version of Lifter LMS!

  • @kopioteho
    @kopioteho 2 месяца назад

    Thank you for the clear explanation. I understand it now. However, I am still confused with how the "AND" works in the conditional logic for setting 2-3 conditions. For example, out of 5 choices (A, B, C, D, E), I want to show the next question if only the answer is C, D or E. I can't seems to figure it out in HappyForms. Could you advise on this please? Thanks.

  • @winniwatson711
    @winniwatson711 2 месяца назад

    I have a question. On Facebook, when you hover over a profile picture of someone who is posting a comment, you can message them direct form a pop up window. That isn''t the case with the pop-up window of my profile picture. How do I edit my info to include my messenger link?

  • @876beauty
    @876beauty 3 месяца назад

    Spectra is horrible with Botiga theme.

  • @adiharel5548
    @adiharel5548 3 месяца назад

    Just an amazing course. Finished both modules in less than 24 hours and can't wait for module 3 and more to come. Thank you!

  • @theinformationbomber7102
    @theinformationbomber7102 3 месяца назад

    I copy and pasted the code but nothing happened

  • @vjPulp
    @vjPulp 3 месяца назад

    Thank you for this - it's easy to understand and fun. Do you know by chance if it's also possible to create a website in 2 languages first and add Polylang later, just to add the flags in the menu?

  • @adiharel5548
    @adiharel5548 3 месяца назад

    As I'm starting my journey with my website building agency, this is just amazing so far! Haven't found a single course (even those paid ones) that go through so much and lets you do stuff for free. Everything I've found required credit cards or payment. Not to mention your way of teaching. Thank you!

  • @DaoTam-vx6mq
    @DaoTam-vx6mq 3 месяца назад

    hi, i try to do it with iphone, but it direct to browser >>> then ask Open on Messenger , pls help me fix it (click link then open on Messenger , ready to chat, tks

  • @TatTat-yj6uo
    @TatTat-yj6uo 3 месяца назад

    كريم رمضان❤

  • @TatTat-yj6uo
    @TatTat-yj6uo 3 месяца назад

    كريم

  • @Traveltoppereu
    @Traveltoppereu 3 месяца назад

    Thanks for the informative video to set up Polylang. I do have a problem with language switcher mobile. This will only appear at the bottom of the page. How do I add the language switcher at the top please?

  • @vildinsr.villano5715
    @vildinsr.villano5715 3 месяца назад

    Thanks a lot

  • @newuser20245
    @newuser20245 3 месяца назад

    Hi there, where has the Gadgets theme gone to? Cannot find it anywhere, just wondering if anyone knows...

  • @debrassanders
    @debrassanders 3 месяца назад

    Absolutely hands down one of the best tutorials for beginners I've seen. I've built my WP sites for over 15 years but suddenly I have no idea what the heck I'm doing. Nothing works as it used to. My site was fine a year ago. I needed to update content and made such a mess it was unusable. I'm a starving author and can't afford a team of experts to build out a site for me and then pay more for subtle updates. I just need an online presence so readers can see what I'm releasing, sign up for my newsletter and find my "buy" links. You've saved my site and saved me from consuming more alcohol than I should. And your calming voice is exactly what I needed at 2 am when I was ready to toss my laptop out the window. Thank you. Subbed.

  • @doubleideatechnologies
    @doubleideatechnologies 3 месяца назад

    The global header is not clicking

  • @reflexgamespatrick
    @reflexgamespatrick 3 месяца назад

    Thank you very much!

  • @labitnelsonlangan4478
    @labitnelsonlangan4478 3 месяца назад

    Thanks 🎉

  • @dyvegurl
    @dyvegurl 3 месяца назад

    The sidebar feature isnt working

  • @dyvegurl
    @dyvegurl 3 месяца назад

    Why is the block page not showing up on my WP?

  • @arseniotedra4573
    @arseniotedra4573 4 месяца назад

    #ibelieve❤

  • @arseniotedra4573
    @arseniotedra4573 4 месяца назад

    #ibelieve❤

  • @stevestrother6313
    @stevestrother6313 4 месяца назад

    Great instruction overview. Thank you!

  • @Tievyy
    @Tievyy 4 месяца назад

    bro, i need chart on header, but i dont know how to add it, can u tell me how to add chart on header?

  • @kentek3141
    @kentek3141 4 месяца назад

    Nice! You are an excellent trainer. Really appreciate your "this is a football" style. I am tasked with migrating a legacy website to new block theme. It also has 2 sub-domains as child themes. Do you have a migration video? Or do you do simple consulting? I'm not a total newbie but not a coder. Just need a track to run on.

  • @leonbangbang9147
    @leonbangbang9147 4 месяца назад

    Is it possible to use Grenshift and Kadense together using both resources? the grenahift only carries what has been in use, the kadense carries something behind it but it doesn't weigh it

  • @thewebstylist
    @thewebstylist 4 месяца назад

    Still a top FAV theme in 2024 JP! I should have white labeled and sold to clients years ago man since I’m paying for Pro unlimited use

    • @thewebstylist
      @thewebstylist 4 месяца назад

      Oh wow prices quite a bit higher I see now for new purchases, $69 for just one site