Hero
This representation of your site that defines its appearance. Notice the large blue “loft” at the top with the name of your site. This part is called the “header”. Further into the site you’ll see a menu. This is a “sidebar menu”. Large internal central section – is a section of content – “post”. Well, at the very bottom of the page – “cellar” called in their language “footer”.
Now pay attention to the post. It includes a headline and some information for him. This information is called metadata and includes information on fasting: the date and time when the post was published, the author of the post, category.
Let’s go down the page. Do you see a rectangular area at the bottom? This is – “basement” (in their language – “footer”). And it still has the inscription: “(your blog) is proudly powered by WordPress.”
Another side has any different information. There can find such a list of pages, categories, archives, calendar, and date. This navigation bar. Used it to navigate the site, view posts from different categories or time periods.
Details – our all!
Now look at the smaller but no less important, details of the site. Move your mouse over the title of the post. You see how it changes color at the same time? This property is called a hover. Topics provide various display styles of links. Move the cursor over links in the sidebar. Change? Or remain the same? You can set different hover for links to different sections of the page, but, in fact, it is desirable that they are the same everywhere. Note the color of links. See? They differ in color from the rest of the text.
Pay attention to small details of design and their location on the page. Perhaps in the near future, you want to change them. For example, the color of the title in the blue “attic” (We remember that he called the header?) Can be changed by making the appropriate changes to the section header style sheet – a file that is responsible for the appearance of the page.