Learn how to build a professional one-page author website using Elementor Flexbox Container in WordPress. This comprehensive tutorial guides you through creating a visually appealing site to showcase and sell novels. Master techniques like custom font loading, global color schemes, typography settings, and responsive design. Explore advanced features such as font clamping, WebP image conversion, and motion effects. Create essential sections including a header banner, hero section, latest book release, author bio, book catalog, and contact form. Implement a navigation menu with anchors for smooth scrolling. Perfect for authors looking to establish an online presence and boost book sales.
Create an Author Book Writer Website with Elementor Flexbox Container - Elementor WordPress Tutorial
Web Squadron via YouTube
Overview
Syllabus
Intro
Custom Load Fonts
Global Colours
Global Fonts and Typography
Font Clamp Optional
Add the Root HTML Optional
WebP Image. Conversion
Let’s Start Building
Remove the Title and Set to Canvas
Using Containers for the Header Banner
Add the Logo
Add Social Sharing Icons
Align the Container Items to the End
Check the Header for the Mobile
Add a Container for the Hero Banner
Set the Container Background Image
Overlapping the Header and the Hero Banner
Add a Heading to the Hero Banner
Using Font Clamp Generator for the Heading Font
Add another Heading to the Hero Banner
Wrap the Container’s Contents
Check the Hero Banner for the Mobile
Add CTA Buttons
Review the Hero Banner for the Mobile Again
Alternate Image for the Background on the Mobile
Add a Container for the Latest Book Release
Add Buy Now Buttons to External Stores
Add Motion Effects to the Book
Check the Latest Book Container on the Mobile
Create an About the Writer Container
Create the other Books Container
Create a Contact the Writer Container
Adding a Nav Menu with Menu Anchors
Conclusion and the End Result
Taught by
Web Squadron
