The Hello Theme is designed to give web creators maximum flexibility with their website designs while boosting website speed. This means reducing the theme’s code to a minimum. While the default settings do indeed make the Hello Theme light, users can customize the settings to create an even lighter theme that will further improve site performance.
Customizing the theme settings
To customize the theme settings:
- From WP Admin, navigate to Hello>Settings.
- All settings are active by default. To disable specific settings, toggle off the settings per your needs.
- Click Save Settings at the bottom of the window to save your settings.
Settings
Fine-tune the way your Hello Theme works.
The settings are divided into three tabs:
- SEO and accessibility
- Structure and layout
- CSS and styling control
SEO and accessibility
Disable description meta tag
The description metatag helps search engines find and categorize your webpages, and helps social media platforms create a preview of your webpages.
<meta name=”description” content=”…” />
Search engines and social media platforms use the scanned page metadata to extract the title, description and featured image. While WordPress generates tags for the title and featured image, it doesn’t do so for the page description. To improve search engine visibility, the Hello theme adds its own description metatag. However, when using additional SEO plugins, this may create duplicate description meta tags.
Disable skip link
The Hello Theme has a “Skip to content” link to improve accessibility by providing a quick way to bypass the header, sidebar and other elements, directly to the main content of the page.
<a class=”skip-link screen-reader-text” href=”#content”> Skip to content </a>
The “Skip to content” link only appears for visitors who are using their keyboard to navigate your site.
Structure and layout
Disable theme header & footer
The Hello Theme includes a header section (wrapped in a <header> element) and a footer section (wrapped in a <footer> element). This removes the default header and footer from every page as well as their associated CSS/JS files.
This feature is mainly useful for websites that look for minimal themes, and need a basic header & footer. It’s not very flexible but it does the job in most cases.
Disabling this feature prevents the theme from loading the HTML markup associated with the theme and the additional CSS and JS files.
Disable page title
The Hello Theme includes the page/post title as an h1 (level 1 heading) above the content area. If you use Elementor to add a custom h1 element, this can lead to SEO issues due to having multiple H1s on a page. Toggle this setting off to avoid this issue.
h1 headings to your page using Elementor.CSS styling and control
Deregister Hello reset.css
This settings turns off CSS reset rules by disabling the theme’s reset stylesheet. CSS reset rules make sure your website looks the same in different browsers.
Deregister Hello theme.css
The Hello Theme adds different stylesheets. The theme.css stylesheet contains the CSS rules required by WordPress.
theme.min.css stylesheet, when you need to create a child theme with custom style rules. For example, if you style your own comments area and form fields. By toggling this setting off, you can increase website performance by avoiding loading two stylesheets that load identical styles.
