Главная
Study mode:
on
1
Intro
2
Custom Load Fonts
3
Global Colours
4
Global Fonts and Typography
5
Font Clamp Optional
6
Add the Root HTML Optional
7
WebP Image. Conversion
8
Let’s Start Building
9
Remove the Title and Set to Canvas
10
Using Containers for the Header Banner
11
Add the Logo
12
Add Social Sharing Icons
13
Align the Container Items to the End
14
Check the Header for the Mobile
15
Add a Container for the Hero Banner
16
Set the Container Background Image
17
Overlapping the Header and the Hero Banner
18
Add a Heading to the Hero Banner
19
Using Font Clamp Generator for the Heading Font
20
Add another Heading to the Hero Banner
21
Wrap the Container’s Contents
22
Check the Hero Banner for the Mobile
23
Add CTA Buttons
24
Review the Hero Banner for the Mobile Again
25
Alternate Image for the Background on the Mobile
26
Add a Container for the Latest Book Release
27
Add Buy Now Buttons to External Stores
28
Add Motion Effects to the Book
29
Check the Latest Book Container on the Mobile
30
Create an About the Writer Container
31
Create the other Books Container
32
Create a Contact the Writer Container
33
Adding a Nav Menu with Menu Anchors
34
Conclusion and the End Result
Description:
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
Add to list
0:00 / 0:00