{"id":2071,"date":"2026-01-06T23:32:50","date_gmt":"2026-01-06T23:32:50","guid":{"rendered":"https:\/\/devad.io\/guides\/?p=2071"},"modified":"2026-01-16T14:26:26","modified_gmt":"2026-01-16T14:26:26","slug":"how-to-set-up-the-sections-of-your-website","status":"publish","type":"post","link":"https:\/\/devad.io\/guides\/web-devad-io-docs\/how-to-set-up-the-sections-of-your-website\/","title":{"rendered":"The website Basics Setup"},"content":{"rendered":"\n
This blog contains every detail you need to know about what you should add to make your website complete<\/div>\n\n\n\n
<\/div>

1- Footer<\/h2>\n\n\n\n
\"Footer\"<\/div>\n\n\n\n

A footer is where the end of a web page is, where there are usually link, info , and more about the website the user sees
1- “Footer logo and text” specializes in the general footer setting ranging from text, logo, brief describtion for the web page
2- “Quick links” provides the links the footer hosts related to the web page and other related links <\/p>\n\n\n\n

<\/div>

2- Favicon<\/h2>\n\n\n\n
\"Favicon\"<\/div>\n\n\n\n
A favicon is the logo the browser puts next to the name of the website when the tab is loading, and to access it, go to settings, then go to favicon,when chosen,it should display it on the tab for your website
Choose file : Let’s the admin choose an image to be used as a favicon
Update : confirms the chosen image and saves it<\/div>\n\n\n\n
<\/div>

3- General settings<\/h2>\n\n\n\n
\"General<\/div>\n\n\n\n
“General settings” is what the namesake suggests, and can be accessed from setting => General settings
General settings include options like website title, timezone, and currency used in financial aspects
-Website title : the name of your website
-Timezone : let’s you set the timezone your website is set on
-Email verification status : can be activated or deactivated, while active, it forces the users to use their email to make a new account
-Dashboard language : sets the language of the admin’s dashboard<\/div>\n\n\n\n
<\/div>

4- Color settings<\/h2>\n\n\n\n
\"Color<\/div>\n\n\n\n
“Color settings” controls the color scheme used in the website, accessed by going to settings =>Color settings
Primary color : controls the colors of the header,buttons,backgrounds and links
Secondary color : controls the color of subheading,borders and dividers<\/div>\n\n\n\n
<\/div>

5- plugins<\/h2>\n\n\n\n
\"Plugins\"<\/div>\n\n\n\n
Plugins can be accessed by going to settings => plugins
plugins are great tools for help in add extra features from outside sources such as Google Analytics, Google Recaptcha, Disqus, WhatsApp, Facebook Pixel, Tawk.to
-“Plugin name” status : let’s the user toggle between disabling and activating the toggle within the website
-Update : saves the changes made<\/div>\n\n\n\n
<\/div>

6- Breadcrumbs<\/h2>\n\n\n\n
\"Breadcrumb\"<\/div>\n\n\n\n
breadcrumbs are those links, usually at the top of a webpage, that show your path from the homepage down to your current page, forming a trail of internal links to help you navigate to where you want in your website,you access it by going to settings => Breadcrumb
-Choose file : Let’s you choose the image you want to use on your header
-Update : confirms the chosen image<\/div>\n\n\n\n
<\/div>

7- Preloader<\/h2>\n\n\n\n
\"Preloader\"<\/div>\n\n\n\n
The preloader is what the browser displays on the web page while the page is loading before being able to fully browse the page with its content, accessed by clicking on settings => Preloader <\/div>\n\n\n\n
<\/div>

8- Logo<\/h2>\n\n\n\n
\"Logo\"<\/div>\n\n\n\n
Logo let’s you upload your main logo to appear in the site header and on your profile cards,and to be access,press settings => Logo
-Choose file : let’s the image to be used for your logo
-Update : saves the changes made with the chosen image<\/div>\n\n\n\n
<\/div>

9- Email settings<\/h2>\n\n\n\n
\"Email<\/div>\n\n\n\n
Email settings are the section that enables the admin able to automate emails sent to customers,it can be accessed by going to settings => Email settings
-Reply to : This is the email address where replies will go if the recipient clicks \u201cReply
-From name : This is the name that appears in the recipient\u2019s inbox as the sender
-Mail templates : sets up the structure of emails sent in different situation such as email verification and password reset<\/div>\n\n\n\n
<\/div>

10- Custom CSS<\/h2>\n\n\n\n
\"Custom<\/div>\n\n\n\n
Custom CSS let’s you do other visual things not regularly available like hiding elements,access it by going to Settings => Custom CSS<\/div>\n\n\n\n
<\/div>

11- Social links<\/h2>\n\n\n\n
\"Social<\/div>\n\n\n\n
The Social section lets you connect and manage your social media accounts to your page,you can access it by clicking Settings => Social links
-Social icon : sets up the icon for the social link used
-URL : the link for said social link
-Serial number : a variable used to organize the order in which the many social links are displayed<\/div>\n\n\n\n
<\/div>

12- SEO informations <\/h2>\n\n\n\n
\"Seo<\/div>\n\n\n\n
SEO “Search Engine optimization” information let’s you set up your website to show more in search engine such as meta page description and keywords,it can be accessed by going to settings => SEO information<\/div>\n\n\n\n
<\/div>

13- Cookie alert<\/h2>\n\n\n\n
\"Cookie<\/div>\n\n\n\n

Cookies are small pieces of data that websites store in the browser to remember user preferences, keep users logged in, and improve the overall experience,and this page allows to control the alert regarding it,whether wanted to be activated or not, the text of its button and the text contained within it,it can be accessed by going to settings => Cookie alert<\/p>\n\n\n\n

<\/div>

14- Hero section<\/h2>\n\n\n\n
\"Hero<\/div>\n\n\n\n
The Hero Section is the first and most visible area of a webpage. It appears at the top of the page and is designed to immediately communicate the main purpose of the website,to access it,go to home=>Hero Section.
It usually includes:
A main headline,A short description or supporting text,A call-to-action button (such as Get Started<\/em> or Browse Courses<\/em>),Optional background image or video<\/div>\n\n\n\n
<\/div>

15-Action section<\/h2>\n\n\n\n
\"Action<\/div>\n\n\n\n
The Action Section can be added to any page. Its purpose is to encourage visitors to take a specific action, such as signing up, enrolling, contacting the business, or exploring more content,to access the action section,go to Home=>Call to Action Section.<\/div>\n\n\n\n
<\/div>

16-Testimonial<\/h2>\n\n\n\n
\"Testimonial\"<\/div>\n\n\n\n
The Testimonials section displays feedback or reviews from customers or users. Its purpose is to build trust by showing real experiences and opinions about the service or product,to access it,go to Home=>Testimonial<\/div>\n\n\n\n
<\/div>

17 Section Hide\/Show<\/h2>\n\n\n\n
\"Section<\/div>\n\n\n\n
The Section Hide\/Show option allows admins to control whether a specific section is visible on a page or not. It helps customize the page layout by showing only the sections that are needed,to access it,go to Home=>Section Hide\/Show.<\/div>\n\n\n\n
<\/div>

18- Video section<\/h2>\n\n\n\n
\"Video<\/div>\n\n\n\n
The Video Section<\/strong> is used to display a video on a page, such as an introduction, tutorial, or promotional video. It helps present information in a visual and engaging way,to access it,head to Home=>Video Section.<\/div>\n\n\n\n
<\/div>

19- Header (Menu)<\/h2>\n\n\n\n
\"Image<\/figure>\n\n\n\n
You can customize your website header menu by choosing “Pre-built Menus” section or create your own link as in “Add \/ Edit Menu” section.
You can change the order or set sub menu as in “Website Menus” section
<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

A footer is where the end of a web page is, where there are usually link, info , and more about the website the user…<\/p>\n","protected":false},"author":49,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"#gspb_image-id-gsbp-1660869 img,#gspb_image-id-gsbp-1983584 img,#gspb_image-id-gsbp-1c49a28 img,#gspb_image-id-gsbp-3626eeb img,#gspb_image-id-gsbp-43874c1 img,#gspb_image-id-gsbp-493d75d img,#gspb_image-id-gsbp-4cfb657 img,#gspb_image-id-gsbp-564d798 img,#gspb_image-id-gsbp-5f7e791 img,#gspb_image-id-gsbp-644745e img,#gspb_image-id-gsbp-651da6f img,#gspb_image-id-gsbp-6a6b54b img,#gspb_image-id-gsbp-6f2abb1 img,#gspb_image-id-gsbp-8e7f2dd img,#gspb_image-id-gsbp-97cafc4 img,#gspb_image-id-gsbp-a713edf img,#gspb_image-id-gsbp-ed902b9 img,#gspb_image-id-gsbp-fd0fef8 img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}","pgc_sgb_lightbox_settings":"","footnotes":"","_siteseo_titles_title":"","_siteseo_titles_desc":"","_siteseo_analysis_target_kw":"","_siteseo_robots_canonical":"","_siteseo_robots_index":"","_siteseo_robots_follow":"","_siteseo_robots_primary_cat":"","_siteseo_social_fb_title":"","_siteseo_social_fb_desc":"","_siteseo_social_fb_img":"","_siteseo_social_twitter_title":"","_siteseo_social_twitter_desc":"","_siteseo_social_twitter_img":""},"categories":[11,125],"tags":[],"class_list":["post-2071","post","type-post","status-publish","format-standard","hentry","category-web-devad-io-docs","category-setup-basics-web-devad-io-docs"],"acf":[],"menu_order":0,"_links":{"self":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/comments?post=2071"}],"version-history":[{"count":7,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2071\/revisions"}],"predecessor-version":[{"id":2322,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2071\/revisions\/2322"}],"wp:attachment":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/media?parent=2071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/categories?post=2071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/tags?post=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}