{"id":6094,"date":"2021-01-19T13:52:24","date_gmt":"2021-01-19T13:52:24","guid":{"rendered":"https:\/\/firstsiteguide.com\/?p=6094"},"modified":"2023-10-04T08:53:24","modified_gmt":"2023-10-04T08:53:24","slug":"wordpress-appearance-menu","status":"publish","type":"post","link":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/","title":{"rendered":"Introduction to WordPress Appearance Options","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>As the name implies, the WordPress admin panel&#8217;s Appearance section encompasses everything having to do with your WordPress website&#8217;s look and feel. <\/p>\n\n\n<p id=\"\" class=\"text-bg text-bg_red\">\n  <span>In this guide, you&#8217;ll get exclusive insight into the different options under the appearance tab, their purpose, and how to use them while managing your blog or website.<\/span>\n<\/p>\n\n\n<p>However, the information included may vary depending on which theme, plugins, or customizations you have been using on your site. So, you can take help from the theme and plugins documentation for further customization. <\/p>\n\n\n\n<p>Let&#8217;s look into various subsections under the appearance tab.<\/p>\n\n\n<ul id=\"\" class=\"gutenberg-steps-list\">\n    <li>\n    <a href=\"#themes\">\n      <span>Themes<\/span>\n    <\/a>\n  <\/li>\n    <li>\n    <a href=\"#customize\">\n      <span>Customize<\/span>\n    <\/a>\n  <\/li>\n    <li>\n    <a href=\"#widgets\">\n      <span>Widgets<\/span>\n    <\/a>\n  <\/li>\n    <li>\n    <a href=\"#menus\">\n      <span>Menus<\/span>\n    <\/a>\n  <\/li>\n    <li>\n    <a href=\"#editor\">\n      <span>Theme Editor<\/span>\n    <\/a>\n  <\/li>\n    <li>\n    <a href=\"#conclusion\">\n      <span>Conclusion<\/span>\n    <\/a>\n  <\/li>\n  <\/ul>\n\n\n<h3 class=\"wp-block-heading\">Appearance Settings &#8211; WordPress Basics<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Appearance Settings - WordPress Basics\" width=\"500\" height=\"281\" class=\"lazy-iframe\" data-src=\"https:\/\/www.youtube.com\/embed\/N07eWKHrhak?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"themes\">Appearance &gt; Themes<\/h2>\n\n\n\n<p>Starting with the first subsection of the Appearance tab, the Themes sub-menu includes all of the themes that are installed on your website: WordPress default themes or <a href=\"https:\/\/firstsiteguide.com\/best-wordpress-themes\/\" data-lasso-id=\"3489\">free or paid themes<\/a>. Through this section, you can activate, deactivate, delete or install new themes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Themes-submenu-Screen-1024x364.jpg\" alt=\"Themes submenu Screen\" class=\"wp-image-6164\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Themes-submenu-Screen-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Themes-submenu-Screen-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Themes-submenu-Screen-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Themes-submenu-Screen-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Themes-submenu-Screen.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The theme that you see first in the list on the theme subsection screen is the active theme on your WordPress website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Active-theme-on-WordPress-1024x364.jpg\" alt=\"Active theme on WordPress\" class=\"wp-image-6165\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Active-theme-on-WordPress-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Active-theme-on-WordPress-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Active-theme-on-WordPress-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Active-theme-on-WordPress-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Active-theme-on-WordPress.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>If you want to change the look of your website, you can <a href=\"https:\/\/firstsiteguide.com\/install-wordpress-theme\/\" data-lasso-id=\"3490\">change or upload a new theme<\/a>. You can search already installed themes<strong> <\/strong>by adding the theme&#8217;s name to the search box placed right after the Add New button on the theme subsection screen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-already-installed-themes-in-WordPress-1024x364.jpg\" alt=\"Search already installed themes in WordPress\" class=\"wp-image-6166\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-already-installed-themes-in-WordPress-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-already-installed-themes-in-WordPress-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-already-installed-themes-in-WordPress-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-already-installed-themes-in-WordPress-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-already-installed-themes-in-WordPress.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>You can also install new themes directly from the <a href=\"https:\/\/wordpress.org\/themes\/\" data-lasso-id=\"3491\">WordPress theme\u2019s repository.<\/a> For this, click on the &#8220;<strong>Add New<\/strong>&#8221; button at the top of the theme subsection screen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Add-new-theme-option-on-theme-subsection-screen-1024x364.jpg\" alt=\"Add new theme option on theme subsection screen\" class=\"wp-image-6167\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Add-new-theme-option-on-theme-subsection-screen-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Add-new-theme-option-on-theme-subsection-screen-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Add-new-theme-option-on-theme-subsection-screen-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Add-new-theme-option-on-theme-subsection-screen-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Add-new-theme-option-on-theme-subsection-screen.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you&#8217;ve clicked on Add New, you will be able to browse through the featured, popular, latest, and favorite themes by clicking on any of those links.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-type-of-theme-1024x364.jpg\" alt=\"Choose type of theme\" class=\"wp-image-6168\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-type-of-theme-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-type-of-theme-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-type-of-theme-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-type-of-theme-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-type-of-theme.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>If you have marked themes as favorites on WordPress.org, you can browse\/search them by clicking on the favorite tab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-favorite-themes-from-WordPress.org_-1024x364.jpg\" alt=\"Search favorite themes from WordPress.org\" class=\"wp-image-6169\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-favorite-themes-from-WordPress.org_-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-favorite-themes-from-WordPress.org_-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-favorite-themes-from-WordPress.org_-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-favorite-themes-from-WordPress.org_-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-favorite-themes-from-WordPress.org_.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>You&#8217;ll see one more option named \u201c<strong>Feature Filter<\/strong>\u201d to apply filters on \u201c<strong>Subject<\/strong>\u201d, \u201c<strong>Feature<\/strong>s\u201d, and \u201c<strong>Layout<\/strong>\u201d. Once selected, click on \u201c<strong>Apply Filters<\/strong>\u201d to save settings.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"630\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Option-to-filter-themes.gif\" alt=\"Option to filter themes\" class=\"wp-image-6170\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>You can also search for a theme by typing the theme name or a keyword into the search box located at the top right side of the screen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-new-theme-by-name-or-keyword-1024x364.jpg\" alt=\"Search new theme by name or keyword\" class=\"wp-image-6171\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-new-theme-by-name-or-keyword-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-new-theme-by-name-or-keyword-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-new-theme-by-name-or-keyword-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-new-theme-by-name-or-keyword-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Search-new-theme-by-name-or-keyword.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>If you want to upload a new theme, and you already have a .zip folder on your computer, you can upload it by clicking the \u201c<strong>Upload Theme<\/strong>\u201d button located right after the \u201c<strong>Add Themes<\/strong>\u201d button at the top of this page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Install-new-theme-via-upload-theme-option-1024x364.jpg\" alt=\"Install new theme via upload theme option\" class=\"wp-image-6172\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Install-new-theme-via-upload-theme-option-1024x364.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Install-new-theme-via-upload-theme-option-300x107.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Install-new-theme-via-upload-theme-option-768x273.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Install-new-theme-via-upload-theme-option-1536x546.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Install-new-theme-via-upload-theme-option.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After clicking the \u201c<strong>Upload Theme<\/strong>\u201d option, you\u2019ll see a dialog box stating to upload the theme in .zip format.&nbsp; Hover your cursor over the &#8220;<strong>Browse<\/strong>&#8221; button and find the .zip folder on your computer. Don&#8217;t forget to activate the theme after installing it. You&#8217;re now all set to use a new theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"customize\">Appearance &gt; Customize<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/firstsiteguide.com-customize\/\" data-lasso-id=\"3492\">Customize submenu option<\/a> in the Appearance tab shows a preview of the active theme on your site along with other options that can affect your website\u2019s appearance.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"328\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Customize-submenu-screen-1024x328.jpg\" alt=\"Customize submenu screen\" class=\"wp-image-6175\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Customize-submenu-screen-1024x328.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Customize-submenu-screen-300x96.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Customize-submenu-screen-768x246.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Customize-submenu-screen-1536x491.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Customize-submenu-screen.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>The options in this customizer section can vary from one theme to another. For example, Premium or paid themes may have more options to configure when compared to free themes or WordPress default themes.<\/p>\n\n\n\n<p>The most common options that you find in this section will allow you to modify various sections of your site like adding title and <a href=\"https:\/\/firstsiteguide.com\/make-logo\/\" data-lasso-id=\"3493\">logo<\/a>, setting default color for your website, customizing the menus and widgets, configuring some homepage settings and also adding custom CSS for styling that will be applied to your website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"500\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Common-options-in-Customize-section.jpg\" alt=\"Common options in Customize section\" class=\"wp-image-6176\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Common-options-in-Customize-section.jpg 844w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Common-options-in-Customize-section-300x178.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Common-options-in-Customize-section-768x455.jpg 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>By default, the WordPress Customizer displays the homepage in the preview window. However, not all Customizer options only affect the homepage. Some of the Customizer settings can also impact your blog or static Pages. You can browse around your site in the live preview window to view these other pages before publishing changes to avoid inconvenience later.&nbsp;<\/p>\n\n\n\n<p>Unless you click the&nbsp;\u201d<strong>Publish<\/strong>\u201d&nbsp;button, only the theme preview will be updated. Changes will be applied to the theme on your live site when you click the Publish button and these changes will be applied instantly after clicking the&nbsp;\u201d<strong>Publish\u201d<\/strong>&nbsp;button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"500\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Publish-button-in-Customize-section.jpg\" alt=\"Publish button in Customize section\" class=\"wp-image-6177\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Publish-button-in-Customize-section.jpg 844w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Publish-button-in-Customize-section-300x178.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Publish-button-in-Customize-section-768x455.jpg 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"widgets\">Appearance &gt; Widgets<\/h2>\n\n\n\n<p>The Widgets submenu allows users to manage the widgets and their content. The theme provides different areas to show the widgets on the front-end of your website such as the sidebar widget area or the footer widget area. This means that the areas or positions where you can show widgets are theme dependent.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Widgets-submenu-screen-1024x394.jpg\" alt=\"Widgets submenu screen\" class=\"wp-image-6178\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Widgets-submenu-screen-1024x394.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Widgets-submenu-screen-300x115.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Widgets-submenu-screen-768x295.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Widgets-submenu-screen-1536x591.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Widgets-submenu-screen.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Drag widgets from the left-hand side and drop them into any widget area on the right-hand side to show the widget in that specific widget area on your website.<\/p>\n\n\n\n<p>When you&#8217;re done with any changes, don&#8217;t forget to click on the \u201c<strong>Save<\/strong>\u201d button at the bottom of the widget\u2019s options panel.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"630\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Drag-and-drop-widgets-.gif\" alt=\"Drag and drop widgets\" class=\"wp-image-6179\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>A WordPress user can also add more sidebars by modifying the theme&#8217;s functions.php file or by installing a new plugin to add additional widget areas.<\/p>\n\n\n\n<p>WordPress also provides some standard WordPress widgets such as Archives, Calendar, Categories, Custom Menu, Recent Comments, and Recent Posts. More widgets can also be added by <a href=\"https:\/\/firstsiteguide.com\/install-wordpress-plugin\/\" data-lasso-id=\"3494\">installing new WordPress plugins<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"menus\">Appearance &gt; Menus<\/h2>\n\n\n\n<p>The Menus setting screen allows the user to create and manage menus for their WordPress theme to display. Once a menu is created, you can add <a href=\"https:\/\/firstsiteguide.com-pages\/\" data-lasso-id=\"3495\">pages<\/a>, <a href=\"https:\/\/firstsiteguide.com-posts\/\" data-lasso-id=\"3496\">posts<\/a>, categories, tags, and numerous other content types. As with widgets, plugins can add new custom post types that can allow you to add them to a menu if configured to do so. You can easily create menus through the drag and drop WordPress feature.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Menus-submenu-screen-1024x485.jpg\" alt=\"Menus submenu screen]\" class=\"wp-image-6180\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Menus-submenu-screen-1024x485.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Menus-submenu-screen-300x142.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Menus-submenu-screen-768x364.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Menus-submenu-screen-1536x728.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Menus-submenu-screen.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Like widget areas, menu locations are also theme dependent. Themes can provide different locations to show the menu. If there are multiple locations to show menus, you can create a separate menu for every location if you wish.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"600\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Different-menu-locations-in-theme.jpg\" alt=\"Different menu locations in theme\" class=\"wp-image-6181\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Different-menu-locations-in-theme.jpg 844w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Different-menu-locations-in-theme-300x213.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Different-menu-locations-in-theme-768x546.jpg 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Basic operations in the menus setting screen<\/h3>\n\n\n\n<ul>\n<li>Adding items to a Menu<\/li>\n\n\n\n<li>Deleting a Menu item<\/li>\n\n\n\n<li>Creating Multilevel menus<\/li>\n\n\n\n<li>Adding menu to your site<\/li>\n\n\n\n<li>Rearranging and configuring menu items<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editor\">Appearance &gt; Theme Editor<\/h2>\n\n\n\n<p>The Theme Editor submenu under the Appearance tab allows WordPress users or site owners to edit their theme files directly from the <a href=\"https:\/\/firstsiteguide.com-dashboard\/\" data-lasso-id=\"3497\">WordPress dashboard<\/a>. However, this is not recommended, especially if you don&#8217;t have enough technical knowledge.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Theme-editor-submenu-screen-1024x394.jpg\" alt=\"Theme editor submenu screen\" class=\"wp-image-6182\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Theme-editor-submenu-screen-1024x394.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Theme-editor-submenu-screen-300x116.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Theme-editor-submenu-screen-768x296.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Theme-editor-submenu-screen-1536x591.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Theme-editor-submenu-screen.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>The theme editor section can be handy if you want to edit the theme&#8217;s style.css file to add, remove, or modify existing CSS rules. However, it is not only restricted to CSS files. You can edit any type of file present in your theme such as PHP files or JavaScript files.<\/p>\n\n\n\n<p>To use the Editor, choose the theme from the upper-right hand drop-down menu. By default, the currently active theme is selected, but it is always necessary to cross-check before proceeding with any edits.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-theme-to-edit-files-1024x394.jpg\" alt=\"Choose theme to edit files\" class=\"wp-image-6183\" srcset=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-theme-to-edit-files-1024x394.jpg 1024w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-theme-to-edit-files-300x116.jpg 300w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-theme-to-edit-files-768x296.jpg 768w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-theme-to-edit-files-1536x591.jpg 1536w, https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/Choose-theme-to-edit-files.jpg 1688w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once you choose the theme, locate the file that you intend to edit in the right-hand list and click it. The files&#8217; contents will be loaded into the Editor for modifications. Once changes are done, click on the \u201c<strong>Update File<\/strong>\u201d button at the bottom of the screen.<\/p>\n\n\n\n<p>One issue that can happen is that if you have made changes to any files of the theme, these changes could be lost when updates happen to the theme. Because of this, it is recommended to create a child theme whenever you want to make changes to your theme&#8217;s files.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><iframe title=\"How to Use Advanced Code Editor - WordPress Basics\" width=\"500\" height=\"281\" class=\"lazy-iframe\" data-src=\"https:\/\/www.youtube.com\/embed\/oBAKcw3zdBQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>Learning about the WordPress appearance tab is vital for creating menus, submenus, customizing themes, editing themes, and many other modifications. This article discussed how to customize the WordPress site using the Appearance tab on the dashboard menu.<\/p>\n\n\n\n<p>We hope that this WordPress guide can help you to learn how to use the appearance tab effectively. Do you have any remaining questions related to sub-sections of the Dashboard appearance tab? Reach us by using the comment section below!<\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>As the name implies, the WordPress admin panel&#8217;s Appearance section encompasses everything having to do with your WordPress website&#8217;s look and feel. However, the information included may vary depending on which theme, plugins, or customizations you have been using on your site. So, you can take help from the theme and plugins documentation for further [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":4,"featured_media":6568,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[7],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress Appearance Editor - Beginner Guide (2023)<\/title>\n<meta name=\"description\" content=\"Check out our WordPress appearance menu options detailed guide and learn how to manage your blog\/website\u2019s look.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Appearance Editor - Beginner Guide (2023)\" \/>\n<meta property=\"og:description\" content=\"Check out our WordPress appearance menu options detailed guide and learn how to manage your blog\/website\u2019s look.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"FirstSiteGuide\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/firstsiteguide\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-19T13:52:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-04T08:53:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/wordpress-appearance-social.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ogi Djuraskovic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/wordpress-appearance-social.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@firstsiteguide\" \/>\n<meta name=\"twitter:site\" content=\"@firstsiteguide\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ogi Djuraskovic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\"},\"author\":{\"name\":\"Ogi Djuraskovic\",\"@id\":\"https:\/\/firstsiteguide.com\/#\/schema\/person\/94ebeb13c7ba38935aaa1deee6a633f7\"},\"headline\":\"Introduction to WordPress Appearance Options\",\"datePublished\":\"2021-01-19T13:52:24+00:00\",\"dateModified\":\"2023-10-04T08:53:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\"},\"wordCount\":1265,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/firstsiteguide.com\/#organization\"},\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\",\"url\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\",\"name\":\"WordPress Appearance Editor - Beginner Guide (2023)\",\"isPartOf\":{\"@id\":\"https:\/\/firstsiteguide.com\/#website\"},\"datePublished\":\"2021-01-19T13:52:24+00:00\",\"dateModified\":\"2023-10-04T08:53:24+00:00\",\"description\":\"Check out our WordPress appearance menu options detailed guide and learn how to manage your blog\/website\u2019s look.\",\"breadcrumb\":{\"@id\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/firstsiteguide.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction to WordPress Appearance Options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/firstsiteguide.com\/#website\",\"url\":\"https:\/\/firstsiteguide.com\/\",\"name\":\"FirstSiteGuide\",\"description\":\"Online Business Advice\",\"publisher\":{\"@id\":\"https:\/\/firstsiteguide.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/firstsiteguide.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/firstsiteguide.com\/#organization\",\"name\":\"FirstSiteGuide\",\"url\":\"https:\/\/firstsiteguide.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/firstsiteguide.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2020\/11\/fsg-logo-green.svg\",\"contentUrl\":\"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2020\/11\/fsg-logo-green.svg\",\"width\":73,\"height\":70,\"caption\":\"FirstSiteGuide\"},\"image\":{\"@id\":\"https:\/\/firstsiteguide.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/firstsiteguide\",\"https:\/\/twitter.com\/firstsiteguide\",\"https:\/\/www.instagram.com\/firstsiteguide\/\",\"https:\/\/www.linkedin.com\/company\/firstsiteguide\/\",\"https:\/\/www.pinterest.com\/firstsiteguide\/\",\"https:\/\/www.youtube.com\/firstsiteguide\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/firstsiteguide.com\/#\/schema\/person\/94ebeb13c7ba38935aaa1deee6a633f7\",\"name\":\"Ogi Djuraskovic\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress Appearance Editor - Beginner Guide (2023)","description":"Check out our WordPress appearance menu options detailed guide and learn how to manage your blog\/website\u2019s look.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Appearance Editor - Beginner Guide (2023)","og_description":"Check out our WordPress appearance menu options detailed guide and learn how to manage your blog\/website\u2019s look.","og_url":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/","og_site_name":"FirstSiteGuide","article_publisher":"https:\/\/www.facebook.com\/firstsiteguide","article_published_time":"2021-01-19T13:52:24+00:00","article_modified_time":"2023-10-04T08:53:24+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/wordpress-appearance-social.jpg","type":"image\/jpeg"}],"author":"Ogi Djuraskovic","twitter_card":"summary_large_image","twitter_image":"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2021\/01\/wordpress-appearance-social.jpg","twitter_creator":"@firstsiteguide","twitter_site":"@firstsiteguide","twitter_misc":{"Written by":"Ogi Djuraskovic","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#article","isPartOf":{"@id":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/"},"author":{"name":"Ogi Djuraskovic","@id":"https:\/\/firstsiteguide.com\/#\/schema\/person\/94ebeb13c7ba38935aaa1deee6a633f7"},"headline":"Introduction to WordPress Appearance Options","datePublished":"2021-01-19T13:52:24+00:00","dateModified":"2023-10-04T08:53:24+00:00","mainEntityOfPage":{"@id":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/"},"wordCount":1265,"commentCount":4,"publisher":{"@id":"https:\/\/firstsiteguide.com\/#organization"},"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/","url":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/","name":"WordPress Appearance Editor - Beginner Guide (2023)","isPartOf":{"@id":"https:\/\/firstsiteguide.com\/#website"},"datePublished":"2021-01-19T13:52:24+00:00","dateModified":"2023-10-04T08:53:24+00:00","description":"Check out our WordPress appearance menu options detailed guide and learn how to manage your blog\/website\u2019s look.","breadcrumb":{"@id":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/firstsiteguide.com\/wordpress-appearance-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/firstsiteguide.com\/"},{"@type":"ListItem","position":2,"name":"Introduction to WordPress Appearance Options"}]},{"@type":"WebSite","@id":"https:\/\/firstsiteguide.com\/#website","url":"https:\/\/firstsiteguide.com\/","name":"FirstSiteGuide","description":"Online Business Advice","publisher":{"@id":"https:\/\/firstsiteguide.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/firstsiteguide.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/firstsiteguide.com\/#organization","name":"FirstSiteGuide","url":"https:\/\/firstsiteguide.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/firstsiteguide.com\/#\/schema\/logo\/image\/","url":"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2020\/11\/fsg-logo-green.svg","contentUrl":"https:\/\/firstsiteguide.com\/wp-content\/uploads\/2020\/11\/fsg-logo-green.svg","width":73,"height":70,"caption":"FirstSiteGuide"},"image":{"@id":"https:\/\/firstsiteguide.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/firstsiteguide","https:\/\/twitter.com\/firstsiteguide","https:\/\/www.instagram.com\/firstsiteguide\/","https:\/\/www.linkedin.com\/company\/firstsiteguide\/","https:\/\/www.pinterest.com\/firstsiteguide\/","https:\/\/www.youtube.com\/firstsiteguide"]},{"@type":"Person","@id":"https:\/\/firstsiteguide.com\/#\/schema\/person\/94ebeb13c7ba38935aaa1deee6a633f7","name":"Ogi Djuraskovic"}]}},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/posts\/6094"}],"collection":[{"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/comments?post=6094"}],"version-history":[{"count":38,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/posts\/6094\/revisions"}],"predecessor-version":[{"id":14701,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/posts\/6094\/revisions\/14701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/media\/6568"}],"wp:attachment":[{"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/media?parent=6094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/categories?post=6094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/firstsiteguide.com\/wp-json\/wp\/v2\/tags?post=6094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}