Build That Website
Build That Website
  • Видео 43
  • Просмотров 402 426

Видео

Dynamic Gutenberg Blocks using the Query Loop & Advanced Custom Fields
Просмотров 13 тыс.11 месяцев назад
Learn how to display and query dynamic data on your site using GenerateBlocks w/ Advanced Custom fields. 🧰 GenerateBlocks Pro: buildthatwebsite.com/go/generateblocks Easily build your own affiliate templates, product callouts, even custom coupons all populated with dynamic data from your Custom Post types and Custom Fields. #wordpress #generateblocks #acf
Building CTA Product Boxes w/ GenerateBlocks & Gutenberg
Просмотров 3,1 тыс.Год назад
Learn Flexbox layout principles by designing two professional, responsive callout boxes using GenerateBlocks. These CTAs are perfect for showcasing affiliate or e-commerce products on your site. Download both free reusable blocks: www.buildthatwebsite.com/video/product-cta-boxes-w-generateblocks Get GenerateBlocks Premium (and support the channel): buildthatwebsite.com/go/generateblocks #wordpr...
How to: Add Custom CSS to WordPress (5 Ways)
Просмотров 2,6 тыс.Год назад
Easily add custom CSS code to WordPress using 5 handy methods. If you want a plugin that writes the CSS for you: Try Microthemer - buildthatwebsite.com/microthemer Tools mentioned in the video: • BlockCSS - wordpress.org/plugins/blocks-css/ • Simple Custom CSS - wordpress.org/plugins/simple-custom-css/ Video Topics: 0:00 - Add CSS with the WordPress Customizer 0:54 - Inline CSS (HTML Element) 1...
Add Related Posts to ANY WordPress Theme (using free plugins)
Просмотров 4,2 тыс.Год назад
Learn how to easily add a mobile-friendly related posts module to any WordPress site. Freebie: Grab custom CSS for a modern card design using the (free) contextual related posts plugin: www.buildthatwebsite.com/video/adding-related-posts-in-wordpress
Sticky Widgets & Sidebars in WordPress (EASY)
Просмотров 11 тыс.Год назад
Learn the best way to create sticky widgets, sidebars and footers in WordPress. And fix the common issues that occur when overlapping elements.
Lazyblocks Advanced Tutorial - Repeater Fields, Handlebars Helpers & Adding CSS
Просмотров 2 тыс.Год назад
This is the second video in my LazyBlocks series where we cover some advanced LazyBlocks features including: Repeater Fields, Handlebars Helpers, and how to load custom CSS for lazyblocks. Download Freebies for this video: www.buildthatwebsite.com/video/lazyblocks-advanced-tutorial Also watch my Intro to Lazyblocks (video) ruclips.net/video/0O7Gx84kyXk/видео.html Chapters: 0:00 - Intro 0:52 - W...
The EASY Way to Create Custom Gutenberg Blocks -- LazyBlocks Beginner Tutorial (No PHP or JS)
Просмотров 5 тыс.Год назад
Learn free way to create custom Gutenberg Blocks in minutes, using just HTML & CSS. Zero PHP or JavaScript required. Lazyblocks is the easiest, most beginner friendly way to create custom Gutenberg Blocks. This tutorial will walk you through the basics of using Lazyblocks. Download Lazyblocks: lazyblocks.com/ In the next tutorial, we'll cover advanced topics like: - Looping through repeater fie...
This WordPress Plugin Writes CSS FOR YOU (MicroThemer Tutorial)
Просмотров 1,8 тыс.Год назад
Design your site visually and let MicroThemer write the CSS. Works with every theme, plugin & page builder. buildthatwebsite.com/microthemer Full Review (article): www.buildthatwebsite.com/review/microthemer
Build a 'Top Products' Affiliate Hero Section w/ Elementor (double your revenue)
Просмотров 3,2 тыс.2 года назад
Build a high-converting hero section for your affiliate posts, using Elementor. 🎁 Download the finished template: www.buildthatwebsite.com/video/top-products-hero-elementor In this video, you'll learn how to boost the revenue of your most profitable affiliate posts by adding an above-the-fold hero section with your top affiliate products. Modeled after best-in-class sites, this template is desi...
How to Track Affiliate Link Clicks, Revenue & Conversions w/ Google Analytics (step-by-step)
Просмотров 10 тыс.2 года назад
In the video, you'll learn how to set up event tracking for all your affiliate link clicks (including Amazon Associates). This tutorial covers setup for both Universal Analytics and Google Analytics 4 (the latest version). You get two easy setup methods. The easy method uses a free plugin and the other uses Google Tag Manager. We'll even pass click URL data to Google analytics so you can see ex...
How to design the perfect Hero Section w/ Elementor
Просмотров 6 тыс.2 года назад
Download the Hero Section Templates: www.buildthatwebsite.com/video/elementor-hero-sections Learn to plan and build hero sections that look great and convert sales. We'll cover the two best hero layouts (one-column and two-column). You'll also learn best practices for text sizing, hero-image placement, white space and more. And you'll also learn some more advanced Elementor skills including: • ...
Chrome DevTools Crash Course - using Chrome 'Inspector' for CSS Development
Просмотров 15 тыс.2 года назад
In this Chrome Developer Tools tutorial, I'll show you the basic features, where everything is located, and the most important tools you should know about. See exactly how I use DevTools for CSS tweaks, troubleshooting, and development. I constantly use DevtTools in my workflow, and it has so many different use cases: • Reverse-engineer a design from another website • Troubleshoot a CSS problem...
Floated/Aligned images squishing text on small screens? (FIXED!)
Просмотров 7012 года назад
Learn to fix the dreaded 'text to small to read' error, when floated elements squeeze your text on smaller screen sizes. This is often caused in WordPress when using the align-left or align-right options in the editor, but your theme doesn't handle the alignment properly on small screens. Fortunately, we can fix it with a simple media query using CSS. This makes sure that your element only gets...
Embed Elementor Templates anywhere w/ Shortcode or Block (Elementor FREE hack)
Просмотров 7 тыс.2 года назад
Embed Elementor Templates anywhere by using a Shortcode or Gutenberg Block. This simple hack works with the free version of Elementor. ⯈⯈ Written Guide Here: www.buildthatwebsite.com/embed-elementor-templates-free-block-shortcode You can easily embed Elementor templates into your regular WordPress posts, your sidebar or footer widgets, or even hook them into your theme. This free method gives y...
Responsive Grid Layout w/ Card Design for WordPress Archive & Category Pages (pure CSS)
Просмотров 7 тыс.2 года назад
Responsive Grid Layout w/ Card Design for WordPress Archive & Category Pages (pure CSS)
Tablepress: Make a 'versus' Comparison Table (with sticky header!)
Просмотров 4,7 тыс.2 года назад
Tablepress: Make a 'versus' Comparison Table (with sticky header!)
How to change the Color & Style of your WordPress H1 Titles
Просмотров 21 тыс.2 года назад
How to change the Color & Style of your WordPress H1 Titles
Elementor Beginner's Tutorial: Learn Elementor in 30 Minutes INTERACTIVE
Просмотров 1,8 тыс.2 года назад
Elementor Beginner's Tutorial: Learn Elementor in 30 Minutes INTERACTIVE
How to create an Email Opt-in form with Elementor (and start your email list for Free!)
Просмотров 12 тыс.2 года назад
How to create an Email Opt-in form with Elementor (and start your email list for Free!)
How to Easily Add Buttons to the Nav Menu in WordPress (no plugins)
Просмотров 8 тыс.2 года назад
How to Easily Add Buttons to the Nav Menu in WordPress (no plugins)
Add Icons & Animations to the WordPress Button Block
Просмотров 8 тыс.3 года назад
Add Icons & Animations to the WordPress Button Block
Master the WordPress Button Block: from Beginner to Expert
Просмотров 6 тыс.3 года назад
Master the WordPress Button Block: from Beginner to Expert
CSS for Hyperlinks (the basics): targeting, hover effects, and simple animations
Просмотров 2 тыс.3 года назад
CSS for Hyperlinks (the basics): targeting, hover effects, and simple animations
Build a Dynamic Review Template w/ Elementor & Advanced Custom Fields
Просмотров 4,3 тыс.3 года назад
Build a Dynamic Review Template w/ Elementor & Advanced Custom Fields
Smarter Sidebars: How to build Better WordPress Sidebars
Просмотров 23 тыс.3 года назад
Smarter Sidebars: How to build Better WordPress Sidebars
WordPress Block Editor Essentials: Master the Gutenberg Workflow
Просмотров 12 тыс.3 года назад
WordPress Block Editor Essentials: Master the Gutenberg Workflow
Dominating Google with an Expired Domain: (black-hat SEO Case Study)
Просмотров 7 тыс.3 года назад
Dominating Google with an Expired Domain: (black-hat SEO Case Study)
How to make a Sticky Menu or Header in WordPress (3 best methods)
Просмотров 24 тыс.3 года назад
How to make a Sticky Menu or Header in WordPress (3 best methods)
Designing a Custom GeneratePress Website from Scratch
Просмотров 14 тыс.3 года назад
Designing a Custom GeneratePress Website from Scratch

Комментарии

  • @GLNFGfngnf
    @GLNFGfngnf 5 дней назад

    super helpful thanks

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

    Would this work on a sub menu?

  • @LonghornLounge
    @LonghornLounge 14 дней назад

    Any changes being done in the Inspect section are immediately reverting back to "normal" after changes are made.. Know what could be causing this?

  • @dariolob6467
    @dariolob6467 14 дней назад

    Excellent tutorial. Cheers!!!

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

    I'll try this out

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

    Dont know why but after using these CTA boxed that specific blog is facing issue of discovered but not index in google search console ? please reply any solution

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

    Fantastic video! Very well explained and at just the right pace. My site looks blog & archive pages look so much better after implementing most of these changes. Only thing missing here is that it would have been nice to learn how to link the entire card as a link to the post as opposed to still having to click on either the title/image. You earned a sub from me and I look forward to watching some of your other content.

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

    When I eat pretzels, I get a knot in my stomach.

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

    I wanted to get rid of the bulky elementor and recently found out that GB is a very lightweight alternative. But making a transition from elementor is a very cuborsome process for a beginner like me. So I have been searching for GB tutorials lately and this one turned out to be the most helpful. Thanks. One question: is there any way that we can add Shadow to the button with GB or gutenberg without needing a separate plugin or CSS coding? In elementor it was pretty straight forward.

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

      The pro version of generateblocks has box-shadow built-in

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

    can someone pls tell me what is the blue thing in the padding i need to chainge it but i dont know its name

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

    Hello, I am working on music website. I need an advice on "HOW TO KEEP a Music PLAY button STICKY/fixed at bottom of the page [WITHOUT SCROLL] ON PAGE LOAD IN WORdRESS" Thank you

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

    Hello, I am working on music website. I need an advice on "HOW TO KEEP a Music PLAY button STICKY/fixed at bottom of the page [WITHOUT SCROLL] ON PAGE LOAD IN WORdRESS" Thank you

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

    8:48 ACF is working with premium version of GenerateBlocks only.

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

    google analytics still misses around 80% of clicks somehow

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

    I have a theme for my website that doesn't have widgets, will this work the same with it ?

  • @user-fi6ji3hc9n
    @user-fi6ji3hc9n 2 месяца назад

    Hi pal. i like this video. its really clear and easy to apply. i have a question for you. how do a make a button that plays/ turns background music off and on on a website?

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

    It is frustrating that the native Query block doesn’t have a single post picker but I’ve gotten around this by simply using a keyword search parameter. That way you can pull in specific posts without any paid blocks. And then used the native Post Template block to setup your layout.

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

    THANKY SO MUCH :D

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

    Create table in elementor. easy way ruclips.net/video/0LDvMGmoZJ4/видео.html

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

    I need it for school, i can't install apps 😂

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

    Still relevant (2024). Thank you for the simple and detailed explanation! :)

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

    Amazing video! Thank you!

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

    I have been trying for several days to figure out how to migrate my blogger site to WordPress without taking down my blogger site while I work on the new site. No one seems to be able to help me. But it seems like this is the way? I can basically build my new WordPress site On Local by exporting my blogger data to a dummy site on local...build the website with WordPress and then when it's the way I want it, transfer to a web host using my current custom domain name on blogger? (I won't be able to test links though until it's live?)

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

      You could definitely use LocalWP to rebuild your blogger site on WordPress. This is a good option if you want to make a lot of design changes or you are new to WordPress and want to be able to easily create new versions of the site / start over. Another option would be to just build it live on your webhosting using a subdomain (no-index the site while building) and then change the domain name when you're ready to go live. This allows you to test all the internal links and make sure everything is working. Transferring from LocalWP to Live hosting is usually not too hard, but it can sometimes cause headaches for people who are new to WordPress.

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

      @@BuildThatWebsite Thank you for your response. I have downloaded the LocalWP software and am going to try it that way. I was unable to get the web host I had chosen to create a subdomain (and there was no phone help...just chat and email)...and it was becoming a huge headache. Hopefully I'll be able to navigate going live when the time comes. Do you have a tutorial for that? Your tutorial on using LocalWP is very good: clear...and without a lot of unnecessary stuff. Thank you.

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

      That's a good suggestion for a tutorial, I don't have one yet but there should be some good ones online. I like WP all in one migration as a free option. Currently I use a pro plugin for data migration

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

      @@BuildThatWebsite Thank you! I'll look for the migration plugin (was planning on just doing it manually).

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

    Really helpful thankyou.

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

    I’ve just stumbled on Build That Site, and it’s a really useful resource.

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

    when i press inline auto it doesnt do anything

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

    can iadd this on my posts and still use other plugins or is it only elementor or plugins

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

      You can use elementor alongside other plugins. If you want to use Gutenberg for the post content, you would need to add the Elementor Layout either through a theme hook or using the template shortcode inside Gutenberg.

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

      @@BuildThatWebsite how much does elementor slow down the website and is their a way around this

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

      These days Elementor is quite fast on good hosting. They've made a lot of improvements regarding code size and asset loading. You can improve it further with proper caching and a CDN. There are plenty of Elementor sites on the web with load times under 1.0 seconds.

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

    Instead of tab, can i have navigation menu vertically and slide content and tab changing automatically?

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

    I want query loop data in table design It is possible?

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

      It may be possible with a 3rd-party plugin. I found this with a quick Google search: barn2.com/kb/list-wordpress-custom-post-type/. There may be other options as well.

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

    Hello, your tutorial is awesome! Great job. I am searching for WP table plugins that can integrate with WP scraping plugins. So my aim is to create table that has info from data scraped from various webpages. Is that possible with this plugin or some other plugin? I don't want to code that much, so looking for something very simple! Thanks a bunch in advance! :)

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

      You'd probably need to use a 3rd-party scraper to CSV and then you could manually upload the CSV into TablePress. I don't think you're going to find a tool that scrapes directly to TablePress, but I could be wrong.

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

    i think its cool what you're showing here but I would rather have all of the control in the block itself (in php) no need for query loop or things like that.

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

      Sure, PHP is always going to be more flexible and powerful. However, 99% of WordPress users can't code PHP.

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

      I assume they mean a custom-coded block in PHP / ACF. My issues with that is then there is no flexibility with the layout inside the loop (beyond what hardcoded config options you may have coded in). Also the editing experience of an ACF block isn’t ideal. These days, I get more excited about ways to do as much as possible within the block based and FSE system with just native blocks and patterns and as little custom code as possible… or maybe some block styles, variations, or filters added to native blocks.

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

    8:42 even if you are just using GenerateBlocks non-pro version, as long as you know the custom meta field name (i.e. custom_field), you can still add it in the post meta field by typing it manually. It will not display in the editor but will be available on the live site

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

      I've found that this only works with ACF certain field types. And it seems like they've reduced support for even simple ACF fields since the feature launched in Pro.

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

    Dude...come back with your videos! Your content is very good! I'm Brazilian and I've already learned a lot from your videos! Thanks!

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

      I hope to make more soon. Life is quite hectic right now and honestly this channel isn't profitable so it has to take a back seat when things get busy.

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

    Thank you. This was REALLY helpful!

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

    If I already have a whole bunch of non-cloaked, non-tracked affiliate links on my site, do I have to manually edit them to use Thirsty Affiliates?

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

    You're a life saver. Great content Matt!

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

    I'm sorry to say, but this video is misleading. I tried it and it didn't work, so I opened a ticket with ConvertKit, because I did everything perfectly. They viewed by ticket and my integration and they told me that the integrations are not included in the free plan. Hence - ConvertKit on the free plan can't be integrated with Elementor. I used your affiliated link and you made money because I installed the product from your link - but it was a false advertising... Not cool. Here is the full answer from ConvertKit representative: "So the problem here is that this account is under the free plan, and unfortunately, the integration feature is only offered in the paid plan."

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

      I'm sorry to hear you ran into this issue. This must be a recent feature change because I used Elementor with my free ConvertKit plan for years (currently on paid). It seems like a bad decision for them to remove a useful (and cheap) feature like that. I'll double-check with support. As for the affiliate link, I can assure you I didn't get paid for referring you to a free plan. There was no attempt to be misleading.

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

    I am new to CSS, and my code didn't work. Is the following wrong? h2.elementor-heading-title { font-weight: bold; } Thanks in advance. I must be the only person who couldn't get this to work. Oh, I am using Roboto.

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

      It's hard to know without seeing your site, but even if your code is correct it might be overrulled by another rule with more specificity. You'd have to use your browser's inspector to see what rule is being applied.

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

      @@BuildThatWebsite Thank you! I'm using the Hello theme. I'll see if I can work out how to do what you suggested.

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

      If you're using hello theme, I'm assuming your site is designed with Elementor. You can just use Elementor global styles to make the changes visually. No need for CSS

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

      @@BuildThatWebsite Thank you! I've been using Elementor for seven years, and I'm still such a nuub.

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

    So simple - thanks for helping us newbies!!!

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

    Hi, I see there is the option for a double opt in, but I can't set the email to confirm the subscription and in my tests I don't receive any email. Do you know how it works? thanks

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

      Convertkit's implementation of the double-optin isn't very intuitive. They call it an 'Incentive Email' which you can configure in the form settings. Documentation: help.convertkit.com/en/articles/2971364-the-all-important-double-opt-in

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

    Thank you very much

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

    Should we be using this layout only on our pages or for each post

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

    This was super helpful!! Thanks!

  • @user-cx1kc9tt2m
    @user-cx1kc9tt2m 4 месяца назад

    You made it look so easy... major head f&^$%& for me...

  • @user-xn5qh5mg6o
    @user-xn5qh5mg6o 5 месяцев назад

    This was really good! Thank you! I have the free version of generate press so my page looks different. The custom sidebar doesn't display. It just makes the sidebar go away from the page it's on. If you have any ideas, I'd appreciate them. Thanks!! Trish Henry

  • @silviyajaaz6835
    @silviyajaaz6835 5 месяцев назад

    For me at the top bar it says only "Edit page" and "Edit site" and no Customize. Do you why it is like that? Appreciate the help.

    • @BuildThatWebsite
      @BuildThatWebsite 5 месяцев назад

      I'm guessing you're using a block theme rather than a customizer theme.

  • @abhagya
    @abhagya 5 месяцев назад

    Solved my problem.

  • @ApteacherNetTelanganaTeachers
    @ApteacherNetTelanganaTeachers 5 месяцев назад

    Watched the post from India

  • @hamidurrahman1575
    @hamidurrahman1575 5 месяцев назад

    Thanks a lot - This tutorial really help me

  • @sumitkumarjogi3093
    @sumitkumarjogi3093 5 месяцев назад

    I have attached a link in the table, while clicking on it, it opens in the New Tab where no header and footer are showing means showing on the Plain Page. Please help me out. Thanks