Website Design

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

How To Create A One-Page Website In WordPress

𝗚𝗲𝘁 𝗗𝗼𝗺𝗮𝗶𝗻 𝗮𝗻𝗱 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜

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

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

𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝗼𝘂𝗿 𝗲𝘅𝗰𝗹𝘂𝘀𝗶𝘃𝗲 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 ➜

𝗛𝗼𝘄 𝘁𝗼 𝗠𝗮𝗸𝗲 𝗠𝗼𝗻𝗲𝘆 𝘄𝗶𝘁𝗵 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜

𝗩𝗼𝘁𝗲 𝗳𝗼𝗿 𝗼𝘂𝗿 𝗻𝗲𝘅𝘁 𝘃𝗶𝗱𝗲𝗼 ➜

𝗣𝗼𝘀𝘁 𝗜𝘀𝘀𝘂𝗲𝘀 𝗛𝗲𝗿𝗲 ➜

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 ➜

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.


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

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴:​
Want your website developed by us? Email us your requirements to

Watch/Read More
Website Design

The importance of developer community in your career [Video]

In this conversation from the Caribbean Developers conference, Andres Pineda, Senior Software Engineer, joins Cecil Phillip for conversation about how impactful the developer community has been for his career. The two discuss the need for a safe space to learn, make mistakes, and evolve. Andres also gives some practical advice on how to find and be actively involved in developer communities. ### Presenter Cecil Phillip - Developer Advocate at Stripe - Andres Pineda - Senior Software Engineer at Shopify - ### Resources - Stripe Discord - Stripe - ### Support If you have a question, please feel free to reach out to our support team on Discord at ### Updates Sign up to stay updated with developer news: ### Feedback If you have any feedback about this or other episodes, let us know:

Website Design

How To Build A Chat App With React And Stream [Video]

Build cross-platform messaging experiences with Stream Chat API. Sign up for Stream's 30 day trial for free: Building a chat application is hard, especially if you want it to be a robust and full featured app similar to Facebook Messenger. In this video I will show you how you can use Stream to build out an incredibly robust chat system with ease. 📚 Materials/References: GitHub Code: React Router Video: React Router Article: forwardRef Video: forwardRef Article: React Query Video: CORS Video: CORS Article: useLocalStorage Hook Video: useLocalStorage Hook Video: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 00:00:00 - Introduction 00:00:30 - Demo 00:02:33 - Server Setup 00:06:21 - Client Setup 00:12:38 - Client Signup Page 00:31:48 - Server Signup Route 00:38:15 - Client Server Connection 00:44:23 - Client Login Page 00:47:17 - Server Login Route 00:49:20 - Client Finish Auth 01:00:54 - Client Chat Page 01:06:29 - Customizing Channel List 01:15:42 - Client Logout Implementation 01:17:54 - Server Logout Route 01:21:17 - Client New Conversation Page #ChatApp #WDS #Stream