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

Website Development Company Dubai | Ecommerce Web Design Services UAE [Video] Offering Innovative Digital Solutions and website development for all your business needs! We are one of the leading best website development company in Dubai, UAE. Contact Us Now.

Website Design

Figma Web Design Inspiration for Service Section Design - Figma Web Design Tutorial [Video]

In this Figma wed design we are sharing three different, simple, minimal service section design for your next UI/UX design project. We used Figma auto layout, Figma components, and Figma smart animate to make this.==============Arguably The World’s Fastest WordPress Host - WPX, check here: showed three very simple but very practical service section design in this video. These are simple to make and deliver the information properly. And, because of the use of Figma auto layout, Figma components, and Figma smart animate. Design manipulation is much easier, if needed.We will post these kinds of web design inspiration more often. And not just service section design. We will try to cover every possible section on a website. You can also recommend us for our next video if you want.We will not just stop on web design in Figma. We will also convert this into a functional service section in design in the next video. We will use Elementor in WordPress. So, keep an eye for that Elementor tutorial.Also, this is not going to be the only service section on the website. This is just the first one of many web designs inspiration. And every week we post videos on new UI design inspiration. Either it is the full business website or sections like these.So, for weekly website design inspiration or UI design inspiration please subscribe. And click the bell icon if you don’t want to miss any of that. And, of course for the Elementor services section in the next video.__________________________________________Our Products----------------------All Premium WordPress Themes Maria – WordPress Blog and Magazine Theme – Feminine Style WordPress Theme – Blog WordPress Theme ____________________________________________________________________________________Tools We Used-------------------------Video cartoon by voiceover by research by video is related to the following keywords:• Figma web design,• service section design,• web design inspiration,• web design in Figma,• service section in website,• UI design inspiration,• website design inspiration,#Figmawebsite #servicesection #designinspirationPlease Visit OurBlog: us,Pinterest: you enjoy the WordPress tutorial video, you can help us with a LIKE as well as give your feedback in the comment section. We will greatly appreciate it if you share this "Figma Web Design Inspiration for Service Section Design - Figma Web Design Tutorial" on Facebook. Your share can help other people to learn more about UI/UX design.Music by MBB DISCLAIMER▸ This is NOT a sponsored video. ▸ Some affiliate links are used, which means that I earn a small commission if you click the link and make a purchase. It will not cost you extra but help me create more content for our Audience.▸ I only recommend things I have had great success with.

Website Design

Marketing a physical product can be easy, given you can take beautiful flatlays/lifestyle shots... But when you're marketing an app or SAS product, all you have is screenshots. 😐 I spoke to Cory Etzkorn recently, who is a Designer at Notion (and you know I love Notion). He spoke about how Notion prioritise making imagery that looks & feels real. I really loved what he had to say, and wanted to share it here. You can watch the full episode interview here:🚀 CharliMarieTV is now powered by Figma! is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)TIMESTAMPS:00:00 An important part of marketing materials 00:36 Hear what Cory has to say 01:46 Who creates all the product imagery? 02:45 Who the imagery is created for 04:11 UI straight from a 'real creator's' account05:02 How do you handle digital product shots? 💬-----------------------------------------------// ENJOY MY VIDEOS?My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon! You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: ABOUT MEHello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :) -----------------------------------------------// MOREBuy my font: http://charlimarie.storeMy site & blog: https://charlimarie.comDesign Life podcast: http://designlife.fmInside Marketing Design podcast: SOCIALTwitter: MUSIC & TECHMusic from Epidemic Sound. If you want to try it out, sign up using my link! & end card animation by hand lettering animator Austin Saylor: by Nancy Palm & Belén Albiol