Many people come to WordPress after some experience of creating static sites using HTML and CSS; in fact, this is what happened to me. I had been building static sites for a while and wanted to start developing with content management system (CMS), which would make it easy for me to import existing static sites and update them using the CMS interface.
The great news is that WordPress makes it possible for you to do this. In this chapter, you'll learn how to move your old site to WordPress as well as gain an understanding of how WordPress works and the benefits of using it. We'll cover these topics:
The difference between a WordPress site and a static site
How WordPress is structured and how it stores your site's content and design information
How to install WordPress on your server and set it up while keeping your old site live
How to choose and install a theme
How to add content to your new WordPress site, including importing content from your old site and adding new posts and pages
Installing plugins to add extra functionality
Launching your site once it is ready
So let's get started!
In this book, you'll learn how to download and activate a theme that will give your site its styling and layout. If you want to learn how to take your static site and develop your own theme-based on the code in your HTML files, I recommend WordPress Theme Development Beginner's Guide, Packt Publishing.
One or more CSS files (referred to as style sheets)
Your WordPress site will include different file types and it will also include a database, which is where your content will be stored.
The main elements of a WordPress site are:
The files running WordPress itself. These are mainly PHP files.
The files in your site's theme, including one CSS file (occasionally more) and a number of PHP files.
Files you upload to your site, including images and PDF files.
Your site's database, which will include a number of tables storing your content and site settings.
You'll learn more about these and what they do in the next section.
Having read the list of files contained in a WordPress site, you may be feeling quite daunted! But the good news is that you don't need to think about the files I've listed here as WordPress does the thinking for you.
When you install WordPress, a number of files are uploaded to your server. The good news is that you don't need to do anything to these files; in fact, you shouldn't. If you edit these files (referred to as the core files), any changes you make will be lost when you install the next WordPress update.
Later in this chapter, you'll learn how to install WordPress. Once you've done that, you can ignore the core files. Phew!
Let's take a look at the file types:
themes: When you create your site, you will need to install a theme, which is what will give your site its design and layout and possibly, some extra features too, depending on the theme. There are thousands of themes available for you to download and use on your site, and a lot of them are free. WordPress stores the files for your theme in the
themesfolder, with each theme having its own folder. You'll never need to open these files or edit them.
plugins: These are extra packages you install in your site to add more functionality. There are thousands of plugins available, and like themes, a lot of them are free. Later in this chapter, you'll learn how to install and configure plugins on your site. Again, the good news is that you don't have to worry about these files; WordPress will do the work for you.
uploads: This folder contains all of the images and other media that you upload to your site. When you first install WordPress you might not have this folder yet, as it's automatically created the first time you upload media to your site. You don't actually upload these directly to this folder; instead, you use the WordPress interface to upload them and then WordPress stores them in the correct place for you. It is another example of WordPress making your life easier! Later in this chapter, you'll learn how to upload an image and insert it in a page on your site.
wp-content directory will have some extra folders, for example, if a plugin adds one. Don't worry if that happens, just leave them alone!
The main benefit of using a database is that it keeps your content and your design separate. As your site grows, this makes your life much easier because you don't have to directly edit HTML files if you want to make changes to your site. The parts of each page that are the same across the site (for example, the header, footer, and sidebars) are kept separate from content, meaning if you want to change them you only have to do it once.
Everything you may need to do with your WordPress site can be done via the WordPress administration screens; you never need to touch the code. If you're not a techie, this will be a very good news!
Using an installer such as Softaculous or Fantastico, which may be provided by your hosting company
Directly installing WordPress using the Famous 5 Minute Install
Let's start with the easier way, which is to use an installer.
If your hosting provider gives you access to an installer, it will probably be accessible via your hosting dashboard or cPanel, which is a dashboard many hosting providers give you to manage your site.
The exact way this looks and where you find it will vary from host to host, so your screen will probably look slightly different from what you see here, but the process is much the same.
My hosting provider includes a link in its control panel called Web Apps. Yours might be called Fantastico, Softaculous, or something else. If you're unsure, check with your hosting company and ask them if they provide a WordPress installer.
When I open this, I see a list of the web apps available to me, including WordPress:
Click on WordPress and then on Install Now.
You will be presented with a list of fields to complete. Fill them out as follows:
Prefix: I prefer to use just
wwwreally isn't necessary these days.
Domain: This will already be filled out with your domain name; leave it as it is.
Directory: If you add something here, WordPress will be installed in a subdirectory of your site and not in your root directory. If you already have a static site running on this domain, using a subdirectory will mean that your static site will still work while you install and set up WordPress. If not, it's easier to leave this empty. You'll learn later in this chapter how to manage your old site while you're setting up WordPress.
Database Name: You can leave this as it is or change it to something that's more memorable to you. If you're not going to be working on your database, just leave it alone.
Table Prefix: Leave this as
Site Description: This is where you enter your description or strapline. Most themes will display this below the title at the top of your pages. If you don't have a description, leave this blank.
Enable Multisite: If this is offered by your installer, leave it unchecked.
Admin Username: The default is admin, but for security reasons, you should change this to something unique and memorable for you.
Admin Password: Enter your password twice for logging in to your site. Be sure to make it secure, including uppercase letters, numbers, and other characters.
Admin Email: Enter your e-mail address.
Select Language: If this is an option, select your language if it isn't English.
Select Plugins: This isn't offered by all installers, so you may not see it. I leave this blank, preferring to install plugins later on.
Email recipient: If you add your e-mail address here, you will receive an e-mail with details of your new WordPress installation, including a link to the admin screens.
Some installers offer a backup option, which is a good idea to select if available. It's also a good idea to use a backup plugin in your site too. For a review of some of the best backup plugins, visit http://premium.wpmudev.org/blog/premium-freemium-wordpress-backup-plugins/.
Once you've entered your details, click on Install and the installer will do its work. You will see a screen with a link to your new site and to the admin screens. Well done!
Installing WordPress manually takes a little longer, but isn't difficult as long as you know the steps to take. You'll need to learn how to do this if your hosting company doesn't provide an installer or if you want to install WordPress locally on your PC or Mac. This can be useful for working on a development site, where you're creating a dummy version of the site before you launch it to the world.
If you want to install WordPress on your local machine, the process is very similar to the one here, but you'll also need to install an app such as MAMP (for Mac and Windows) or XAMPP (for Mac, Windows, or Linux). You can find instructions at http://codex.wordpress.org/Installing_WordPress_Locally_on_Your_Mac_With_MAMP and http://premium.wpmudev.org/blog/how-to-install-wordpress-locally-for-pcwindows-with-xampp/. For a guide to migrating your site to the live site once you're happy with it, refer to http://code.tutsplus.com/tutorials/migrating-a-wordpress-site-from-a-local-server-to-production--wp-26.
Installing WordPress manually consists of four steps:
Downloading the WordPress files
Creating a database on your web server
Uploading the WordPress files to your server
Running the WordPress installation script by accessing the URL for your site in your browser
Let's work through each of those steps in turn.
Go to https://wordpress.org/download/ and click on the Download button to download the files.
This will download a
.zipfile to your computer. Unzip this.
In your hosting provider's dashboard or in cPanel, go to phpMyAdmin. If you can't find this, ask your hosting provider; they might have a different way to create a database, such as using a wizard.
Click on the Databases tab.
You will see a field labeled Create a new database. Type the name of your database in this field. Make a note of this as you'll need it again later.
Click on OK.
You now have an empty database set up. The next step is to upload WordPress.
To upload WordPress, you'll need an FTP client or a code editing program with FTP built in. I tend to use Coda (http://panic.com/coda/), which is a code editor for the Mac, or FileZilla (https://filezilla-project.org), which is a free FTP client.
In your FTP client or code editor, display your
Downloadsfolder locally and the files on your remote server.
If you already have a static site on your server and want to keep it running while you create your new site, create a folder inside your
public_htmlfolder. I'm creating a folder called
blueprints1, as you can see in the following screenshot. If you don't have an existing site, you can skip this step.
Now copy the contents of the
wordpressfolder from your
Downloadsfolder to the folder you've created. If you haven't created a folder, copy it to the
public_htmlfolder. Don't copy the
wordpressfolder, copy its contents.
Make yourself a coffee while you wait for the files to upload!
In your browser of choice, type in the URL for your new site. Remember that if you've created a folder for your site, it will be
folderis the name of your new folder and
yourdomain.comis your domain name.
You will be presented with the first of the installation screens, where you choose your language. Select your language and click on Continue.
The next screen tells you what's coming up. Give it a quick read (and don't worry!) and click on Let's go!.
The following screen is where you need to give WordPress some information about your database so that it can access it. Input the following:
Database Name: Enter the name you gave your database earlier
User Name: Enter the username you created for your database earlier
Password: Enter the password you assigned to your new username
Database Host: Leave this as localhost (unless your hosting provider uses a different hostname)
Table Prefix: Leave this as wp_
You can see what I've entered in the following screenshot:
You're nearly there! All that's left is to enter your site details on the next screen:
Site Title: Enter the name of your site.
Username: Enter your username for logging in to your site (which is different form your database usernameâdon't use the same username as this will make your site less secure).
Password twice: Enter the password you want to use to log in.
Your Email: Enter your e-mail address for notifications.
Privacy: Uncheck this for now as this is a development site and you don't want search engines finding it just yet. Don't forget to go back and check the box when you launch the site, otherwise you won't get picked up by Google.
Here's what I've added:
Now simply log in with your username and password and you'll be able to start administering your site.
But before you start configuring your site and adding content to it, let's take a moment to look at how this affects your old site.
Let's look at how this works:
You install WordPress in a subdirectory, which has a different name from any of the pages in your site (if you have an HTML file with the same name as your subdirectory, the browser might go to the WordPress installation instead of that HTML page when a link to it is clicked).
You uncheck the box, allowing search engines to index your site so that people won't stumble upon it when it's not ready. If you missed this step, you can make the change in the WordPress admin. Simply go to Settings | Reading and click on the Search Engine Visibility checkbox. Then, click on Save Changes. While WordPress does give you a warning that this is up to the search engines, in my experience, they do honor this and your site won't get found.
Once your new site is ready, you don't need to move it to the root directory; you just make a couple of small edits to the files and settings, and this tells WordPress that the site is in a subdirectory. We'll look at this later on in the chapter once your site is set up.
Congratulations, you've now got a working WordPress site! It comes with the default theme bundled, which, at the time of writing this book, is Twenty Fifteen. While this is a good theme, you probably want to give your site a more bespoke design, so the next step is to find and install a suitable theme from the WordPress theme repository.
The WordPress theme repository, at https://wordpress.org/themes/, contains thousands of themes that you can download for free and use on your site. They vary hugely in terms of their design and the kind of sites they're suited to, but there's a good chance that there'll be one that works for you.
To install a theme, you don't have to go to the WordPress site and manually download it; instead, you can use the theme's screen in your WordPress admin, which you'll learn next.
Layout details such as fixed, fluid, responsive, or the number of columns
Features such as accessibility or featured images
A subject (the type of site you're running)
Let's try finding a theme by following these steps:
Go to Appearance | Themes and then click on the Add New button. This will open the theme repository in your admin screen.
Click on the Feature Filter button. This will give you a screen full of checkboxes that you can tick to select keywords and filter the themes you can choose from.
If you want your new site to look as similar as possible to your old one, or you have brand colors that you need to use, it makes sense to use Colors and Layout keywords. Add others as needed to filter down the list of themes.
Scroll down the themes on display and choose the one that you like the look of. Hover over it with your mouse and click on Preview to have a look at it or Install to install it. Installing it won't do any harm; if you don't like it, you can always uninstall it afterwards.
Next, we'll learn how to customize a theme for our own needs and change its settings.
The theme customizer is a great WordPress feature that lets you make tweaks to a theme and see what difference they make without saving your changes, so it won't be visible to anyone visiting your site until you're ready.
Different themes offer different customization options, which vary from just editing the title and description to more comprehensive options such as customizing colors and layout. You can also edit widgets from the customizer.
I'm going to use a theme called Pinboard, which is responsive for mobile devices and offers the option to customize colors and the header and background image. This means I can create a bespoke site meeting my needs.
To install the theme and customize it, follow these steps:
Click on Appearance to go to the Themes screen and click on Add New.
In the Search themes... box, type
Pinboardand hit the Enter key.
WordPress will display the Pinboard theme for you. Hover over it with your mouse and click on the Install button.
When you see the installation success screen, click on Activate.
Next, in the Themes screen (click on Appearance if it isn't already open), click on the Customize button for the Pinboard theme.
This will open the theme customizer:
Click on the Colors link on the left and select Background color. Choose a color using the color picker. I'm choosing white, which will look quite nondescript for now, but will be better once I've made some other changes. Note that you can click on a color or type in the hexadecimal code.
Finally, click on the Save & Publish button to save your changes.
Hexadecimal codes are codes made up of six letters and numbers which tell a browser what color an element is. They are always preceded by a
# and are used in HTML and CSS files to define the color of backgrounds, text, and more. For more on hexadecimal codes, visit http://en.wikipedia.org/wiki/Web_colors.
We're not going to edit any more using the theme customizer because this theme has extensive options screens, which let us do more. Some themes have more options in the theme customizer and don't use separate options screens; it all depends on the way the theme has been designed.
Important: If you want to edit your theme's code, do this using a code editor. Never use the editor that you can access via Appearance | Editor. Using this means, you can't undo your changes and could break your site. So, avoid!
Let's take a quick look at how the site is looking with this theme. To view your site, click on the link in the admin bar at the top of the screen with the title of your site; in my case, it's WordPress Blueprints.
Here's the site:
Go back to the admin screens by clicking on your site's name in the admin bar again.
Click on Appearance | Theme Options to open the theme options screens.
Click on the Design tab. You'll be presented with a range of color pickers to help you define the colors in your site; either pick a color or input the hexadecimal code for your color.
Click on the Save Settings button and view your site. Here's how mine looks:
Repeat steps 3 to 5 until you're happy with your color scheme.
Go to Appearance | Theme Options and click on the Typography tab.
There are three dropdown lists for fontsâDefault Font Family, Headings Font family, and Body Copy Font Family.
Select a font you like for each. I recommend sticking to a simple, legible font for body copy, and making the heading font more interesting.
Scroll down to the Font Sizes options and make any changes you need for your design. Here, you can copy the font sizing that you used on your old site, if you want a similar look and feel.
Next, scroll down to the Colors options and make changes to the text colors. I'm making some changes to tie in with the changes I already made to the background colors.
Repeat steps 2 to 6 until you're happy.
If you've been making lots of changes quickly, you might find that they don't all show up. If things aren't working as you expect, just save your changes and refresh the screen.
I'm just going to leave it at this for now, but if you want, you can explore all of the Themes options screens and make more changes. Now that we've done some work on the design, it's time to tweak your site's settings.
Go to Settings | Discussion. Make adjustments to the discussion settings according to your site's needs. You may or may not want to allow comments. If you do this now, it will apply to all the new posts and pages you add, and that is why it's a good idea to do it early.
Click on the Save Changes button.
Go to Settings | Permalinks. The default setting for Permalinks gives your site the URLs, which aren't very friendly to search engines or human beings. Select another option depending on how your site will be structured. For a site consisting of mainly static pages, I would use the Post name option as it's good for SEO.
Click on Save Changes. You'll now find that if you visit a page on your site, the URL is much more sensible.
Go to Settings | Reading. Here you can select whether your home page will be a static page or a list of your latest blog posts:
To use a static page, select the A static page radio button and then select the page you want to use. If you also want to display posts in a blog page elsewhere, you'll need to create an empty page for that and select it in the Posts page drop-down box. Note that you may need to come back to this once you've created your home page.
To use a list of your latest posts, click on the Your latest posts radio button. How these are displayed on your home page will depend on your theme.
Click on the Save Changes button to save your changes.
If you're migrating from a static site, you may well have content from that to import to your new site. Or you may have been running a blog or site on another platform whose content you want to import.
Before we can start importing content, you need to know what kinds of content WordPress uses.
Posts: These are your blog posts or news articles, which you add regularly. You can access them via the Posts admin menu.
Pages: These are static pages such as your content page and "about us" page. Your home page could either be a static page or a page listing all of your latest posts (we'll see how to set that up later on).
Attachments: These are images, PDFs, and other media, stored in the
uploadsfolder, which we looked at earlier. Each of them also has an entry in the database, giving WordPress metadata about them. You access these via the Media menu or by uploading them to your page or post content.
You can also add your own content types using Custom Post Types, but we don't need to worry about that in this chapter.
There are three ways of importing content:
Using the importer tool
By copying text from your old site
By copying code from your old site
Let's start with the importer. This won't help you if your old site was built on HTML alone, but will be useful if you were using another CMS or blogging platform.
Go to Tools | Import.
Click on the name of the platform you were using for your old blog.
WordPress will take you to an installation screen for the plugin, which imports content form that platform. Click on the Install Now button.
On the successful installation screen, click on the Activate Plugin & Run Importer link.
Follow the instructions onscreen. Depending on the platform you're importing from, you may have to upload an xml file or sign in to your account on the other platform. There will be multiple screens and you may have the option to import images as well as text.
Once you've finished, click on Posts in the admin menu to see what posts have been imported. Your old site's content should have been imported to your new site, saving you a lot of work.
First, create a new page or post. If your old site was a small static one, you probably only have pages to copy. Click on Pages | Add New to see the page editing screen:
Copy the old page's title and type it into the box that says Enter Title here.
Now, copy the page's content and paste it onto the main page editing pane below the title.
Check how it looks. If the layout and styling is a bit of a mess, you might need to start again, copying the code instead.
Delete any images. You'll need to upload those to WordPress separately as any images that have copied across will be linking to the image files stored in the old site, which will disappear when you eventually remove that site.
Click on the Publish button to save your new page.
Repeat this for the other pages in your site.
Click on Pages | Add New to create your new page if you haven't done so already.
Type the page title into the title box at the top of the screen.
Above the content pane, click on the Text tab on the right-hand side.
Open the HTML file for the page you want to copy from your old site. Find the HTML for the content and copy it. Don't copy the HTML for the header, sidebar, footer, or page title, or anything from the
<head>section of the page. You will probably be copying a lot of text within
<p>tags and a few other tags such as
Paste this code into the content pane in WordPress.
Click on the Visual tab to return to the visual editor and see the results of what you've done.
Delete any images; you'll need to upload these manually.
Tidy up any formatting. You might need to switch between the Visual and Text tabs if there's any code causing problems. Do this with caution!
Click on the Publish button to save your new page.
Repeat this for the other pages in your site.
Once you've imported the content from your old site (or if you don't want to do that), you can start creating new pages and posts. To create new pages, simply follow the steps described for copying text from your old site in the preceding section, but instead of copying in the text, type it in manually.
To create a new post, follow these steps:
Click on Posts | Add New.
Type your post's title in the title box and the content in the text editing pane below. Use the formatting toolbar to change styles if needs be.
If you want to, assign one or more categories or tags to your post by selecting them from the list on the right-hand side or typing in new ones.
Keep on doing this. If you want to add a back catalogue of posts, you can amend the publish date for each post in the Publish pane by clicking on Publish immediately and selecting the date you want to use. This will make your blog look more established than it would if all your posts had today's date!
Open the post or page you want to add an image to and click on the point in the text where you want the image to appear.
Click on the Add Media tab to open the media upload screen.
Click on Select Files and select the image file you want to upload.
The file will be imported and you'll see it on the screen. Now, work your way through the options on the right-hand side of the screen:
Title: This is the name of the image. Leave this as it is or change it to something more meaningful for accessibility and SEO so that it can help when searching media on your site.
Caption: Type the caption text here or leave it blank.
Alt text: Type in the alternative text for screen readers.
Description: Adding a description can help with SEO. It won't be displayed on the page, but may show up in search results.
Alignment: Select how you want to the image to be aligned. If you choose Left or Right, the text will wrap around the image.
Link To: Specify if you want visitors to be able to click on the image and go to its file or attachment page, to a custom URL, or if you want no link at all.
Size: Select from the default sizes WordPress gives you to choose how big this will appear on the screen.
Click on Insert into page to insert the image.
Your image will now appear in the editing screen, but it might not look very good because your theme's formatting isn't applied in the admin screens. To check how it looks, either click on the Preview button to preview without publishing your changes or click on the Update button to save your changes and then click on View page at the top of the screen. Here's my page with an image added:
Open your post or page and click on the point in the text where you want the PDF to appear.
Click on the Add Media button and then Select Files.
Select the file you want to upload. WordPress will upload it and display an icon for it on the screen:
Complete the options on the right-hand side:
URL: Leave this as it is.
Title: This is the text that people will click on to download the file. Change this to something that makes sense for visitors.
Caption: Leave this blank.
Description: Add something here for SEO if you wish.
Link To: Choose whether to link to the file itself (my preference) or to an attachment page with the media file in it. I don't like this as it makes the visitor click too many times.
Click on Insert into page.
To test what you've done, click on the Update button and then the View page link. My page now has a clickable link to a file:
WordPress also supports video uploads and streaming videos from other sites. You'll learn about this in Chapter 5, Creating a Video Streaming Site.
Most themes support navigation menus that you can edit using the WordPress admin screens. This is much easier than coding your menus. They will also support widgets, which are items you can add to widget areas (normally in the footer and sidebar) to display lists of posts, links to other sites, social media feeds and links, and much more.
Let's start by setting up the navigation menu.
You can use the Menus screen to create one or more navigation menus; sometimes, you might want to add extra smaller menus to your footer, for example, to display links to the popular content. But here, we'll create the main navigation menu by performing these steps:
Go to Appearance | Menus.
Depending on how your theme is set up, you may see a dummy menu displayed with your pages. To create a menu from it, click on Create Menu.
Click on the Primary Menu checkbox below the menu. This will add it to the site's main navigation area.
Click on the Save Menu button.
Now go back to your site's frontend to view your menu:
Go back to the Menus screen to make adjustments to your menu if you need to. You can drag additional posts, pages, and categories (if you've created categories for your posts) on to it.
Every time you make changes, remember to click on the Save Menu button. WordPress doesn't save changes to the menu in the background.
Now let's add some widgets. Each theme will have different widget areas, which is where you place your widgets. Normally, you'll find widget areas in the sidebar and footer, but this theme has extra ones, giving more flexibility. Perform these steps:
Go to Appearance | Widgets.
By default, WordPress places a set of widgets in the theme's first widget area. In this theme, the first widget area is in the header, and those widgets look a bit odd there. Remove all of them except the Search widget by clicking on the arrow to the right of its box and clicking on Delete.
Now, drag some widgets into the other widget area, putting them where you think they are appropriate. Think about mirroring the content in your old site where possible. If you want to just insert some text or HTML, you can do this using the Text widget. You can add more than one widget to each widget area, but don't go too mad!
Here are my widgets displayed in the Widgets screen:
Widgets to put in your sidebar or footer
Shortcodes that let you add code into your page without actually writing the code
Image galleries and slideshows
Links to external sites, such as social media feeds
SEO plugins to help you get found by search engines
Forms plugins to help your visitors get in touch with you
Performance plugins that will make your site run faster
Let's install a popular SEO plugin called WordPress SEO by Yoast:
Go to Plugins | Add New.
In the Search plugins... box, type
WordPress SEOand hit the Enter key.
When asked whether you're sure you want to install the plugin, click on OK.
When you see the success screen, click on the Activate link.
The plugin is now installed and activated on your site.
I'm not going to show you how to configure the plugin as that's outside the scope of this book, but you will find guidance on the plugin website at https://yoast.com/wordpress/plugins/seo/.
Now try installing some more plugins according to your site's needs. We'll be working with lots of plugins in the other chapters of this book, so you'll get to try plenty of them out.
Once you have all your content in place, have installed and configured any plugins you want to use, and are happy with your widgets and with any customizations you've made to the design, it's time to go live.
If you aren't running your old site on the server still and didn't install WordPress in a subdirectory, this is very simple. Perform these steps:
Go to Settings | Reading.
Uncheck the Search Engine Visibility checkbox.
That's it! Search engines can now find your site. You'll need to do a bit more to publicize it, but it's now public. Enjoy!
However, if you still have your static site running, there's a bit more to do:
In your FTP client or in File Manager in cPanel, find the folder where the WordPress files are located and find two filesâ
.htaccess. If you haven't made any changes to permalinks, you won't have an
.htaccessfile, so just work with
Copy the two files (or one if you don't have
.htaccess) to the next directory up, that is,
Open the copy in
public_htmland find the line that reads as follows:
Change it to this:
XXXis the name of your subdirectory.
Save the file.
Edit the Site Address and WordPress Address fields so that they read as follows, where
site.comis your domain and
folderis the name of your subfolder where WordPress is stored. Change them to the following, making sure you spell everything correctly to avoid redirect loops:
WordPress address (URL):
Site Address (URL):
Click on the Save Changes button.
Back in your FTP client, delete all the files from your static site. If you want to back them up, copy them to your PC, but make sure they're all gone from your server to avoid any conflicts.
Now visit your site. You'll find that it uses your main domain name and not the subdirectory.
WordPress makes it easy for you to create a site that you can update and add to over time, letting you add posts, pages, and more without having to write code. In this chapter, you learned how to migrate your old static site into WordPress. You also learned how WordPress stores content, and how to install WordPress and import the content from your old site. You then configured your site, adding a theme, and menus, widgets, and plugins.
In the next chapter, you'll learn to create a social media site from scratch. So let's take a look!