- Видео 43
- Просмотров 402 426
Build That Website
США
Добавлен 12 сен 2020
Learn how to build beautiful website, grow your audience, and generate profit.
We'll be bringing you new in-depth tutorials every week. And please let us know what topics YOU want to learn. You can suggest video topics by commenting on any video.
Upcoming Videos:
* How to build a Wordpress site for free (without web hosting)
* The best Wordpress plugins I use on every site
* How to use Cloudways (the most affordable managed VPS hosting)
* How to install a free SSL certificate on your site
* How to make your website faster and improve pagespeed scores
We'll be bringing you new in-depth tutorials every week. And please let us know what topics YOU want to learn. You can suggest video topics by commenting on any video.
Upcoming Videos:
* How to build a Wordpress site for free (without web hosting)
* The best Wordpress plugins I use on every site
* How to use Cloudways (the most affordable managed VPS hosting)
* How to install a free SSL certificate on your site
* How to make your website faster and improve pagespeed scores
Building modern tabs (with image/icon) using Gutenberg Blocks
Learn how to build a responsive, modern tabs block with Image / Icon Titles using free Gutenberg Blocks.
Просмотров: 1 949
Видео
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
super helpful thanks
Would this work on a sub menu?
Any changes being done in the Inspect section are immediately reverting back to "normal" after changes are made.. Know what could be causing this?
Excellent tutorial. Cheers!!!
I'll try this out
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
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.
When I eat pretzels, I get a knot in my stomach.
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.
The pro version of generateblocks has box-shadow built-in
can someone pls tell me what is the blue thing in the padding i need to chainge it but i dont know its name
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
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
8:48 ACF is working with premium version of GenerateBlocks only.
google analytics still misses around 80% of clicks somehow
I have a theme for my website that doesn't have widgets, will this work the same with it ?
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?
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.
THANKY SO MUCH :D
Create table in elementor. easy way ruclips.net/video/0LDvMGmoZJ4/видео.html
I need it for school, i can't install apps 😂
Still relevant (2024). Thank you for the simple and detailed explanation! :)
Amazing video! Thank you!
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?)
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.
@@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.
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
@@BuildThatWebsite Thank you! I'll look for the migration plugin (was planning on just doing it manually).
Really helpful thankyou.
I’ve just stumbled on Build That Site, and it’s a really useful resource.
when i press inline auto it doesnt do anything
can iadd this on my posts and still use other plugins or is it only elementor or plugins
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.
@@BuildThatWebsite how much does elementor slow down the website and is their a way around this
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.
Instead of tab, can i have navigation menu vertically and slide content and tab changing automatically?
I want query loop data in table design It is possible?
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.
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! :)
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.
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.
Sure, PHP is always going to be more flexible and powerful. However, 99% of WordPress users can't code PHP.
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.
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
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.
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!
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.
Thank you. This was REALLY helpful!
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?
You're a life saver. Great content Matt!
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."
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.
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.
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.
@@BuildThatWebsite Thank you! I'm using the Hello theme. I'll see if I can work out how to do what you suggested.
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
@@BuildThatWebsite Thank you! I've been using Elementor for seven years, and I'm still such a nuub.
So simple - thanks for helping us newbies!!!
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
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
Thank you very much
Should we be using this layout only on our pages or for each post
This was super helpful!! Thanks!
You made it look so easy... major head f&^$%& for me...
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
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.
I'm guessing you're using a block theme rather than a customizer theme.
Solved my problem.
Watched the post from India
Thanks a lot - This tutorial really help me
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