Extra is the latest WordPress theme released by Elegant themes. It is a powerful Magazine styled WordPress theme built with multiple features in one. It is a highly responsive theme that adapts itself to all sorts of devices ranging from desktops to mobile phones.
This theme is included with a powerful Divi Page Builder that allows you to build any page, post and category page layout by dragging and dropping modules provided by this builder. There are several modules supported by this builder some of which are tabs, toggles, masonry blog, filterable portfolio, full width menus, full width headers and many more. It comes integrated with built in Review system which allows users to rate your articles.
Then this theme is compatible with WooCommerce plugin thus making your website capable of building an online shop page and sell products online. The theme options e-panel is powerful enough that allows you to customize every minute element directly from the dashboard without touching a single line of code.
Other features are as follows:
5 different header styles to choose from.
Supports advanced mega menu.
Extra comes with 7 different post formats, including Video, Gallery, Map, Quote, Link, Audio and Text.
Page with Sidebar layouts – left sidebar, right sidebar, no sidebar.
Several custom widgets are included like Recent posts, follow us, recent tweets, authors, recent reviews, recent videos, login form.
After a huge success of “Divi” WordPress theme, Elegant Themes has brought a brand new Magazine WordPress theme – Extra. It is a powerful Magazine styled theme included with Divi Builder. As the theme name suggests this theme has definitely come up with a large and extra-ordinary set of features.
While Divi was built with excellent features, Extra has added some more to it making it even more versatile. Extra WordPress theme has been created for magazine or news websites and bloggers who want a theme that will carry their heavy content easily with equal focus on each content with an assurance that their site is easy to navigate and stunning.
I will be covering Extra Theme Review step by step as follows:
Design and UX:
Extra is built in such a way that it will meet all your needs of blogging, news and magazine website. It has a powerful theme customizer from where you can customize every minute detail of your website with live preview. It has options to choose fixed header for better navigation, multiple menu locations to choose, 5 header styles, mega menu support, highly customizable sidebar widgets. It has top bar to show trending news and social sharing options, etc. So overall design wise this theme is brilliant! Once you activate it you will love exploring its features.
Ease of Customization:
On activating this theme you get a link on top that will direct you to the tutorials page. So if you are a newbie for such a vast featured theme you can get trained from this documentation. You will get plenty of options in Appearance => Customize and Extra => Theme Options.
Live Customizer has following settings:
Extra – Customize Buttons – Button hover styles
Extra – Customize Buttons – Button styles
Extra – Customize Footer settings – Bottom bar
Extra – Customize Footer settings – column layout
Extra – Customize Footer settings – Typography
Extra – Customize Footer
Extra – Customize General Settings – Background settings
Extra – Customize General Settings – Layout settings
Extra – Customize General Settings – Typography settings 1
Extra – Customize General Settings – Typography settings 2
Extra – Customize Header and Navigation settings – Header elements
Extra – Customize Header and Navigation settings – Primary menu settings 1
Extra – Customize Header and Navigation settings – Primary menu settings 2
Extra – Customize Header and Navigation settings – Secondary menu settings 1
Extra – Customize Header and Navigation settings – Secondary menu settings 2
Extra – Customize Header and Navigation settings – Secondary menu settings 3
Extra – Customize Header and Navigation settings -Fixed navigation settings
Extra – Customize Header and Navigation settings
Extra – Customize Social media networks
Extra – Live Customizer
Layout Settings – You can enable/disable boxed layout, manage website content width, gutter width and accent color from here.
Typography settings – You can manage body text size, body line height, heading font style, heading font, body font, body link color, body text color, heading text color, archive heading text color.
Background settings – You can stretch background image and manage background color from here.
Header and Navigation settings:-
Header Format settings – Alignment of header left/right or center and option to hide navigation until scroll.
Primary menu bar settings – Make menu bar fullwidth, hide logo image, menu height, logo height, text size, letter spacing, font family, font style, text color, hover/active link color, background color, dropdown background color, dropdown menu line color, dropdown menu text color, dropdown menu hover/active link color, dropdown menu animation.
Secondary menu bar settings(top bar) – Make menu bar fullwidth, text size, letter spacing, font family, font style, text color, hover/active link color, background color, dropdown background color, dropdown menu line color, dropdown menu text color, dropdown menu hover/active link color, dropdown menu animation, trending text size, trending font family, trending font style, trending label text color, trending title text color. Search, Cart & Icon text size, Search, Cart & Icon letter spacing. Change Search & Cart font family, Search & Cart font style. Search, Cart & Icon text color. Search, Cart & Icon background color.
Fixed Navigation settings(sticky menu) – Hide/show logo image, menu height, logo height, text size, text color, hover/active link colors and background color.
Header element settings – Show/hide social icons, search bar, trending bar from here.
Layout – Choose from 11 different column layouts for footer.
Typography – Manage heading text size, font style, body/link text size, body/link line height, body/link font style, widget link color, text color, heading color, bullet color.
Footer elements – Show/hide social icons.
Bottom bar – Background color, footer credit text color, footer credit font style, footer credit text size, footer menu link color, footer menu active link color, footer menu letter spacing, footer menu text size, footer menu font style, social icons size, social icons color.
Button styles – Manage button text size, button text color, background color, button border width, button border color, border radius, letter spacing, font style, buttons font.
Button hover styles – Manage button text size, button text color, background color, button border width, button border color, border radius, letter spacing, font style.
Social Media networks:- Facebook, twitter, google+, pinterest and lot of other social buttons can be activated from here by just pasting there respective urls.
And all other basic/default site customization options are available in this live customizer.
Theme Options/ePanel has following settings:
ePanel – Ad management settings – header
ePanel – Code integration settings
ePanel – General settings
ePanel – Layout settings
ePanel – Navigation settings
ePanel – SEO settings
General Settings:- You can upload logo image, favicon image. Manage global Accent color. From here you can enable/disable fixed navigation bar, social media icons, use of excerpts in posts or pages, option to make shortcodes respond to various screen sizes, Google Fonts for Non-English languages, option to display Back To Top Button while scrolling, option to get the smooth scrolling effect with mouse wheel. Then you can choose the default location of the Sidebar, you can choose the default location of the Sidebar for WooCommerce pages, you can choose the default Sidebar/Widget Area, you can choose the default Sidebar/Widget Area for WooCommerce pages, you can choose the refresh period used for the social network follower counts widget, you can designate how many recent articles are to be displayed on the Archive pages, search pages and tag pages and manage date format. You can add Custom CSS from here.
Pages – Here you can choose to remove certain pages from the navigation menu, enable/disable dropdown menus from the pages navigation bar, home link, sort your pages links, order pages links by ascending/descending, number of dropdown tiers to be shown.
Categories – Here you can choose to remove certain categories from the navigation menu, enable/disable dropdown menus from the categories navigation bar, empty categories, sort your categories links-Name/ID/Slug/Count/Term Group, order Category Links by ascending/descending.
General settings – Disable top tier dropdown menu links.
Single Post Layout – Here you can choose which items appear in the postinfo section on single post pages which sharing icons/options to display, show/hide comments on posts.
Single page layout – show/hide comments on pages.
General settings – Here you can choose which items appear in the postinfo section on archive pages, choose whether standard or masonry display style for archive pages for tags, author posts, search results.
Above post ad – Enable/disable Above post ad. Add ad image, destination url, adsense code.
Below post ad – Enable/disable Above post ad. Add ad image, destination url, adsense code.
Homepage SEO – Enable/disable and add custom title, meta description, meta keywords, canonical URL’s. If custom titles are disabled, choose autogeneration method. Define a character to separate BlogName and Post title.
Single Post Page SEO – Enable/disable and add custom title, meta description, meta keywords, canonical URL’s. If custom titles are disabled, choose autogeneration method. Define a character to separate BlogName and Post title.
Index Page SEO – Enable/disable meta description, canonical URL’s. Choose title autogeneration method. Define a character to separate BlogName and Post title.
Code integration – Enable/disable and add header code, body code, code to the top of your posts, code to the bottom of your posts, before the comments.
It also provides you with a module customizer. This has options to customize the modules supported by Extra theme. Some of the modules are from Divi builder while some are additionally added to this theme. These are image, gallery, blurb, tabs, slider, testimonials, price table, call to action, audio, login, bar counter, circle counter, number counter, accordion, portfolio, filterable portfolio, accordion, toggle, contact form, sidebar, divider, person, blog, masonry, shop, countdown, social follow, fullwidth slider.
Role Editor:- Using the Divi Role Editor, you can limit the types of actions that can be taken by WordPress users of different roles. This is a great way to limit the functionality available to your customers or guest authors to ensure that they only have the necessary options available to them. Depending on role one can access Theme options, divi library, theme customizer, module customizer and page options and many more settings.
Category Builder:- From here you can manage the layout of your category archive page. You can create unlimited category layouts with this builder and assign it uniquely to each category you create.
Extra – Category Builder modules
Page, Post, Portfolio, Widgets and Widgetized areas options of this theme:
Extra – Page templates and sidebar settings on Pages
Extra – Post options
Extra – CPT Portfolio options
Extra – Widgets and Widgetized areas
Widgets: Extra Ads, Extra authors, Extra login, Extra recent comments, Extra recent posts, Extra recent reviews, Extra recent tweets, Extra recent videos, Extra social network followers.
Widgetized areas: Main sidebar, Project sidebar, footer sidebar left, footer sidebar middle, footer sidebar right. In this theme you can create your own new widget areas for use in the Sidebar module.
This theme is 100% responsive and retina ready to all devices ranging from desktops, laptops, tablets, mobile phones to iPads, iPhones. The content gets automatically adjusted according to the screen size.
EXtra – Tablet portrait version with responsive menu
EXtra – Mobile portrait version
EXtra – Mobile landscape version
Page load speed:
A magazine or news website may contain lot of heavy media content. This may impact the page load speed. The PageSpeed score depends on the demo page content, caching of the page, number of HTTP requests, Image sizes and lot many other parameters. I checked the Google PageSpeed of Extra official demo on Mobile and Desktop mode. The Performance is not impressive on both the devices. It is recommended to use W3 Total Cache and WP Super cache plugins for speeding up sites.
Search Engine Optimization:
Basic search engine optimization is done such as,
Post Title on Blog Archive is in <H2> tag
On Single Post, the title is in <H1> tag
It is advised to use Yoast SEO WordPress plugin for even better SEO for the site.
I have scanned this theme with TAC plugin for authenticity and with Theme Check plugin for WordPress standards of theme code, the result is as shown below:
Extra – TAC result
Extra – Theme Check result
TAC shows that it has hardcoded/static links in footer.php which is not an issue as these are not malicious scripts. But theme checker has given lot of warnings which needs to be resolved.
Support and help:
This theme is built by Elegant Themes club which provides good support to customers in case of any queries. They provide support forum, email support and ticket support for their member customers.
Includes category page builder.
It supports Divi post and page builder plugin which comes packed with plenty of modules and column layouts to choose from.
Compatible with WooCommerce plugin.
Several page templates are supported.
Custom CSS box.
Custom code boxes to add code in header, footer, body.
Multiple ad banner slots.
Custom Post Type Portfolio is provided in this theme. You can customize layout of both Product and Portfolio posts with Divi layout builder.
Integrated with Contact form 7.
This theme is perfect for magazine and blogging websites. Extra comes with all above features and its very own review system, allowing you to write detailed product reviews with custom breakdowns. Recent reviews are displayed in Extra’s custom review widget, and review scores are integrated into all post feeds. Therefore, if you are building a blog or news and magazine style website, Extra could be just the theme you are looking for.