How To Build A Full WordPress Website in 2023 | Blogs | WooCommerce | LMS | SEO | Elementor Tutorial

Super-course: https://websquadron.co.uk/how-to-start-a-web-design-business/
Book your 1-2-1: https://websquadron.co.uk/socials

Elementor Flexbox Container Website with Blogs, WooCommerce, Restricted Access LMS Courses, boosted SEO and Kick-Ass Page Speed.

00:00 Intro
01:12 Domain & Hosting
03:33 WordPress Settings
08:25 Plugins

https://be.elementor.com/visit/?bta=25741&nci=5383

PhastPress


https://wordpress.com/plugins/wp-meteor

Code Snippets

10:22 Performance Plugin Settings
11:06 Code Snippets

Performance = https://www.youtube.com/watch?v=P4nepzKE0Fs
Safe Mode = https://www.youtube.com/watch?v=d7UxhSnCA-g
Purge = https://www.youtube.com/watch?v=foIDJXYWPVI

14:02 Elementor Settings
16:09 Canva Images & the Colour Palette

https://www.canva.com/en_gb/
https://webaim.org/resources/contrastchecker/

19:10 BulkResizePhotos to compress images to WebP

https://bulkresizephotos.com/en

20:57 Image Titles
21:44 Custom Load Fonts
22:19 TTF to WoFF2

https://www.fontsquirrel.com/tools/webfont-generator

25:00 Add New Page
25:25 Elementor Interface
26:22 Global Colours
27:47 Global Fonts
29:20 Page Speed with Plugins/Snippets
31:00 Page Speed without Plugins/Snippets

https://pagespeed.web.dev/

32:33 Site Favicon
35:47 Templates
38:26 Header Templates
46:03 Create Menu
54:55 Header Display Conditions
56:23 Home Page
58:58 Footer to remove the Temporary One
01:01:19 Check Page Speed
01:02:20 Hero Banner
01:06:30 ChatGPT for content
01:15:23 Check Page Speed
01:16:06 Build the Rest of the Home Page
01:45:55 Check the Page Speed
01:47:39 Duplicate Page Plugin
01:48:27 About Page
02:00:15 Contact Page
02:13:35 Add Alternate Header
02:18:26 404 Template
02:21:30 Socials Page
02:29:37 Footer Template
02:31:46 Dynamic Year & Copyright
02:33:23 Privacy Policy, Cookies Policy, Accessibility Statement

https://websquadron.co.uk/product/sharing-our-stash/

02:35:47 Add Privacy & Cookies Policy to the Footer
02:41:15 Add Posts
02:45:33 Post Archive Template with Loop Grid
02:58:04 Post Archive Display Conditions
02:59:42 Blog Page
03:00:33 Add Gridbuilder for Post Filtering

https://wpgridbuilder.com/
https://wpgridbuilder.com/add-ons/elementor/

03:04:11 Add Posts to the Home Page
03:06:50 Single Post Template
03:12:36 Single Post Display Conditions
03:13:05 Side Bar Template
03:23:37 Check Page Speed.
03:24:11 Add Woocommerce

WooCommerce

03:31:22 Woo General
03:32:37 Woo Products
03:34:20 Woo Tax
03:35:15 Woo Shipping
03:37:08 Woo Payments
03:39:15 Payment Gateways: Stripe & PayPal
03:45:00 Woo Accounts & Privacy
03:45:29 Woo Emails
03:46:15 Woo Advanced
03:47:53 Woo Multicurrency
03:49:07 Adding Products
03:52:14 Product Categories
03:53:00 Product Attributes
03:54:14 Product Details
04:02:05 Variable Product
04:09:03 Products Archive Template with Loop Grid
04:28:58 Products Archive Display Conditions
04:27:09 Duplicate Cart, Checkout Pages
04:29:21 Shop Page
04:31:49 Add Gridbuilder for Product Filtering
04:43:08 Single Product Template

.woocommerce div.product form.cart .variations th {
background-color: #ffffff;
text-align: left;
padding-left: 0px;
padding-top: 18.5px;
}

.woocommerce div.product form.cart .variations td {
background-color: #ffffff;
}

04:56:44 Single Product Display Conditions
04:59:12 Edit the Cart & Checkout Pages
05:01:49 Styling Cart Page
05:06:27 Styling Checkout Page
05:09:15 Styling My Account Page

.elementor-281 .elementor-element.elementor-element-00afd39 .woocommerce .wc-proceed-to-checkout .checkout-button { margin-bottom: 20px;}

05:15:36 Shipping Type based on Cart Total

https://www.codesnippets.cloud/snippet/WebSquadron/Woocommerce-Shipping-Cost-Total

05:18:25 Add Cart to Menu
05:19:45 Adjust Headers
05:30:14 Add LMS Courses
05:34:03 Course Delivery Page
05:36:56 Course Promo Page
05:47:27 Exclude Courses from the Shop
05:50:45 Exclude Courses from Single Product
05:51:39 Separate Template for the Courses
05:53:52 Courses Display Conditions
05:55:50 Restrict Access to the Courses

Page Restrict for WooCommerce

05:59:58 Set Virtual Products to Autocomplete

https://www.codesnippets.cloud/snippet/WebSquadron/Autocomplete-Woo-Virtual-Products

06:04:00 Adding RankMath

Rank Math SEO with AI SEO Tools

06:06:22 Google Search Console Connection
06:07:38 RankMath wizard & settings
06:16:46 Google Search Console & Google Analytics (GA4)

https://search.google.com/search-console/

06:24:12 Home Page SEO
06:35:32 Products SEO
06:38:01 Posts SEO
06:38:47 Page URLs SEO
06:40:14 Instant Indexing
06:41:25 Initiate Indexing & Submit Sitemaps
06:43:53 404 Monitoring & Redirection
06:44:55 Tips on Backups, Security, & Font Clamp()

Clamp Responsiveness: https://www.youtube.com/watch?v=aiZdDRqEfII
Backups: https://www.youtube.com/watch?v=BU0OP6QrQMw
Security: https://www.youtube.com/watch?v=HWObyVESt24

06:47:26 Outro 🙂