Categories
Website Design

How To Create A One-Page Website In WordPress [Video]

How To Create A One-Page Website In WordPress

𝗚𝗲𝘁 𝗗𝗼𝗺𝗮𝗶𝗻 𝗮𝗻𝗱 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ http://my.webspacekit.com/link.php?id=42

𝗖𝗦𝗦 𝗖𝗼𝗱𝗲 𝘂𝘀𝗲𝗱 :

.site-header {
position: fixed;
width: 100%;
}

𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝗼𝘂𝗿 𝗲𝘅𝗰𝗹𝘂𝘀𝗶𝘃𝗲 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 ➜ https://websitelearners.com/wordpress-course

𝗛𝗼𝘄 𝘁𝗼 𝗠𝗮𝗸𝗲 𝗠𝗼𝗻𝗲𝘆 𝘄𝗶𝘁𝗵 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/

𝗩𝗼𝘁𝗲 𝗳𝗼𝗿 𝗼𝘂𝗿 𝗻𝗲𝘅𝘁 𝘃𝗶𝗱𝗲𝗼 ➜ https://topics.websitelearners.com/websitelearners

𝗣𝗼𝘀𝘁 𝗜𝘀𝘀𝘂𝗲𝘀 𝗛𝗲𝗿𝗲 ➜ https://wltalk.com/post/1181546568

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 simple steps.

𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀 :

00:00 Intro

01:24 Launch Your Website

04:40 Start Building your One-Page Website.

07:36 Choose a Design

08:54 Edit Content of your Site

10:56 To Remove and Add New Section

13:56 Add Logo to your Site

14:59 Add Menu and Link it to the Section

19:55 To Make Fixed Menu

21:24 Add Contact Form to your Site

Part 1: Launch Your Website

Step 1: Choose Your Website Name

To choose the name, click here ➜ http://my.webspacekit.com/link.php?id=42

Now enter the name you want & click ‘Check Availability’.

To check if the name is available.

Step 2 : Get Your Hosting & Domain Name

Click ‘Add to cart & Continue’.

Now choose your hosting plan & plan length,

And fill up the details & make payment.

And now you’ve got your hosting & domain.

So now you’ve successfully launched your website.

Part 2: Start Building your One-Page Website.

Step 1: Login to your website

To login to your site

Just type ‘/wp-admin’ next to your site address

Now enter the login details which you’ve received on your mail.

Now click ‘Login’ and you will be redirected to your WordPress dashboard.

Step 2: Install a theme in WordPress

To install the theme

Go to WordPress Dashboard ► Appearance ► Themes ► Add New

Now search your theme, & click ‘Install’ & ‘Activate’.

Step 3: Choose a design

To choose a design, click ‘Get Started’

Next select your page builder, we recommend ‘Elementor’.

Now select your design, & click ‘Import Home Template & Next’

And then click ‘View Template’.

Step 4: Edit content of the site

To edit your site, just click ‘Edit with Elementor’.

Now you can edit any content on the page,

like changing the text, image or adding your own content.

Once you’re done with the changes, click ‘Update’ to save it.

To delete a section, just go to that section and click ‘Delete’

To add new section, click ‘Folder icon’

Go to blocks, select your section category,

Now select your section & click ‘Insert’

And now you can edit the page by changing the text, image.

Once done, click ‘update’.

Next to set the page we created as default home page

Go to Dashboard ► Settings ► Reading

Now in home page display select ‘static page’.

And then select your home page, & click ‘save’

Next to add logo, just click ‘Customize’

Click the blue icon and then add your logo

Now to remove site title, disable site title option

Once done, click ‘Publish’ to save changes.

Next to create new menu,

Go to Customize ► Menu ► Create new menu

Now enter your ‘menu name’ now choose ‘menu locations’

Now to add your menu click ‘add items’

Now to add section to your menu, click ‘Custom links’

Enter section name & give ID for your section.

Just by type #section name, & then click ‘Add to menu’

Likewise, you can add other section to your menu.

Once done, click ‘Publish’

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’.

Likewise, you can link the section to the menu.

To make your menu fixed, go to ‘customize’ ► Additional CSS

Enter this code:

.site-header {
position: fixed;
width: 100%;
}

Once done, click ‘Publish’.

To add a contact form to your site.

First, Install WP forms Plugin

To install the plugin, go to Dashboard ► Plugins ► Add New,

Now search for ‘WP forms’ and click ‘Install & Activate’.

To create the form, click ‘Create your First Form’,

Select a form template & click ‘Create & Save’.

To add the form to our site,

Go to the section & search for WP forms,

Now just drag the form and drop on the section.

And select the form you created, & click update.

So that’s it, guys.

This is how you can create a one-page website in wordpress.

———————–

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers/​
Want your website developed by us? Email us your requirements to contact@websitelearners.com

Watch/Read More
Categories
Website Design

Pure CSS Scroll snap - Vertical Scroll [Video]

Free Enrollment - 11+ Courses in bundle Enroll here - https://www.udemy.com/course/be-a-front-end-website-developer-today-10-projects-included/?couponCode=21C7E6DB65C76139891C ----- Top animation videos watch these below -------------------- #1- https://youtu.be/icrEhXdVcUw #2-https://youtu.be/i0YOfn2bn_8 #3-https://www.youtube.com/watch?v=Qco4kOjNDno #4-https://www.youtube.com/watch?v=cUe9FUAMH18 #5-https://www.youtube.com/watch?v=1dQJzKUwKCo #6-https://www.youtube.com/watch?v=cOLM2RrVX_4 #7-https://www.youtube.com/watch?v=TkiiGL_YMbA&t #8-https://www.youtube.com/watch?v=RJ0Gz3ApZ4M&t=43s #9-https://www.youtube.com/watch?v=p_gsUxCC_L0 Join our fb group - https://www.facebook.com/groups/328971707545530