Medical WordPress Website Creation Tutorial Video – Step-by-step for Beginners (Transcript)
Resources Used To Build This Website
In this video, I am going to show you how to set up this fantastic medical WordPress website from beginning to end, step by step, with no steps missed.
You are going to see how to get over 2000 of these same professional quality themes and one hundred and fifty complete theme site kits for just about any website you wish to build. Here’s the amazing part. Other than hosting, everything I am going to show you is free.
Templates come with multiple pages to pick from. In most cases, you can pick from two or more Homepage layouts. Most contact pages come with two or more to choose from. Some kits come with over 20 pages. Landing pages come with moving progress bars, moving counters, and sliding effects to sections.
The hard work has already been done. For a finished project, you simply change the text colors, add images, and maybe move a few things around. That’s it.
The power of this tutorial is you will see how to set up brilliant websites like the one shown here in 20 minutes or less, not days or weeks. Let’s jump in.
Adding a WordPress Theme
Let’s get our theme. From the WordPress dashboard, hover over Appearance and click Themes. At the top, click, Add New. On the right side, enter Hello Theme in the search box. The screen will auto-populate with your entry. Hover over the Hello Elementor theme and click install. Next, click Activate. Our theme is now installed and ready to go.
Adding the Plugin, Elementor Page Builder
Let’s get our page builder from Elementor. From the dashboard, hover over Plugins and click Add New. Enter Elementor in the search box. The screen will auto-populate with your entry. You will see Elementor Page/Site Builder by Elementor dotcom. They have over five million active installations and is one of the best and easiest page builders we have used. Click, Install Now. Click, Activate. You can now see Elementor is installed on our dashboard.
Installing the Plugin, Envato for Amazing Templates
We are now going to install access to Envato templates that work with Elementor. Head back over to Plugins. At the top, click, Add New. In the search box, type, Envato Elements. We want an Envato Elements, Photos & Templates by Envato. Click, Install Now. Click, Activate.
Deleting Pre-installed WordPress Pages
From the Dashboard, hover over Pages and click, All Pages. Check the box left of Title. Click in the, Bulk Actions box. Highlight and click, Move to Trash, and Apply. The pages are now deleted.
Adding New Custom Pages for a Medical Website
We are now going to add the following new pages to our website: Home, Doctors, Departments, Pricing, and Contact Us.
Hover over Pages and click, Add New. Close the dialog box. Where it says Add Title, type Home. Click Page Attributes on the right. In the Template section dropdown, choose Elementor Full Width. At the top, click, Publish, and Publish again. Click on the WordPress logo. You can now see the new Homepage is added.
Adding the next pages is a rinse-and-repeat process.
At top, click, Add New. At Add Title, type, Doctors. Click Page Attributes on the right. In the Template section dropdown, choose Elementor Full Width. At the top, click, Publish, and Publish again. Click on the WordPress logo. You can now see the Doctors page is added.
Click, Add New. Type, Departments. Click Page Attributes on the right. In the Template section dropdown, choose Elementor Full Width. At the top, click, Publish, and Publish again. Click on the WordPress logo. Departments is now added.
Click, Add New. Type, Pricing. Click Page Attributes, choose Full Width. Click, Publish, and Publish again. Click the WordPress logo. Pricing is now added.
Contact Us page
And lastly, click, Add New. Type, Contact Us. Click, Page Attributes. Choose Full Width. Click, Publish, and Publish again. Click the WordPress logo. Contact Us is now added.
We have successfully added all pages to the new website.
Envato Templates Kit
We are now going to apply an Envato Template onto each page. This is a page-by-page process. Our pages added show in alphabetical order, but we will install our templates in the order of how we have our menu set up from left to right.
Hover over Home and click, Edit. At the top, click, Edit With Elementor. We are now in the Elementor Page Builder dashboard. In the middle of our screen, we have three icons. Select the Green Envato Leaf. We are now where Envato offers templates and template kits. We are going to select Free Kits at the top. Envato provides some of the most professional themes we have come across. There are well over 2000 themes and over 150 full site template kits.
Install a Medical theme Template
In the search box, I am going to type in Medical for this video today. Click, Install Kit. Now, click View Kit. The pages now shown are all the pages in the kit we can choose from to build our website.
Since we are looking to install a template onto our Homepage, let’s select a Home design and click, Insert Template. We can now see the template installed onto our Homepage. We will have some minor adjustments at the end to better refine how our pages look. For now, click Update at the bottom and let’s get the rest of our page templates up and running.
Just like when we added the new pages and WordPress, installing the Envato templates are more rinse-and-repeat steps for each of our pages.
Head to the top left and click on the Hamburger menu and click on, Exit to Dashboard. Click on the WordPress icon and let’s select the next page and apply a template. Click Doctors and click, Edit. Click, Edit With Elementor. Click the Green Leaf. Click, View Installed Kit. Select, Doctors and Insert template. The template is now installed. Click, Update to save it to our page. Click the Hamburger menu and click on Exit To Dashboard.
Click on the WordPress icon and let’s select the next page to apply our Envato template. Click Departments and click, Edit. Click, Edit With Elementor. Click the Green Leaf. Click, View Installed Kit. Select, Departments. The template is now installed. Click, Update. Click the Hamburger and click Exit To Dashboard.
Click WordPress. Click Pricing and click, edit. Click, Edit Elementor. Click the Leaf. Click, View Installed Kit. Select, Pricing. The template is now installed. Click, Update. Click the Hamburger and click, Exit To Dashboard.
Click WordPress and select the next page. Click, Contact Us and click, Edit. Click Edit Elementor. Click the Leaf. Click, View Installed Kit. Select a contact page. The template is now installed. Click, Update. Click the Hamburger and click Exit To Dashboard.
Click WordPress. We now have both Elementor builder and Envato page templates activated onto each page of our new website.
Organize Menu Navigation
Let’s now organize our new pages on the Menu. Menus are used in the navigation sections of websites and where we click to go to other pages. Hover over Appearance and click, Menus. This is where we control how our pages appear in the navigation
sections on our website. We will want them in the conventional order. Click and drag the pages into position. Click, Create Menu. Check the box, Automatically Add New Top-level Pages To This Menu, and check the Primary box. Click, Save Menu.
We are now going to adjust our Settings. Hover over Settings and click, Reading. Check the radio button, A Static Page, and Homepage: select the dropdown Home. Leave all other settings as they are and click Save Changes below.
Editing Pages and Change Colors in Elementor
From the dashboard, Click, Pages. Hover over our Homepage, and click, Edit with Elementor. To edit any part of our website, first, click in the section on the page. The Editor on the left will switch to the correct tool panel. We can either edit it on the live page or do it in the tool panel on the left.
The same applies for text styling. Click Style above. In the Text Color box, I can change it to any color I want. Also clicking on the globe produces a palette of colors Elementor has preset. You can set your own by clicking on the Hamburger, click, Site Settings and Global Colors. Here you can reset the colors Elementor provided and add more at the bottom. Let’s leave the color settings and click, Update.
Let’s take a look at all the ways we can view our site. For a full-page view, click the arrow on the edge of the palette. This allows us to have an unobstructed view of the page we are working on. The Envato templates are responsive. Click the Monitor icon below. Click the Tablet, this is your tablet view. Click, Mobile.
On-page editing and viewing for any device is just one of the great features of Elementor. For example, if something does not look quite right in the mobile mode, when you edited and update it, it saves just for that device and not across the board for all devices. This way you can make the finest of adjustments per device. I’ll leave everything as is.
With practice, you can quickly edit any template and change anything or build your theme from the ground up. To learn more, we have provided a link to Elementor. There you will find a wealth of instruction and video tutorials to advance your skill level.
Final New Medical Website Tour
Let’s take a final full tour of our new website, click the Hamburger, and Exit to Dashboard. Click the WordPress icon. Click the House icon. Everything looks great on the homepage. All the elements are installed correctly. You now have a fantastic homepage. Let’s take a look at the next page. Looks pretty good. Let’s click the next page. It also looks good. The next page. This is exactly as shown in the kit. And lastly, the Contact Us page.
Whether you are building your own personal website or many websites for customers, you can rapidly produce a product, modify it or plug in something altogether different in just minutes. This concludes our video. Please visit our other tutorials where we go further and steps to building professional websites. Click the Like button if you enjoyed this video. Click the Subscribe button to see more videos, and the Bell notification to know when new tutorials are published. We’ll see you at the next one. Thank you for watching.
WEBSITE BUILDER RESOURCES
***WORDPRESS WEBSITE-BUILDING CHECKLIST***
***BEST BACKUP & SECURITY***
***BEST YOUTUBE SEO***
***BEST WIDGET MANAGEMENT***