WordPress basics (Header, Footer, Posts, Pages, Menus, Widgets, and sections)
We have installed WordPress successfully and now moving towards designing and developing a website.
For website designing and development through WordPress, you need to know about Header, Footer, Posts, Pages, Widgets, and Sections usage in WordPress. So, let’s cover this first.
Header: Dealing with any type of website, the header is the top area where the menu’s and company logo is located.
The screenshot is attached here, the spotted area in red is the header of the website.
Screenshot of sample footer is attached here:
Posts and post categories: If you are dealing with blog websites, posts are related to the website content, regular updates about your agency could be A POST. WordPress allowing its users to use posts dynamically, WordPress itself arranges everything, you just need to write the post and selected the category of the post, if you have not added any category then posts will go to the uncategorized default category.
Screenshot is attached below, showing how to add the post or post category
If you want to add the post category here is the screenshot to follow.
Insert all the required info in the given boxes if you are not selecting the slug it will automatically arrange slug with category name.
You can select the parent category if you want to make it as a child category. All the previously added categories will be shown in the dropdown.
I have added a category named course; a screenshot is attached below.
For adding a post, you need to click on the add as spotted in the screenshot
Add the title of the post and for the description, you have a good number of tools provided by WordPress, like in MS word but here HTML view is also provided which is not included in the MS office
Here is a screenshot of some description blocks that will appear when you click on the description portion for writing the post description.
The screenshot is given below, In which I have spotted block sections for writing any post or page description, you can use a color of the text which is also spotted in the red on the right side
At the right there are two tabs are appearing first is for description blocks and second is related to the post properties like you can assign a category to the post or give tags for the SEO purposes or you are giving a featured image to the post which always appears with the post etc.
A screenshot is given below
Media: Media is used for storing images and files
Pages: You can easily add pages WordPress website or can view previously added pages, the screenshot is given for easy understanding about adding pages.
Pages are also added as we have added posts so follow the same pattern to add pages. (paid themes and plugins provide page builders for designing best layouts, some examples of paid themes are BE THEME, AVADA THEME, and pages builders like WP BAKERY, MUFUN BUILDER, ELEMENTOR PRO, etc. )
Well, I have added two sample pages and now we are moving towards adding those pages in the header menu.
Just clicked to the menu for adding the pages into the menu but found that adding the pages in the menu is disabled and we have not found any menu, so we need to create the menu first, it’s quite easy to input button is given for the menu name you just need to enter the menu name we are giving it name as header menu.
After adding the menu, we are redirected to the following page. The screenshot is given below. We have Menu items on the left side it means we can add a post, pages, categories or even custom links.
You just need to select and add in the particular menu and save it.I have added previously made pages into the primary header menu and save it.
The screenshot is given below
And here is the menu appearing in the header with particular pages. I have spotted the pages with the red color.
Widgets: widgets are used to show something (some text, menu, categories, pages, or any particular sections) on the layout. It further depends upon the theme; some themes use widgets all over the website and in some themes, widgets are used only for right or left sections in the page or for the footer.
Here is a screenshot for approaching to the widgets
And here is a screenshot of all the widgets and widget areas,
You have a list of available widgets you can use any of the widgets by dragging it into the footer section which is spotted into the right.
You can also customize the footer by using the customize tool.
Customize tool: Customize is used for customizing the page layout by previewing the live changes, you can do changes in the header, footer, sections or you can set the color, add images in the layout through this tool.
The screenshot is attached below
kindly remember that a free WordPress theme has limited access to customizing the header, footer, and other sections as compared to the paid theme.