Build and Customize a Modern WordPress Front Page in One Hour
Offered By: Skillshare
Course Description
Overview
In this class, you will learn how to build a modern portfolio type front page with WordPress.
You will learn how to configure WordPress properly and how to level-up and use its content editor.
I will also show you how to add some personal touch with custom css. I will explain how css works and how you and add custom css to your WordPress website.
This class is accessible to beginners. I will guide you step-by-step from a fresh WordPress installation towards the outcome.
Still, it can be interesting and challenging for more advanced WordPress users who don’t have much experience with the Gutenberg content editor. And for those who would like to go further with the customization and start working with css.
You can see the demo of what we are going to build here.
To follow up with this class, you will only need a WordPress installation. I will also guide you through the complete website setup with one of the popular web hosting services.
A few useful links:
General: Style guide and images.
Video 5: Google fonts.
Video 10: You can follow along and code the introductory example with me here.
Video 14: You can find the complete custom css code here.
Syllabus
- Introduction
- Getting Started with WordPress
- Welcome to Your WordPress Dashboard
- Project Setup: Installing Theme and Plugins
- Say Hi to the Customization Panel
- Setting Our Front Page
- Header Section: First Steps with Gutenberg Editor
- Let’s Build the Motto Section
- Building the Portfolio Section
- Adding Interaction with Custom CSS
- The Contact Section
- Navigation: Adding Anchors
- Navigation Menu
- Sticky Navigation
- Conclusion
Taught by
Paulina Hetman
Related Courses
3D Graphics for Web DevelopersPompeu Fabra University via FutureLearn Accessibility Audit
Amazon Web Services via AWS Skill Builder Advanced React
Meta via Coursera Advanced System Security Topics
University of Colorado System via Coursera Apply advanced testing for your Django web application
Coursera Project Network via Coursera