Completed
Overview of the tutorial
Class Central Classrooms beta
YouTube playlists curated by Class Central.
Classroom Contents
How to Make a WordPress Website - Elementor
Automatically move to the next video in the Classroom when playback concludes
- 1 Overview of the tutorial
- 2 The 4 steps to get up and running
- 3 Get a domain name and webhosting
- 4 Install Wordpress
- 5 Clean Up The Wordpress Backend
- 6 Create Pages for your Website
- 7 Create and Configure the Menu
- 8 Configure The Wordpress Settings
- 9 Get the Sydney Theme
- 10 Custome the Phlox Theme
- 11 Get The Images I use in the tutorial
- 12 Download the Images I Use in this Tutorial
- 13 Add Google Analytics to Your Website
- 14 Download Elementor
- 15 Edit the homepage using Elementor
- 16 The basics of Elementor
- 17 Get Free Stock Images from Unsplash or Pexels
- 18 How to Resize, Crop and Optimize images using Wordpress (no Photoshop needed :))
- 19 Add and configure the background of a section in Elementor
- 20 Setup a header area with text and 2 call to actions buttons that animate
- 21 Adjust the header background. Add a gradient overlay.
- 22 How to use the shape divider in Elementor
- 23 Configure an Icon Box
- 24 Configure the Image Carousel
- 25 Use padding and margin to style your website
- 26 Duplicate Columns
- 27 Use the Video Element
- 28 an about us section with background and floating text area
- 29 Create a testimonial sections
- 30 Create a section with animating images fullwidth
- 31 Create a section with a text and image about yourself (fullwidth)
- 32 Duplicate a section
- 33 Create a section with a video background and contact form
- 34 Add a button with an anchor link (link to a place within the page)
- 35 Configure a Image Gallery
- 36 Add a toggle element
- 37 Add a counter
- 38 Configure the progress bar
- 39 How To export pages and sections to a different page or website
- 40 Create a maps element
- 41 Install the portfolio plugin that comes with Phlox
- 42 Create a portfolio item
- 43 Configure the portfolio page
- 44 Configure the portfolio page even more
- 45 Create a blogpost
- 46 Paragraphs and headers within a blog post
- 47 Style your blogpost
- 48 Add images to your blogpost
- 49 Add custom CSS to your post/page/website
- 50 Add a recent post with thumbnails plugin
- 51 Optimize your images for Google (SEO)
- 52 Configure the blogpage
- 53 Blogposts and Comments
- 54 Create a gravatar
- 55 Activate the footer area
- 56 Add a Instagram widget
- 57 Add a Facebook widget
- 58 Add a Recent Post Widget
- 59 MOBILE FRIENDLY RESPONSIVE (THIS IS AMAZING ABOUT ELEMENTOR). Optimize your website for tablets and smartphones
- 60 More about Elementor Pro