Build WordPress website in 2025 Mastering WordPress

Learn how to build WordPress website in 2025 with free tools, covering all essential steps, including design, SEO, and advanced techniques.

 

This YouTube video tutorial teaches viewers how to build a WordPress website in 2025 using free tools. The tutorial covers choosing a domain name and web hosting, installing WordPress, utilizing the free Elementor page builder, and implementing branding elements like colors and fonts. It also demonstrates creating various website pages (homepage, about us, services, contact) and optimizing the site for search engines. Advanced techniques, such as creating sticky headers and using animations, are also shown.

Finally, the video provides links to supplementary tutorials on more specialized topics like creating logos and implementing affiliate marketing. Follow this guide to build a WordPress website in 2025 and take your web development skills to the next level. Whether you’re a beginner or experienced, this tutorial will help you build a WordPress website in 2025 from scratch, step by step.

 

 

 

Table of Contents

Get Started: Your Free Domain and Web Hosting to Build WordPress Website in 2025

The video begins by outlining the ease of website creation and what will be covered in the tutorial. It promises a free domain name for those who don’t have one, and the installation of WordPress, the most popular website builder in the world. The tutorial uses a free WordPress theme and the Elementor page builder. It also emphasizes that you will not just be creating a website, but also learning about branding, colors, fonts, and logos.

The presenter explains that Elementor is a drag and drop page builder that allows you to adjust the content and style of your website with ease. Global colors will be used so that any change to the color pallet will be applied across the entire website. The websites created will be optimized for desktops, tablets, and smartphones. You can also learn to create blog posts to improve search results, create a portfolio page, add plugins, and save design elements for future use.

The presenter claims that by the end of the tutorial, you’ll be able to build a professional website and even generate income by making websites for others. WordPress is described as a free and the best tool to create a website without coding. You can migrate a current website, or skip the WordPress installation if it is already installed. For those who don’t have a domain and web hosting, the presenter recommends Hostinger. The presenter also mentions that Hostinger is affordable and is taking over the web hosting industry.

Choosing Your Hosting Plan to Build WordPress Website in 2025

The video guides the viewer through selecting a hosting plan with Hostinger, starting with the Premium plan, which is described as suitable for those on a budget. The Premium plan offers standard performance, and is fast enough for creating one or a few websites. The video presenter describes the testing he did to determine this level of performance. For a longer time period you can get started for a low price.

The Business plan is recommended as an even better option. It has increased performance, up to five times faster, with nvme storage. The Business plan also has daily backups, a free CDN, a WordPress staging tool, and AI tools to assist in building your website. The presenter notes the AI tools are already good but will only become better in the future. You can get the Business plan at a low price for 4 years by clicking on “add to cart”.

After you choose your plan you can fill in your credit card details, and then in a few minutes you can select a domain name. The video explains how to select the language for the hosting panel. The video presenter also mentions he is going to skip the initial steps of setting up the website, and will show the viewer the process of claiming a free domain. This is where you fill in the domain name and extension to see if it is available.

WordPress Installation and Initial Setup to Build WordPress Website in 2025

The video walks the viewer through the process of registering the domain name with Hostinger, including selecting a server location. The presenter notes that he will focus on people from the United States, but that you can select a different server if you have a different focus. After the server location is chosen, the video explains that the WordPress website will be installed. The presenter mentions that the website will be made secure.

After the website is installed, the presenter refreshes the page and shows the live domain, hosted at Hostinger and secured by SSL. He then goes to the autoinstaller and selects WordPress. He enters his website title, administrator email, username, and password. The video shows how to select a different language for your website if you choose. Then, the admin panel can be opened where you can see the back end of the website.

The video also shows how to see the front end of the website, which is what visitors will see. The presenter notes that the default installation will look different, and that the bar at the top of the screen is only visible to logged-in users. The presenter mentions there are WordPress tools and settings. The presenter explains the need to clean up the WordPress environment by dismissing messages and unchecking options in the screen options.

Configuring WordPress: Permalink, Profile, and More to Build WordPress Website in 2025

The tutorial explains how to clean up your WordPress website and configure some key elements before building the website. The presenter wants to dismiss the messages on the dashboard, and go to screen options to uncheck everything so the overview is clean. While he eventually wants to install Google Analytics, for now, he wants to leave the dashboard empty.

The video shows how to change the permalink structure so that the URL is cleaner and easier to understand. The presenter goes to the back end to settings, then to permalinks, where he changes the custom structure to post name. This will mean the URL is yourdomain.com/post-name rather than yourdomain.com/index.php or some other less informative string. This is also very important for SEO or search engine optimization, when you build WordPress website in 2025.

Then the video covers changing the display name on your profile. The presenter explains how to change the name to what you want it to display as, rather than the default “howdy”. The presenter also mentions how to add an image to your profile by using gravatar, an external service linked to your email. Also, you can change the admin color scheme to change the look and feel of the backend of your WordPress website. The presenter then shows how to delete all the default posts that come with a WordPress installation. The video also reviews where to make changes if the WordPress URL does not have an “s” in https. The presenter shows how to change the time zone and date format of your website.

Branding Basics: Keywords, Colors, and Themes to Build WordPress Website in 2025

The video emphasizes the importance of using keywords in your site title to help people find your website. The presenter recommends putting the keywords at the beginning of the title followed by the name of your company. For example, a web design agency in Amsterdam should name their site “Web Design Agency Amsterdam – Web Divine”. A tagline should also be included to explain what the website is about.

The presenter then shifts to branding, showing an overview of the colors he will use in his website. He also shows the fave icon and logos he will use. The video notes that these images can be changed later and they will be updated throughout the website. This will allow you to easily build WordPress website in 2025, with flexibility for the future.

The video explains the role of WordPress themes and page builders. A theme determines the look and view of your website. The presenter explains that there are premium themes that cost money, and there are also free themes. The tutorial makes use of a free theme that is described as amazing and capable of more than some paid themes. The presenter gives a few examples of what themes can do, changing the style of the title and background.

Installing and Customizing the Bloxy Theme to Build WordPress Website in 2025

The presenter introduces the Bloxy theme as the best free theme he has found. You can download it for free by visiting a URL. He shows how to install the theme both by uploading the downloaded file and also through the WordPress dashboard. Then you activate the Bloxy theme.

The video explains the need to install the companion plugin for the theme, as this is what gives you all the features in the free version. With the theme and the plugin installed, the presenter is ready to upload his logo. The video shows you where to find your logo within your computer’s file system. Then the presenter explains how to upload the logo using the customizer.

The presenter shows that the logo can be adjusted in the customizer, including its height and size. Because the logo is an SVG file, the quality remains sharp no matter the size. The video also shows how to upload the fave icon, which is the small image that appears in the browser tab. The presenter notes that this is important to show users they are at the right place.

Creating Pages and Menus for Easy Navigation to Build WordPress Website in 2025

The video explains that WordPress was originally a blogging tool, and now has been updated to include the ability to create pages. The presenter explains that to show the homepage, you need to create a homepage. To do this, the video explains how to create a new menu using the customizer and adding the necessary pages. The presenter mentions that the menu name is for your own reference and can be anything you like.

Then the video explains the importance of thinking about the purpose of your website, and what pages will help you achieve that goal. The presenter gives the example of a website to attract new clients. For this kind of site, you can see what other websites are doing for inspiration. The presenter notes that if people are paying to advertise their site, then you can assume that the advertising is optimized for conversion.

He then shows that many websites have pages such as “about us” and “services”. The video shows how to create pages and add them to the menu, including a Services page, and then sub-menus for each service offered. He also adds a Work page to showcase previous projects, a blog page, and a contact page. He also notes that you should also have a way to go back to the homepage. Then the video shows that there are different options for the menu including adding pages, posts, custom links.

Implementing Global Colors and Fonts for a Cohesive Design to Build WordPress Website in 2025

The presenter discusses the use of colors in branding, and how to implement them in a website using the Bloxy theme. The video shows how to access the color settings in the customizer. The presenter shows how to use a global color palette and use those colors throughout your website. The presenter notes that if you change the global colors, the entire look of the website will change.

The video presenter then copies color codes from his color palette and pastes them into the global color settings. He also changes the background to white. The video reiterates that by using this color palette, when a color is changed the whole look of the website will change. With these global colors in place, it will be easier to build WordPress website in 2025 and beyond, while maintaining a consistent visual style.

The video then shifts to the use of fonts. The presenter shows how to use Google fonts to find appropriate fonts for your website. He stresses the importance of fonts being aligned with your branding, explaining that fonts say a lot about your brand. Then he filters the fonts and explains the difference between serif and sans-serif fonts. Then he goes back to the customizer and adjusts the base font and the headings.

Customizing the Header with Bloxy Theme Options to Build WordPress Website in 2025

The video shows how to customize the main menu, noting that CSS (cascading style sheets) is what is used to create the style of the website. The presenter then shows how to adjust the dropdown options of the menu, including changing the color on hover and on active. The presenter also adjusts the background color of the menu items.

The video explains the benefits of watching the tutorial to the end, because it helps the video perform well in search results, which also helps the creator. Then the video moves on to configuring the header. The presenter shows how to add an HTML element to the header so you can include a phone number. The video shows you how to change the color and font of the HTML element.

Then the presenter shows the option to add an account area, a second menu, or social icons to the header. He shows how to change the colors of the social icons. He then adjusts the height of the header. The presenter notes that you can choose to make the header boxed or full width. The video highlights that the free version of the Bloxy theme allows you to do many things. You can drag elements to the left, right, or center and do whatever you want to. The presenter notes that his website is not very big, so he does not want a search area.

Creating a Sticky Header and Adjusting the Website Width to Build WordPress Website in 2025

The video presenter explains that he wants to add a contact button because he has seen call to actions on other websites. He shows how to create the button and adjust the border radius to make it rounded. Then he shows how to remove the contact page from the menu and replace it with the contact button. He then shows how to adjust the mobile view settings, to make the menu visible when you click on the menu icon.

The video presenter then explains that the header can be made sticky, so that it stays at the top of the page when you scroll down. To demonstrate this, he adds some dummy text to the homepage. He copies the text from a dummy text generator and pastes it into the page. The presenter explains the text is free of copyright restrictions. Then he goes to the customizer and turns on the sticky header.

He explains there are three states for the header including default, transparent, and sticky. He shows how to adjust the colors of the text in the transparent state, and how to adjust the logo so that it appears correctly in all states. The presenter emphasizes how much he likes the Bloxy theme and that he does not need a premium theme. The video also clarifies that the sticky header option is only available if you have your own domain and web hosting. This is because the wordpress.com free version does not allow for the functionality. The video ends this section with a reminder to keep things clean and simple. Finally, the video explains how to adjust the website width for the best viewing experience.

Installing and Configuring the Elementor Page Builder to Build WordPress Website in 2025

The video transitions to installing the Elementor page builder, which the presenter calls the easiest and best page builder available. The presenter notes that while WordPress has its own page builder, it is not yet as good as Elementor. He also mentions that he has been using Elementor since 2017. He gives a URL that you can use to find Elementor. He notes that it’s hard to find the free version on the website, so he goes to the back end of the website and searches for Elementor in the plugins.

He then installs the free version of Elementor. The presenter mentions that there are 5 million installations, and that the plugin is updated frequently. He notes that this page builder has made it easy to make websites. The presenter says that using Elementor is a next level experience for making websites. The video then closes the Elementor configuration and welcomes the viewer to the Elementor page builder.

The presenter explains that before building things, it’s important to set up Elementor to be more efficient. The presenter says this may be boring, but will make you more productive in the long run. He then shows the viewer how to use the new top bar layout, and how to use it to go back to the WordPress dashboard from Elementor. He then goes to the Elementor settings and disables the default colors and fonts, so that they can be set using the Bloxy theme.

Elementor Basics: User Preferences, Layout, and Color Palettes to Build WordPress Website in 2025

The video shows the structure panel where you can see the structure of your page, which can help you navigate. The presenter then goes to user preferences and explains how to make the interface of Elementor dark or light. He then turns on editing handles, which allow for elements to be duplicated. The presenter then goes to site settings and adjusts the content width to align with the Bloxy theme, which is 1120.

The video then goes to container padding, and explains the default padding that occurs around elements. He notes that this padding can make it difficult to align elements in the website. The presenter then sets the container padding to zero. This ensures that the image is aligned at the left edge of the container. The presenter then shows how to exit to WordPress and edit with Elementor. He also demonstrates how to remove the header and footer using the canvas layout, but then decides he wants the header and footer from the Bloxy theme.

The video explains that to use the colors from the Bloxy theme, Elementor needs to be configured to use those colors. The video shows how to adjust text and heading colors, and fonts using the Elementor settings. The video also notes the importance of using H1, H2, and H3 tags for headings, and only one H1 tag per page. The presenter also explains how to make sure you are using your brand’s colors by setting them in the global color palette. He mentions that he will be using colors from the Bloxy theme and not the default colors from Elementor when he continues to build WordPress website in 2025.

Elementor Workflow: Dragging Elements and Adjusting Styles to Build WordPress Website in 2025

The presenter states that there is much to learn about Elementor, but he is going to start with the basics. He explains that he will show how to drag elements into a container and how it works with the three tabs, and how to style things. Then he will show how to position things, and then put it all together into practice and start building websites. He recommends that the viewer slow down the video speed at this point to make sure they learn everything. He encourages the viewer to continue even if they get overwhelmed, and to ask questions in the comments.

The presenter explains the basics of the Elementor interface, that all the elements are on the left and those elements are placed inside containers. He shows how to add new containers by clicking the plus button and choosing a structure. Then you can drag elements into those containers, and begin to create a website. He notes the importance of styling the elements. The video presenter then explains that the settings for each element are in the content tab, the style tab, and the advanced tab.

The presenter also notes that you can adjust not only the elements, but also the containers that hold the elements. He shows how to change the background color of a container. He also changes the padding of a container and also the background of an individual element. The video emphasizes that there are multiple ways to do things in Elementor, but that the video will show the best way, which is also the way that keeps your website fast.

Working with Containers: Structure and Layout Options to Build WordPress Website in 2025

The video shows how to preview the website. It also shows how to publish the website and view it in another tab. The presenter then creates a new practice page to practice using Elementor. The presenter shows how to add a container with elements that go to the right and how to add an image. The presenter then adds four images to the container and explains the different options for the container.

The presenter explains the content width, and the difference between boxed and full width. He notes he prefers boxed at 1120 pixels. Then he explains the minimum height of a container. He shows how to increase the height, and then adds three containers in a container. The presenter adds a heading and text into one of the containers, and then styles the container with a background color and padding. The presenter also notes the different options available when it comes to the alignment of items in a container.

He shows the “stretch” option that allows for content to fill the container. He explains that he is showing the viewer the basics to begin with, and then will increase the difficulty as he continues to build WordPress website in 2025. Then the presenter shows the margin settings, explaining that margins can be used to make spacing changes. He explains that he prefers to adjust the padding of a section by default. He also shows how to use a gallery and how to customize the gallery settings. The video then shows how to add a Ken Burns effect to the gallery.

Building a Hero Section: Text, Buttons, and Image Carousels to Build WordPress Website in 2025

The presenter transitions to using high-quality images, suggesting a website to find those kinds of images. He explains that high quality images help your website look more professional and are worth the money. He also suggests free options for finding images. The presenter then renames the container he has created to “hero”, and shows the structure of the hero area, which contains other containers.

The video shows how to drag a heading into the hero section and change the text. The presenter notes that the goal of the website is important to consider when writing your content. He advises the viewer to take a look at successful websites for inspiration. He notes that websites such as Apple and Tesla have a beautiful image and also a clear call to action.

The presenter notes that websites often have two call to actions: learn more and a way to buy. Then the video shows how to create a heading and change the color, and also how to make it an H1 heading. The presenter also adjusts the padding of the container to give it some space. He then adds two call to action buttons and styles them.

The presenter notes that because the direction of the container is down, that is why the buttons appear below each other. He then shows how to add another container in order to have the buttons go from left to right. The presenter then adjusts the padding of the containers with the buttons, and then makes sure they are aligned correctly.

Image Optimization and Adding a Shape Divider for Visual Interest to Build WordPress Website in 2025

The video shows how to add an image carousel to the website. The presenter shows how to select the images, and how to add a title, alt text, and description to the image. He notes the importance of using keywords in your titles, so you can be found through images. Then he shows how to create a gallery and adjust the settings. He shows how to select the number of slides to show, and whether or not to include navigation arrows or dots.

The presenter then changes the animation style of the carousel, and adjusts the spacing around the text and images using padding and containers. The video explains that elements inside containers can be next to each other without adding unnecessary code. He shows how to remove the unnecessary code and drag the elements to the left. The presenter then adjusts the width of the containers so the text is aligned with the images.

The video shows how to add a shape divider to the container, choosing waves as the type of divider. He also adjusts the width and height of the shape divider. Then he previews the page. The presenter goes back to the settings of the carousel, and adjusts the pause on hover settings.

Using CSS for Styling and Responsive Design for Different Devices to Build WordPress Website in 2025

The presenter discusses CSS, and how to use CSS to link text to the color palette of the website. He explains that he wants to be able to change the color palette in Blocky and have that color change reflected in the text he styles. He shows how to highlight words in the content, and then use some HTML code to create a link. He adds a span element and a class to the text he has highlighted.

Then he shows how to go to the customizer to find the color code for the color he wants to use. The presenter then pastes the color code into the span element, but it does not work right away. He then adds a variable before the color code and then adds some brackets and then it works. Now, the color of the text is linked to the color palette, and the text will change if the color palette is changed. The presenter also adjusts the padding on the page for tablet and smartphone use.

He explains the concept of responsive design, and how important it is to make a website look good on any device. He adjusts the default padding settings for tablets so there is more space between the elements. He shows how to remove previous settings so the containers will automatically be adjusted for different devices. Then, he shows how to make specific changes for the different device sizes. He adjusts the width and the padding for mobile devices. He reiterates the importance of having space on the sides of the screen.

Creating a Section to Highlight Your Strengths and Services to Build WordPress Website in 2025

The presenter transitions to creating a new section where he will highlight the strengths of the company. He states that he will show three or four things that make the company better than their competitors. He notes that he could add three containers, but that this will add extra code to the website. He then starts from scratch to show how to add the elements to the website without unnecessary code.

He adds one container, then drags an icon box into the container. He duplicates the icon box two times, so there are a total of three icon boxes. He then starts to customize the icon, the title, and the text. He recommends using AI to help create text, and notes that he has a tutorial on how to use AI in Elementor. He then adds his own text. He changes the icon, and then styles the icon, and also styles the content of the icon box. He changes the font size of the title and the description.

The presenter then adjusts the spacing and adds a box shadow to the icon box. He adjusts the padding and then copies the style to the other two icon boxes. The presenter notes that he has set up the page to have no refresh, so it will be faster to work. He explains that he has moved the refresh button for the sake of the tutorial. He encourages the viewer to like the video if they are learning new things and also subscribe if they want to learn more about making websites. Then he explains how to make sure the icons are optimized for tablets and smartphones.

Image Galleries, Text, and Styling for a Visually Appealing Website to Build WordPress Website in 2025

The video shows how to add a gallery and adjust the settings including image size, number of slides, navigation, and auto-play settings. The presenter sets the animation style of the carousel to fade, and also adjusts the colors of the dots in the pagination. Then he shows how to adjust the margin of the container.

The presenter discusses how to make use of the settings in the site settings, to adjust the default padding on the website. He also adjusts the rounded corners of the container to match the rest of the website. He notes that rounded corners are important to keep in mind, because the logo uses rounded corners. He then shows how to add a heading and a text element to the website, and how to style that area using copy and paste. He explains how to align the text and set the font size, as well as the colors.

The presenter then discusses how to create a 50/50 area, where two elements are next to each other. He explains how to use the grow option to make sure the elements fill up the space. He notes that this allows you to decrease the width of one element and the other will adjust accordingly. The video shows how to adjust the gap between elements. He explains that sometimes it is better to use padding, but other times, it is better to use gap settings. He reviews how he has previously used CSS to highlight certain text, and also how he bolds certain words.

Creating a Section to Display Awards and Achievements to Build WordPress Website in 2025

The presenter discusses creating a section to display awards, including using a heading and images. He uploads all the images of his awards and then notes that the sizes of the logos are all different. He then duplicates the first image and then replaces it with the other award images. He then explains how to make the image area span the whole width of the screen. He notes that this can be done by turning on the wrap option in the container. He aligns the heading to the center and changes its color.

The presenter then adjusts the width of the images and adds spacing around them using the advanced settings. The presenter shows how the images wrap to the next line because they exceed 100 percent width. The video then shows how to stretch the images to make them all the same width, and how to make some of them smaller and others bigger.

The video then transitions to adding a gradient background and a heading with a white color. The presenter then adds a background color to the heading, and uses padding to adjust the size and shape of the heading area. He then adds a new container and duplicates it a few times to create multiple areas for the services. He then explains how to align the text in those areas to the left and then the center. He styles each of the text areas, using copy and paste style.

Showcasing Your Expertise: Counters and Styled Sections to Build WordPress Website in 2025

The video explains how to adjust the text and style of a section. He fast forwards the process of changing the information, and then looks at the page on different devices. He then makes sure all the text is properly aligned on all devices. He also shows how to give the section a border or a background, depending on your preferences. The presenter also demonstrates the use of gradients for section backgrounds. He then reviews all that has been built so far, and how he has been able to do this with a free theme, page builder, domain, and images.

The video then transitions to showing statistics about the website using counters. He notes that there is a small error in how he is presenting the counters, with a plus sign before and after the numbers, which he does not want to correct. He explains he does not want to re-record the section. He adds a counter element to the page, and sets the starting number, and a prefix. He adjusts the style of the numbers. He then shows how to use spacing to make the counters aligned with each other and also with the other elements of the site.

He then changes the content of the counters, and sets a number, a suffix, and a different animation duration. He then shows how to add space around the counter elements. He also notes that he has forgotten to add a margin, and needs to go to the template view to make sure he adds the correct margin. He also notes that all of the spacing should be aligned.

Call to Action Templates and Building a Stylish About Page to Build WordPress Website in 2025

The presenter is now creating a call to action section. This section is to be on every page, so it is important to save this as a template. He creates a container, a gradient background and copies the heading from the section above it. Then, he adds a divider and adjusts the style. Then he adds some small text and styles it. Finally, he adds a button, and then duplicates the button and drags it to the correct place. He notes how to link the button to the contact page.

He reviews the tablet and mobile view of the call to action. He then saves the call to action as a template which he names CTA. Then, he goes to the about page and inserts the call to action template. The presenter explains that saving templates makes things much faster and more productive. He then says he wants to create a new template for every page, which is a title area. Then he creates a title area and text and adds it to the about page. The presenter notes that the new page is already optimized for all devices.

He then adjusts the shape divider at the bottom of the page, and then transitions to the next section of the video. He notes that there are multiple ways to do things in Elementor, and that he is always looking for the best way to create a cool design and still keep the website fast. He then creates a section with an image on the left, and text on the right, explaining how to style and position the containers. He adjusts the padding, and the borders and the background of the containers.

Text Generation and Team Member Sections to Build WordPress Website in 2025

The presenter shows how to make the image and text appear side by side, and also aligned vertically. He adjusts the text and then previews the results, noting it is pixel perfect. He then says that he is going to go back to an old video recording to get the text he wants for his site. He then shows how to use chat gpt to

 

https://vidspot.top/

link

Leave a Reply

Your email address will not be published. Required fields are marked *