Hello Theme and Import Demo Content
Introducing Hello Theme and Import Demo Content
The Fastest WordPress Theme Ever Created
Many of you already know, love, and use Elementor’s Hello theme, but this week, our starter theme was officially added to the WordPress repository, so we figured our baby deserves a formal baby shower.
Having Hello available in the official WP repository is a big deal. It means millions of Word Press users can easily install and activate it directly from their dashboard, and also get auto-updates for new versions.
Hello offers 100% compatibility with Elementor, and is both lightweight and clean. Hello gets out of the way and allows you to design your pages and sites without any setbacks.
What is the Hello Theme?
Hello is a ‘super’ WordPress starter theme, meaning it’s a lightweight, minimalistic blank theme, with no styling at all, except for basic browser compatibility styling (AKA reset.css).
Originally, starter themes were mainly used by developers, who wanted a clean theme they could customize with code. Nowadays, with the power of Elementor’s Theme Builder, there are many advantages to using a blank theme and customizing your entire site parts using Elementor, without having to deal with conflicts or code.
Want to switch from your theme to hello?
Just make sure you’ve built the header, footer, and other areas with Elementor theme builder. Here’s a tutorial on how.
Why Choose Hello Theme and Import Demo Content?
There are many advantages to picking this theme before others, especially these:
Perfect for Elementor
The Hello theme works out of the box and offers consistent compatibility with Elementor. When we release a new version of Elementor – most of the testing is done using the Hello theme. You know our developers – they’re the best of the best (without bragging). They make sure the Hello theme is always updated and up to speed.
Perfect for landing pages
If you are building landing pages, you should know that every millisecond counts. Hello is a boilerplate theme that will load your landing pages faster than ever before. (more about it in a section below).
The least possible issues
With Hello, there is the lowest risk of compatibility issues between the theme & Elementor and between the theme & other plugins, since its code is so minimalistic and optimized. With Hello, there are no surprising CSS spacing glitches nor color inconsistencies.
Hello is feather-light. It’s lighter than most themes because it comes almost empty of styling and scripts. All the design is done using the Elementor Theme Builder. Faster site load and leaner code mean better SEO results for your sites.
The theme is also completely FREE forever. We want our users never to give a second thought to their choice of theme, and just focus on designing beautiful & professional sites.
Bear in mind, It only makes sense to work with the Hello theme in combination with Elementor. Once you activate the theme, your homepage will be devoid of styling, and will look like this:
This is completely fine, and how it is supposed to work.
Once you finish the activation, it’s time to start customizing your theme.
Then it’s just a matter of setting your header, footer, and content, using the lovely Theme Builder. With the right template or design touch, you’ll have a unique homepage creation in minutes.
BTW, we created a child theme for Hello which is available in GitHub, and we are working on getting it into the WordPress repository as well.
Just How Fast is This Theme?
We already told you about its speed, and now it’s time to show you its actual speed results.
As mentioned above, the strength of Hello is its simplicity and the fact that it contains ONLY non-intrusive essential code, making the loading speed way faster.
For example, here are some examples of pages created by Elementor with various themes:
All of the examples provided below are in the same environment and without any caching configuration and optimization.
While it seems that the performance scores are close, there’s a significant difference in loading time, which increases on real sites. Once you have a fully operational site, with plugins, scripts, images, and other imminent delays, you’ll be able to measure the difference in loading time in seconds.
How Does Hello Work With Popular Plugins?
One of the advantages of Hello is it is out of box compatibility, not only with Elementor but with other popular plugins as well:
WooCommerce – Since the theme is empty, it allows you to use Elementor’s WooCommerce Builder with the least issues and glitches.
Yoast – Hello is the perfect addition to the Yoast SEO plugin. Its HTML is nice and shiny and will help you get the most out of Yoast.
WPML – Since Hello is extremely lean, it has few strings to translate, and all strings are translatable. This will enable you to have your backend translated in no time using WPML.
We are not going to mention all 55K+ plugins, but it’s fair to say that Hello supports the majority of them. Starter themes, in general, have better compatibility, since they have less code to conflict with.
Here’s a Faster & Better Way to Build Landing Pages
You can install the Hello theme and import Demo Content very easily. Many marketers use starter themes to manage their landing pages. Hello offers even more advantages than the regular starter theme, including:
1. The ability to set the header and footer per landing page / per landing page category. Unlike regular WordPress themes that come with a generic header and footer design that runs across pages, with Hello you can designate a specific header & footer design per landing page, category, or other condition. Learn how here.
2. Fast loading time. No redundant code is loaded, allowing your landing page to load faster.
3. Full width and boxed layouts. Choosing between a boxed or full-width layout is a small but pesky problem that is non-existent with regards to Hello.
4. Easy to build a one-page website with anchor menus. Learn how here.
5. Dozens of Elementor pre-made landing templates, and 2,000+ Envato Elements templates. The ever-growing list of templates created by Elementor as well as by its designer ecosystem far exceeds the demo content offered by any multipurpose theme.
Developers, Take Hello to New Grounds
Need some customization to your Hello? Our developers took care of that too. Visit the full readme file to browse through the hooks offered by the Hello theme.
Some examples of code enhancements include setting custom content width, registering WooCommerce features, changing default capabilities, and more.
Take it for a spin, developers. I promise you’ll get hooked! ?
How to Install and Customize the Hello Theme?
Getting started with Hello is an easy 4 step process:
- Go to your WordPress Dashboard > Appearance > Themes > Add New, and search for ‘Hello’.
- Install and activate the theme. Wait… it’s installing ?
- Now, go to Templates > Theme Builder, and build your header and footer. (You need Elementor Pro installed, of course).
- Next, go to Settings > Reading, and set the homepage to one of the pages.
You can go on to customize the other parts of your site. Learn how through our Theme Builder video series.
Here is a complete tutorial on how to install Hello Theme and Import Demo Content.
To install the Hello theme, follow the below steps.
Login to your website admin panel using appropriate credentials.
Step 2. Click at “Appearance” followed by “Themes”.
Step 3. Click at “Add New”.
Step 4. Write the name of your required theme in “Search Bar”, as mentioned n the below picture.
Step 5. Now click at “Install” followed by “Activate”.
Congratulations, your required theme “Hello” has been installed and activated now. You may customize it.
How to Import Demo content of Theme
Click at “Appearance” followed by “Import Demo Data”.
Step 2: Prior to starting “Import Demo Data”, you need to install the recommended plugins, so click at “Recommended Plugins”.
Step 3: Now click on “Create Demo Content” to import the templates.
Step 4: Select the round circles from the list.
Step 5: Now click on “Import”. Wait for a few minutes, it will import your selected content automatically. When you see “Successfully Imported” with each of your selected options, then it’s done.
Step 6: Now it is time to check the work you have done before.
Click at “Pages” followed by “Add New”. Then select “Edit with Elementor”.
Step 7: Select an appropriate template for your website and click on “Insert”.
Congratulations, your selected template has been activated now. It can be customized to make it more interactive.
In the above tutorial, we have tried our best to guide you on how to install Hello Theme and Import Demo Content. Anyhow if you found any room for improvement, feel free to contact us. We always welcome your valued suggestions.