❤️ Get Domain and Hosting ➜ go.webspacekit.com/OnePageWeb...
🏆 #1 Content Generator ➜ gravitywrite.com/
👉 CSS Code used ➜
.site-header {
position: fixed;
width: 100%;
}
✍️ 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗛𝗶𝗴𝗵-𝗤𝘂𝗮𝗹𝗶𝘁𝘆 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗤𝘂𝗶𝗰𝗸𝗹𝘆 ➜ gravitywrite.com/
Learn how to create a One-page website in Wordpress, let’s say you want to create a single page website.
You can do that easily by following a few simple steps ✔️
So let's get started 👇
🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀
0:00 Intro
1:20 Launch Your Website
4:40 Start Building your One-Page Website.
7:30 Choose a Design
8:49 Edit Content of your Site
10:49 Remove and Add New Section
13:50 Add Logo to your Site
14:52 Add Menu and Link it to the Section
19:39 Make Fixed Menu
21:12 Add Contact Form to your Site
📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀
👉 Part 1: Launch Your Website
Step 1: Choose Your Website Name
Click ➜ visit.websitelearners.com/One...
Enter the name & check availability’.
Step 2 : Get Your Hosting & Domain Name
Click ‘Add to cart & Continue’.
Fill up the details & make payment.
👉 Part 2: Start Building your One-Page Website.
Step 1: Login to your website
Type ‘/wp-admin’ next to your site address
Enter the login details which you’ve received on mail.
Step 2: Install a theme in Wordpress
Go to Dashboard ► Appearance ► Themes ► Add New
Search your theme, & click ‘Install’ & ‘Activate’.
Step 3: Choose a design
Click ‘Get Started’ & select your page builder, we recommend ‘Elementor’.
Now select your design, & Import Home Template
Step 4: Edit content of the site
Click ‘Edit with Elementor’.
And edit any content on the page,
Once done, click ‘Update’.
To delete a section, go to section and click ‘Delete’
To add new section, click Folder icon ► blocks,
Select your section category, then click ‘Insert’
Once done, click ‘update’.
Next to set the page as default home page
Go to Dashboard ► Settings ► Reading
Select ‘static page’ & select your home page, & click ‘save’
Next to add logo, & create menu,
Go to ‘Customize’ option and make changes
To make the menu work, click ‘Edit with Elementor’
Go to the section ► Layout icon ► Advance
Enter CSS ID, enter your section ID without #, once done, click ‘Update’.
To make your menu fixed, go to ‘customize’ ► Additional CSS
Enter this code:
.site-header {
position: fixed;
width: 100%;
}
Once done, click ‘Publish’.
So this is how you can create a one-page website.
❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀
🔴 🌐 Free Domain + ⚡ Fast Hosting | 𝗪𝗲𝗯𝗦𝗽𝗮𝗰𝗲𝗞𝗶𝘁 | wl.coupons/3Mssvm7
🔴 🖥️ Ready-made Websites for 🏷️ Sale | 𝗠𝗮𝗸𝗲𝗬𝗼𝘂𝗿𝗪𝗣 | wl.coupons/3FX28lN
🔴 🧑💻 Get your website developed by 👨💻 Experts | wl.coupons/3xXDWxa
🔴 🛠️ Check out our Top recommended 𝗧𝗼𝗼𝗹𝘀 | wl.coupons/3liS6SD
🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲
🟢 🖥️ Make a Website in 10 mins | wl.coupons/3Np5aS7
🟢 📰 Make a Blog - Quick & Easy | wl.coupons/3MqVkzj
🟢 🛍️ Make an Ecommerce site | wl.coupons/39tl53h
🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀
🔵 🔥 Beginner WordPress Course | 50% Coupon ytSub | wl.coupons/3LoPj4R
🔵 🛒 Ecommerce Course | SAVE 50% Coupon ytSub | wl.coupons/3NnBYv6
🔵 📖 Check out our Blog posts for free content | wl.coupons/3FTj4tq
🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀
🟡 🔍 Grammarly|20% off|wl.coupons/Grammarly
🟡 📲 Publer|10% off|wl.coupons/publer
🟡 📈 Mangools |10% off|wl.coupons/mangools
🟡 💼 Fiverr|10% off Coupon WEBSITELEARNERS10|wl.tools/fiverr
🟡 🖼️ Astra|10% off Coupon WLDiscount|wl.coupons/Astra
🟡 📊 SEMScoop|20% off Coupon SAVE20LT|wl.coupons/SEMScoop
🟡 📝Anyword|20 % off Coupon Anyword20| wl.tools/Anyword
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners
4 июл 2024