Completed
Download The Image I use in the Tutorial
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
How to Make a WordPress Website - Beginners
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Overview of the Tutorial
- 3 For who is the tutorial?
- 4 4 Goals
- 5 Get a domain and webhosting
- 6 Install Wordpress
- 7 Clean up the Wordpress backend
- 8 Change the user information
- 9 Create a Site Title
- 10 Add pages to your website
- 11 Create a menu
- 12 Introduction to Wordpress themes
- 13 Get The Phlox Pro Theme
- 14 Install The Phlox Theme
- 15 Add SSL (https://) to your website
- 16 Activate Your Website
- 17 Select a Static Page As Homepage
- 18 Optimize Your Permalinks for Google
- 19 Get the free Elementor Page Builder
- 20 Fix the White Screen Problem with Elementor
- 21 A Short Introduction To Elementor
- 22 Import A Complete Website In A Few Clicks
- 23 Uninstall A Demo
- 24 Add an Icon and a Logo
- 25 Download The Image I use in the Tutorial
- 26 Optimize your Images for Google
- 27 Assign the menu to your website
- 28 Remove the Page Title Area
- 29 Boxed or a Fullwidth website
- 30 Add Social Icons To Your Website
- 31 Configure the Header
- 32 Configure the menu style
- 33 Configure the Menu for a Smartphone
- 34 Create A Top header bar
- 35 Use Custom CSS to change colors
- 36 Configure the Typography
- 37 Configure the Footer
- 38 Explenation of the structure of Elementor
- 39 Bring back the amazing Elementor Handles
- 40 The Navigator Explained
- 41 Create a Section with a Call To Action Hero
- 42 Configure the Default Colors, Fonts and Color Picker
- 43 Configure the background of a section
- 44 Get Paid Or Free Stock Images
- 45 Import and Optimise an Image within Wordpress
- 46 Configure the background image of a section
- 47 The Shape Divider
- 48 Create the content of the section
- 49 Add buttons using an inner section
- 50 Make your website responsive using Elementor
- 51 Create an area with information about your services
- 52 Create an Image Gallery
- 53 Duplicate area’s
- 54 Add a video
- 55 The use of padding and margin
- 56 Add animations to elements and columns
- 57 Import a pre made template from Elementor
- 58 Adjust the template
- 59 Introduction to all Phlox Pro Elements for Elementor
- 60 Create a background and adjust it using Blend Modes and Filters
- 61 Use The Phlox Pro Settings to create an absolute position and add a Parallax Effect Within an Image Element
- 62 Configure the Modern Heading Element
- 63 Use Custom CSS
- 64 Add a text about yourself
- 65 Make this section responsive
- 66 Create an About Our Team Section
- 67 Give a complete section an intro animation
- 68 Remove the white bar below a page
- 69 Install Contact Form 7
- 70 Get free templates from ferdykorp.com
- 71 Use Elementor Blocks to build pages in minutes
- 72 What is Elementor Pro?
- 73 Import a template for the contact page
- 74 Import a pre made template from Phlox Pro
- 75 Select the blogpage as the blogpage
- 76 Create a blogpost using Gutenberg Blocks
- 77 Go back to the Classic Editor of Wordpress
- 78 Interesting things in the Gutenberg Editor
- 79 Create a blogpost using Elementor
- 80 Configure the blogpage and posts with Phlox Pro
- 81 Change the date on a post or schedule posts
- 82 Configure the Blogpage using Elementor and Phlox Pro
- 83 Add Widgets in the Sidebar
- 84 Add a Facebook Like Widget
- 85 Install the Phlox Portfolio Plugin
- 86 Create a Portfolio Item
- 87 Export and Import Templates
- 88 Create a second Portfolio Item
- 89 Configure the Portfolio Page
- 90 Show the latest blogposts and portfolio items on your homepage
- 91 Create a Footer Area with Widgets
- 92 Wrapping Up
- 93 Thank you
