You’ve just completed the 5 Minute Installation of WordPress or one-click install from your web host. Now what?
Let’s take a step-by-step tour through your WordPress site and see how the different functions work and how to make your new site your own. During the first part of this tutorial, please don’t change anything within the program unless it is part of the tutorial. After following these steps, you’ll soon be changing everything.
At the top of the screen is the area called the “ toolbar .” Click on the link that is your site name. This will take you to a view of your new WordPress site. Like it? Don’t like it? Doesn’t matter, just look at it. This is where you are going to be spending a lot of time!
Test Drive Your WordPress Site
Take time to look at the site before you get into the changing of things and figuring out how all of this works ; it’s important to see how the WordPress Twenty Fifteen theme is laid out and works. Consider this the test drive before you start adding on all the special features.
The layout you are looking at is called a WordPress Theme . It is the appearance of your website, styling the look of the site and the framing of the content. The WordPress Twenty Fifteen theme features a “header” at the top with the title and tagline for your site. Below this is your Menu . Along the side you will see some titles and links. This comprises Widgets . Within the main middle section of the page is the content area. At the bottom of the page is the footer.
Let’s look at the post for a moment. There is a “title,” and below the title is the date the post was written, then the body of the post, and finally some information about the post. This is called the post meta data and contains information about the post such as the category assigned to that post.
Scroll down the page and notice the bar at the end of the page. This is called the “footer.” It says “Proudly powered by WordPress.”
Back to the sidebar, you will see different sections with information. Among these you may find a list of Recent Posts, Recent Comments, Archives, Categories , and links to the Administration Screens, Log Out, and RSS feeds. This is part of the menu or navigation Screen that people will use to move around your site, visiting posts from different categories or time periods.
Take time to notice the smaller details of this web page layout and design. Move your mouse over the title of the article post. Notice how it changes color. This is called a hover. Most Themes feature a distinctive color or underline when you move your mouse over a link. Move your mouse over any of the links in the sidebar. Do they change? Is the change the same? You can change your link hovers to look different in different sections of your page. Also look at the color of the links. How are they colored or underlined to stand out from the rest of the text?
Observe the small design details and where they are placed within the page. In the near future, you may want to change some of these details, such as the color of the title in the white box at the top of the page. If you remember that it is called the header then you will know to look within the header section of your style sheet (the file that controls the look of your web page), when you want to make changes to it.
For now you only have one post. It is residing within a page that is laid out as your home page or the front page. If you click on the title of the post, it will take you to the specific page for that post. The first page or home page of your site features the most recent posts on your site. Each post title will link to the actual page of the post. Some Theme designers design their single post pages to look different from the home page. By clicking on the title, you are taken to another web page that looks different from the home page.
Again, in the single post, pay attention to the layout and notice what is now different about the design elements. Is the header different? Smaller, larger, or a different color? Is there a sidebar?
Posts are usually stored in Categories and/or Tags so you can keep related topics together. Right now you only have one category, but will soon want more. Click on the single category that appears in the sidebar of the home page. You are now in a page that has been generated to display only the posts within that category. Again, take a look at the layout and see how it may be different from the home page and the single post.
Do the same with the Archives. You may only have one post, but look at how the page is laid out.
All of these changes are created from only a few files called template files and you can learn more about how they work in Stepping Into Templates . For now, however, let’s get on with how the rest of WordPress works.
Test Drive the WordPress Administration Screens
Now that you have an idea of how your site looks and what the different layout sections are called, it’s time to test drive the WordPress Administration . This is like familiarizing yourself with the backend of your new website. In fact, the first page you see after logging in is called the Dashboard , a collection of information and data about the activities and actions on your WordPress site.
The Dashboard helps to keep you up to date on new and interesting bits of information from the many WordPress resources. In the corner it also features a list of the most recent activity you’ve accomplished on your site.
On the left side of the screen is the main navigation menu detailing each of the administrative functions you can perform. Move your mouse down the list and the sub-menus will “fly out” for you to move your mouse to and click. Once you choose a “parent” navigation section, it will open up to reveal the options within that section.
The various menu items are as follows:
The links in the above list will take you to a series of articles that will guide you step-by-step through every aspect of the Admin Screens. You are anxious to get started, so for now, let's start with the Users Screen .
Now, let’s look at some other powerful features of the WordPress Admin.
The Appearance, Themes Screen allows you to change the look of your site using different Themes . Themes are presentation styles that completely change the look of your site. Designed by WordPress developers and users, there are hundreds of themes available for you to choose from. In your Appearance Screen, you will see a list of currently installed themes, including the WordPress Twenty Fifteen theme . To quickly change the theme, simply click on the Activate button under one of the themes listed, then click on your site name in the top toolbar to see how it looks. Wow, you have another look and nothing else on the site has changed. It's that easy.
Go back to the Appearance > Theme Screen and click the Activate button under the WordPress Twenty Fifteen theme to bring the design back to what you had. To see it again, click your site name in the toolbar, and there it is.
If the screen looks a little intimidating, the Codex article on Writing a Post will take you step-by-step through the process of writing a post. Take a moment to read through the article and post your first entry and then return to this article and we’ll take you onto the next step.
If you are in a hurry, then simply fill in the blanks, one by one, in the post beginning with the title and then write a little test message in the post window. This is just for a test, so you can write anything you want. When you are done, click the Publish button that is to the right of the post entry window and it is done. You will then see a blank Write a Post screen and you're ready to write another post. Go ahead. But do only three to four entries. There’s more exciting work ahead!
Now that you’ve gotten a feel for writing posts, you can view your posts by clicking your site name in the toolbar at top of the screen. Now it’s time to get down to the real work.
If you want to create a good and solid website, you need a good and solid plan. I know it’s hard to do, and I know you want to keep playing with your new website, but it's time to take a break away from your computer and turn to pen and paper.
On a piece of paper, describe your site. Take five to twenty minutes to come up with a purpose for your site, or better yet, call it your Mission Statement.
Answer the following questions:
Now, compile this information into a paragraph so it looks like this: