Estimated reading prison term : 37 minutes

This reappraisal was originally published on January 15th 2020. It has been updated to be relevant for Themeco ’ south Pro interpretation 5.1, X root v. 9.1 and Cornerstone builder v. 6.1, all released on October 27th 2021.

Time flies. Wow .
It has been over 7 years ( 8 immediately actually ) since I have bought my first ten theme license from Themeco. I have built all my web site with their technical school ever since. Including this one, of naturally.

My very first web site built on ten ended up on a list of WordPress influencers, along with Mercedes Benz, Katy Perry, Bloomberg, NASA and others. not besides bad. : )
It ’ mho prison term to do a concise but detail review of the X theme and Pro theme. A review is needed because many of the resources on the Internet are outdated. It is unfortunate that many of the reviews available are respective years old, even though their mechanically generated headlines call to be sword fresh .

TL ; DR : Themeco Pro is a powerful, fast, safe and dependable tool worth mastering

With meter, this article has grown beyond the point where it can cover all the significant points within our average attention span. The follow is a brief overview of the independent points :
adam Theme and Pro are both themes made by Themeco. ten was released in 2013. and Pro in 2017. Both include a herculean page builder called Cornerstone. Cornerstone is powered by Flexbox, written in Ember & React. Pro besides has CSS Grid and the Header/Footer/Layout Builder. From nowadays on, we will alone discuss Pro .
Performance-wise, Pro is one of the fastest themes on the market, both in the backend and in the frontend. This is thanks to the advanced lean architecture. Themeco made sure it was as SEO friendly as possible .
Pro has tools like Dynamic content, Global blocks, Template Manager, Undo/Redo capabilities, Role director, Custom Attributes, Archive and Single Layout builder, Conditions, Responsive style, preview scale, buildable sliders and a lot more .
The Themeco Customer support is outstanding, and many would argue that its Facebook community is one of the best find, always ready to help in minutes .
pro Theme ’ south Price can be life per license, life per unlimited licenses or recurring, whatever works best for the user .
Ok, so I have nowadays spoiled some of the fun, but it is calm deserving reading on if you have time. If not, here ’ s the link to check out Themeco ’ s web site :
disclosure : Themeco had no referral broadcast announced when this article was originally written. With the launch of the modern web site, they have besides created this program. As of May 26. I have added the referral links to the Themeco Pro theme, but it doesn ’ triiodothyronine change a thing about what I have to say. There might besides be some referral links to plugins and services I use a bunch and am confident into .
For starters, the password “ Theme ” often used in the appoint of this product makes it sound somehow cheap. Less experience people immediately think of some template that imposes its own design, and very frequently the whole layout. That is army for the liberation of rwanda from world. ten and Pro are both potent locate build tools. With them, it is possible to start from the blank poll and build the web site precisely the direction we want it .
If you are building a web site based on person ’ s mockup, you will be able to recreate it 100 %. I equitable hope that the mockup was made by person who actually knows what they are doing. : ) And if you want pre-made templates, certain. They are available in the Themeco ’ s Design Cloud .
Design Cloud Library

The history

The initial release of X-theme was on October 24. 2013. We can see the whole update history in their official changelog. soon after that it got the Visual Composer integration. very cursorily it became the fastest-growing subject on the Envato Market .
On May 28th, 2015, X-theme 4.0. came extinct and introduced its own page builder—Cornerstone .
On April 10th, 2017, Themeco released its second composition called Pro. The main difference at the meter was that unlike X, it had the Header, Footer and the Layout builder. besides it was not sold on the Envato market, but directly from Themeco .
Throughout the years, Themeco was adding its own plugins called extensions. For case, there is a custom 404 page plugin, Smooth scroll, Under construction, white lable, and others .
There is besides a very brawny native Schema plugin called “ Snippet ”. This plugin supports many assorted outline types, outputted as JSON-LD .

The Concept

Themeco ’ south X and Pro themes are based on purpose sets called stacks. Although this may change in the future, it isn ’ t a badly mind at all. Integrity, Renew, Icon, and Ethos are the four stacks. Every design is unique, and it is a dependable place to start for those who want ready-made designs within a short time frame. The subject is amply customizable, so you may not even notice the stacks .

The deviation between X and Pro composition from Themeco

The key difference is that X is simpler, and Pro offers advanced Header/Footer/Layout Builders, vitamin a well as CSS Grid capabilities and promote conditions. ten is available at Envato, and Pro is sold directly by Themeco .

operation ( It is fast. Very fast )

Ember, React, Themeco ’ s crazy-geek engineers… A few things came together to create one of the fastest themes on the Internet. The barebone install is able to load in 0.3 seconds with extra optimization, and in 0.5 seconds without it. An optimize web site such as this one can load anywhere between 0.7 to 2 seconds .
As a digital commercialize adviser, I had a probability to work with all major themes on the market, and some less sleep together ones. I can tell you one thing for certain : no theme is fast as X and Pro theme. There are a few that are a match on the front end. Oxygen would be one, and there are more. But on the backend… That ’ sulfur crazy. Let me take a stopwatch and measure the time the home page of this web site becomes editable in the Cornerstone Page builder :
quick ? Set… Go…………………4 seconds !
Dev time is money. If you have to wait an supernumerary 10 or 20 seconds for every change to take effect, and to be able to edit a page, that sums up to A LOT of money burned for nothing .
Shall we try to measure saving changes on the page ? Let ’ s go : ……..1 second !
disavowal : make sure you have fast Internet speed, and that the web site is hosted on a decent Hosting. This one is on Siteground ’ s GrowBig Plan. differently, the root is equally fast as the narrowest bottleneck .
Ok, let ’ s take a look at the front-end performance exemplar for a moment .
X and Pro theme by Themeco performance loading scoresPro theme performance on a full website with plugins (Heavy Homepage, shared hosting without CDN)
not besides bad at all. That is a pro subject on Siteground with their Supercacher enabled. If the site is not on Siteground, I go with WP Rocket. I have used to use them combined, but Supercacher nowadays supports most of WP Rocket ’ sulfur functionalities. To complete the optimization movie, I do detailed asset management using Asset Cleanup or exchangeable plugins. The exercise web site has an image-heavy home page, but the images are lazy-loaded, so the page system of weights is under 1MB at loading. The locate is not on CDN .
Let ’ s test a similarly optimized, Pro-based web site, but with no plugins early than SG Optimizer, WP Rocket and Asset Cleanup :
Themeco Pro Theme speed optimizationPro theme performance, on a simple homepage with only speed optimization plugins (Shared hosting without CDN)
now, we could load jquery.js through exposed generator inactive assets CDN merely by installing and activating CommonWP plugin. [ edit : jQuery is no longer a addiction on the movement end. Pro is JQuery complimentary since version 5.2 ]. This would improve the Yslow seduce, but I have found that this won ’ metric ton impingement the total site load time if users are distant, and if they are near to the server, this CDN will slow down the load time for 100 manuscript. So I opt to end product this 33 kilobyte file from my server. If the web site was targeting ball-shaped consultation, then of course, full CDN would be used with all its pros and cons .
Btw, you are correct. Those up there were old GTMetrix format. We should test the like locate again, and see what can we get from the raw GTMetrix :
Pro Theme GTMetrix grade and Core Web Vitals
Yeah yea, all right. I know. I am showing off some GTMetrix results, while all that matters are the dredded Mobile PageSpeed Insights results. So get ’ randomness bring those out arsenic well, for a space page :
You must have heard people complaining about getting very low mobile pagespeed results tied on blank pages, with many democratic themes and page builders. Pro is vitamin a clean and jerk as a whistle correct out of the box. The vane architect is creditworthy for the Core Web Vitals, but it is essential that the Theme itself provides us with a clean canvas. In 2021, Web Vitals got included in ranking divisor .
pro from Themeco is extremely optimized for performance out of the box. Treat it good, build your web site with performance in mind, and you ’ ll get a hyper fast web site even on a shared host .

Are X and Pro Bloated themes, and do they slow down with new versions ?

What is bloat anyhow ? It is something taking up resources even if not needed. ten and Pro are packed with features. particularly Pro. But they are lean-based. nothing is used if not needed, so there is no sign of bloat at all. This goes down vitamin a far as to individual CSS rules : can images have border spoke ? Yes. Is the rule there if it is zero or empty ? No, it is not even outputted. There is a toggle to turn it on if needed. This goes to all controls in the builder .
Can we have JS to control reactive textbook ? indisputable. It needs to be enabled for the finical page first. Can we Have Lightbox on the images ? Sure. entirely if it is added to them. If not, that script is not being run. And sol on .
As for the second wonder, that is a normal thing to ask. We have all seen capital systems that slowed down ampere new features have been added. not Pro. As a matter of fact, each interpretation got faster. That goes to the recent major version, Pro 4.0 released on December 2020. It got the Layout builder, Effects and dozens of new features. Guess what : joule dependencies were reduced by 30 % compared to the previous, already fast adaptation ! In Themeco ’ s own words, We can rest assured that they ’ ll retain to keep performance front of heed as constantly. With each raw interpretation they reduce dependencies, find new ways of doing things, or leverage newly development standards .

Performance Optimization Tolerance

not all themes work when heavily optimized for performance. With X and Pro, a adept matter is that you can go all the way in and combine all of its assets, ( CSS, JS ), and minify everything, it will calm work just absolutely. It doesn ’ t need minification as a matter of fact, because it is pre-minified. Under HTTP/2, you may test if Concatenation is flush needed. That will depend more on your plugins frame-up .
besides, I have tested WP Rocket ’ s Lazy Loading for images, and all prototype elements in the subject subscribe it and work perfectly. There are no issues if Webp file formats are served alternatively of the master images arsenic well. Siteground does this natively if turned on .
All in all, an already lean and fast x and Pro composition doesn ’ triiodothyronine judgment to be additionally optimized at all. No resistance there .

SEO friendliness

There is hardly any other theme I ’ vitamin d trust on when it comes to SEO. There are multiple reasons for that, including great architecture, accelerate and security. A good proof for that is that an X-theme based web site is ranking many top fiscal keywords # 1 in croatian lyric, above all Credit menu companies, banks and fiscal institutions. This is of course a result of SEO strategy, but obviously Google had no protest about the theme. : )
There is one more potent reason for my claims. And the most significant one : Themeco. I had respective SEO relate discussions with them on forums and one thing I can tell you is that the dev team is identical interested in making certain the composition is as SEO friendly as potential. They besides possess a lot of cognition in this area .
An case of SEO friendliness is the fact that All setting images set on containers are ARIA obscure and set a proper background-image CSS. This of path means that they won ’ thyroxine be indexed by Search Engines. however, sometimes in design we need the advantage of backdrop images, and even having the ability for them to be indexed on Google. Themeco has made a unique option to change the tag of the background picture into an element, and still simulating background visualize behavior by utilizing object-fit rules. That ’ second very neat .
One more thing would be the option to change the hypertext markup language tag of any Section, Row or Column. They can be

and many others. Even the tag can be used, making containers instantly clickable.

now, to illustrate how professional and exhaustive subject this is, think adding an tag to make an entire column clickable. What people normally do when they make clickable columns ? They frequently have boxes with a photograph, some text and a button. What is a button ? it is an Anchor chemical element ( another tag ). Can we nest anchors in HTML ? No ! Do common folks know that ? No direction. This is a web site builder, why would people know HTML semantics to use it ? however, Themeco has anticipated this : if a clitoris ends up inside a clickable column, its anchor rag will automatically be replaced by a tag. (it will of course still be clickable, because all elements in the column will inherit its clickablity). I have simulated this scenario in two of the major competitor themes and guess what? They don’t care about unintentionally invalid semantics. 🙂
To continue on SEO friendliness, the theme has a Schema powered Breadcrumbs element vitamin a well as Ratings and testimony elements with Schema. there is besides a Snippet addon that can be enabled, allowing setting up Structured data types per each post type .
Snippet addonStructured data support in Pro theme
If you have a WooCommerce workshop, then the important expression of SEO is an ability to have capacity on Taxonomy pages where and how you want it, and to be able to design product pages in the most optimize room. You may have encountered themes that don ’ deoxythymidine monophosphate flush output Category descriptions, let alone giving you the opportunity to make your customs design. All this is a cinch with Pro .
Themeco Pro is possibly the most SEO friendly WordPress root on the market .

approachability

accessible contented has constantly been important, but not always slowly to achieve. With WAI-ARIA roles built into each and every template file, Pro ensures our site conforms to the latest standards set forth by the W3C .
In exercise, this means that the main vault has been overcome. Rest of it is about making sure we design accessible content by considering contrast, Alt textbook, empty links etc .
When it comes to choosing an accessible WordPress theme, Pro from Thermeco is an obvious choice .

Cornerstone Page Builder

The real exponent reveals itself once you fire-up Cornerstone. Cornerstone is a entire front-end live page builder integrated with the ten and the Pro composition. In adam, it needs to be installed as a plugin, while Pro users have it integrated into the theme. In Pro, Cornerstone represents a family of builders that includes the Layout Builder, Header Builder, Page Builder, Footer Builder, and Grid Editor. the Layout provides the structure based on basic build blocks :

  • Sections
  • Rows
  • Columns
  • DIVs
  • CSS Grid Cells

Sections are the top build blocks. They accept Rows. Rows are Flexbox powered, so we can place Columns inside them in any order, size and reflowing rules. We can nest rows inside column, which allows more building complex layouts. We can besides insert standalone DIV elements, allowing locally laying out other elements. But, that is just the begin : we can turn-on Flexbox layout inside Columns and DIVs, and if that is not enough we can use CSS Grid !
now watch this : we can besides move a Div way up under the section and delete the Row and the Column. Pro is modular enough that its sub-containers are not mutually dependent. This is a feature you won ’ metric ton find a bunch with other foliate builders. This means we can control the count of DOM elements the way we want, if we want to take that path .
So the layout options are :

  • Standard Layout
  • Flexbox Layout
  • CSS Grid layout

Columns and Rows in Themeco ProColumns and Rows in Themeco Pro
That ’ s about the structure. When it comes to design, Cornerstone has 52 respective elements plus 24 active elements and 29 WooCommerce element ( if you have WC installed ). many of these elements are multipurpose .
Some of them would be :

  • Accordion
  • Audio/Video
  • Breadcrumbs with Schema
  • Buttons with advanced interactions
  • Flipping cards
  • Comment forms, lists and paginations
  • Buildable Dropdowns/Modals/Fly-ins
  • Countdown
  • Counter
  • Div Container
  • Headline with graphics and subheadings
  • Icons/Image/Line
  • Lists (Both static and looped)
  • Maps
  • Pre-fabbed buildable Megamenus
  • Various navigations
  • Quote
  • Ratings with Schema
  • Fully customizable and buildable sliders
  • Buildable sliders
  • Various search options (Inline, modal, dropdown)
  • Tabs
  • Testimonials with Schema…

Some of the Dynamic elements are :

  • Featured Image
  • Posts element (List, Minimal, Titles, Magazine)
  • Site Links, Tagline, Title, Author, Meta line, Excerpt…

fantastic thing about Cornerstone is that everything is fully customizable. besides, the fact that many elements are multi-purpose, creates less clutter and removes bloat. For example, a Headline element can have any of the H chase, but it can besides get a couple tag. sol if we turn the graphic on ( visualize or icon ), it becomes a elementary text item with a graphic. A Button component has besides respective design options. It can be a clickable chemical element that doesn ’ triiodothyronine look like a button at all. Like the three boxes below the Hero effigy on the home page of this web site. cipher could guess that those are actually buttons .
Another interest thing is that all contented elements, like dropdowns, modals and fly-ins, are in full customizable ampere well. This means we can drop a childlike dropdown menu component and build its content anyhow we see fit, up to fully responsive megamenus .

CSS Grid – Making Impossible Layouts Possible

Pro is the first theme on the grocery store that has CSS Grid Layout integrated, with a native ocular editor program. It has a native draggable interface like no other .
The world power of CSS Grid is the ability to arrange elements in two dimensions, ( unlike unidimensional Flexbox ). By doing that, we can overlap elements if we like, and we can rearrange them by breakpoints. This allows layouts that are beyond the range of most page-builders .
Pro Theme CSS gridPro Theme CSS Grid
Pro Theme CSS Grid Visual Editor in actionCreating Complex CSS Grid Layouts in seconds
If that is not adequate, we can add the fact that any of those CSS Grid containers can dynamically load a list of posts, products or basically any post types with fully customs design, dynamically pulling anything into text, buttons, images… Just freakin ’ wow .
I have used it for exemplar on this one-page web site :
CSS Grid example - Pro from ThemecoExample of CSS Grid, on a page made with Pro.
You can try resizing it in the browser to check how responsive it is .

Sliders Reinvented

By using base elements, Themeco Sliders can be built from the ground up, behaving and looking any way we want.
Designers and UX professionals know sliders can be pretty nasty for users. however, they can besides be fantastic if used correctly. This is specially true when it comes to mobile devices. rather of scrolling vertically, people prefer to scroll sideways to see refer content .
Themeco didn ’ deoxythymidine monophosphate just make a regular slider element and throw it into the theme. Oh no… What we have here are fundamental build up blocks of a luger, such as the container, pagination and navigation. With that, we can design and arrange our sliders however we wish. If we want, we can let them loop through WooCommerce products or anything. They support carousels, click and/or drag, Flexbox, CSS Grid, any type of in/out transitions, ability to change the design of any slide position left/right from the active one… It would take an article like this one to cover all slider possibilities, so good take my give voice : there is nothing like this on the market. Period .

Combining Technologies

We just discussed a potent CSS grid, a well as alone, amply buildable sliders. How amazing would it be to combine the two ?
We can !

Since everything in Pro is made from the lapp components, we can combine them in an infinite number of ways. here is an example of a responsive CSS Grid Slider :
Fully responsive CSS Grid Slider.
Wan sodium check this slider out live ? It is reasonably impressive. Just go ahead, this CSS Grid skidder associate will open it in a new window. You can come back and continue read after that .
The animations and the entire layout were built using entirely Pro features. additionally, each of those images comes from the measuring worm. That ’ mho right ! This persona veranda can be dynamic, fed from a custom mail type, ACF repeater, JSON feed, Google sheet, external web site, whatever you like ! tied more impressive is the fact that this is a cuddle measuring worm. One is looping the slider, and the other is looping the CSS Grid gallery inside each. Check it out it both on desktop and mobile, to see the exponent of reactive adaptation .

With Pro, we don ’ t need Grid, Slider, or Gallery plugins to build cool elements of the web site. even if we sacrificed performance and installed them, they placid couldn ’ thyroxine do such complex and amazing stuff as native Themeco Pro can .

And btw, if after all this we still want Grid, Gallery or Slider plugins, we don ’ t have to buy them, as essential Grid, ACF Pro, Slider Revolution, Layer Slider and many more, all come free with Pro. : )

Dynamic Content

Dynamic Content supports ACF fields ( ACF Pro comes bundled dislodge with Pro ), WordPress content or barely about anything else. For example, the header of this web log post has the Article entitle, Published and last modified dates, all active. This makes creating Templates easy as a proto-indo european. Paired with the Template Manager, it rightfully has lots of use cases .

ACF Pro Integration

pro from Themeco has a excellent integration with ACF Pro, which is bundled with the root for release. This means that Pro can for exercise Loop the content of the the ACF Repeater field, or the Gallery field, or anything. It can access all ACF fields natively and immediately : consequence the labels, along with the actual fields .
ACF is tempting for practically all WordPress vane designers, but many get deterred by its complexity and the fact that it requires PHP and lots of coding. Pro lets us work on types of work only experienced developers would be able to do, and produce ace illusion stuff, letting Pro handle all the dense pilfer on our behalf. At the lapp time, we do not pay for that luxury with a poorer performance. Think of the sheer power of this fact .

ball-shaped Blocks

Build an chemical element in one place, and drop it anywhere with a shortcode or the Global Block Element. then update it in one place and voila — updated everywhere .

element Animation Effects

Any Container or Element can be animated based on page scroll or levitate interactions. If used moderately, this can add antic ocular appeal in the design .
pro subject comes with a bounty Grid plugin bundled : The Grid. however, we actually don ’ t need it : literally any of its skins can be recreated with native Pro elements and interactions. not only that, they can be semantically chastise. For exercise they can be wrapped inside an

tag. Also, a WordPress loop can be turned on their parent container, so they can output any data from any post type. Being it a WooCommerce product or our own Custom Post type, paired with Advanced Custom Fields Pro.

Conditions

The conditions can be assigned to any Container, Element, Page, Header, etc. In other words, how they are shown can depend on whatever criteria are in place. A section can be hidden before a certain date, for exemplar. An image element can be active if a Featured prototype is assigned to a post, or merely if a certain class is assigned. There are countless options, combinations, and use cases available. I can ’ t tied list all the options available .
On peak of that, Conditions are working with expressions. This means you can do things like [ IF Comment count is > 10 THEN show THIS element, ELSE, show THAT element ]. Conditions can be assigned to, well, practically anything .

Configurable UI

equitable like in Photoshop, we can well dock, undock, drag and move the builder ’ south panels. For exercise the Left sidebar can be placed at the bed, and the Builder ’ s breadcrumbs can be moved to the bottom. Whatever works best for you. I like the fact that the custom CSS windowpane can be resized and moved anywhere on the sieve, and it switches between page and global CSS. Oh, and it supports linting .
address of the UI, lots of options can promptly become overwhelm and cluttered. For exercise, if you want to add a text-shadow to a headline, it has lots of setting to play with. But if you don ’ t need it, the commodious on/off interchange will hide and disable the stallion set of options related to it. That ’ mho ache. There is evening a copy/paste options between browser tabs. We can copy the submit of an element in one check, and paste it in another tab key, without the need to save the template, recharge, and then load the state .

Dev Console

This one is turned off by default. many won ’ deoxythymidine monophosphate touch it, specially the beginners. however, it is a God-mode radially available : this fiddling draggable and resizable window has all the options of anything presently selected, along with a search bar to promptly find stuff. It international relations and security network ’ deoxythymidine monophosphate american samoa cool as the main Inspector, but it can provide fast work flow. Try it out. It even has all the global composition options listed right there. A mighty little thing .

Template Manager

With X and Pro, you can turn anything into a template. A hale page, a section, a column with all the elements, any element, anything. once created, it becomes a Preset element. That means that you can merely drag & drop it anywhere and that ’ s it. You can besides download templates and upload them into early websites .
Pro Theme Template ManagerDragging Own Presets into the Design
Some users are saving Page templates to re-use them when they create newly pages. While that can surely be done, there is a far better means to do it for this particular purpose : page templates tend to be different than what we have on a newer page, making the need to constantly update the templates and never be certain if we are actually loading the latest one .
rather, when we are creating a new page, we can choose to clone any page on the web site, which means we can be certain we are using the latest adaptation of the foliate. Page templates are more desirable to re-use on different websites or to move them between builders. For example from the Content builder to the Layout builder .
alternatively, if we just want to quickly copy an element, part, or anything else from one page to another, we can merely copy/paste it between browser check. It works not lone between multiple pages but even between different Pro websites !

responsive style

Pro 5.0 introduced responsive style. This means that we don ’ t need to write tons of custom CSS to change styles for unlike breakpoints. here ’ s how it works :
Our first step is to decide whether we want a mobile-first or desktop-first design approach path. Or anything in between. CSS styles can flow ( cascade ) in any direction we prefer. This is done by choosing our al-qaeda breakpoint in the Theme options .
second, We don ’ t need to change styles for each and every breakpoint. Let me explain in the adopt exercise .
Imagine we want a steer element to be big on background, but smaller on fluid and tablet devices. To accomplish this, we merely need to click the steer size label and open the follow window :
Pro theme Responsive Styling Let ’ s call the largest breakpoint as LG ( shown at the bottom of the painting ) and move all the means to the XS breakpoint representing the smallest mobile device at 360px width .
As you can see, the LG and XL breakpoints both have values of 3em. When I changed the value to 2em on the MD breakpoint, the value cascaded down to SM and XS breakpoints mechanically. yellow means the measure was overwritten, while blue means it was inherited downwards. The reason for this is because my base breakpoint was set to the LG breakpoint ( indicated by the dot ), so everything flows down. ( And besides up to the XL breakpoint, but we ’ ll perplex to that ) .
The arrows indicate which direction the styles are flowing. This is brilliant and it feels effortless and natural. The best UX I have ever seen in a Site builder .
possibly you are wondering why my base breakpoint international relations and security network ’ triiodothyronine located at the largest one, so it flows down from there. The answer is because I am nowadays on my laptop. This is my natural breakpoint in the builder, and it is easier to work that way. If I were using a large monitor, I would change it. any time we want, we can change the basal breakpoint without affecting the purpose in any means. Themeco knows what they are doing. : )
Another brilliant thing is that we can set the preview to the largest breakpoint, or even beyond. I could set the preview of a large 24 ” monitor on my 15.6 ” laptop. The builder will mechanically scale down everything and allow me to see how the design looks like on that size. Or I could preview it at 100 % scale, but then I would have to scroll around .
We can besides resize the preview window manually by dragging its side and preview any size in-between breakpoints. We besides have a neat ruler that shows us the pixel value of the current width we are working on. All in all, the reactive UX is ampere good as it gets .

Post type Layout builder

Custom Archive Pages

Themeco introduced the Layout builder with Pro 4.0. It allows designing Blog, WooCommerce or any other exponent page, american samoa well as any kind of Single template like Blog posts or WooCommerce products .
The beauty of this tool is that it uses precisely the same Container elements powered by Flexbox or even CSS power system, like the ones inside the Content builder .

Custom List of Posts on Pages

Let ’ s say we want to output three of the latest posts on our home page, or the list of Products presently on sale. Or any post types under any condition .
We can drag in diverse pre-fabbed late posts elements, configure the military post type and the conditions, and call it done. If we want wax control, we can besides redo those pre-fabbed elements the manner we like them, because they are made of standard Pro Theme ’ south elements .
That being said, we can build our list manually from scratch. All we have to do is turn on the WordPress loop on the rear container ( A Row for exercise ) and have our Columns “ Consume ” the loop. Any element we drop in will display the proper Dynamic data. If we drop a Headline in such column, it will display the Product ’ randomness diagnose. If we drop a Text element and set the dynamic contented to “ WooCommerce Price ”, it will end product the price for the merchandise. That simple. That Powerful .
There are respective ways to output Posts : Query builder is the slowly one : configure the post type, filters and rules from the drop-down lists, and that ’ s it. For those who want full master and advanced stuff, they can write any WP Query. For those who don ’ t want to create post types to output loops, they can even drop a JSON list immediately to the page and the elements will loop through them ! finally, the entire thing can be fed from an external API, or even Google Sheets .

Custom Single Templates

A Blog post, a WooCommerce product, or any custom post type : they can all be built by the Layout builder. We can assign the layout to anything, including the Custom 404 page. In other words, We can pick any page from WP template hierarchy and customize it with the page builder, and besides set the proper inheritance stream .

pro Theme WooCommerce Integration

The New Layout builder introduced with Pro 4.0 allowed building a entire custom WooCommerce Shop layout, adenine well as Taxonomies and Single product pages .
To be able to end product all the WooCommerce elements, Themeco made a library of them. They can be easily drag & dropped anywhere on the page and configured .
Pro Theme WooCommerce Elements
When we say “ Configured ”, it means a bite more than what we might expect. For case, we can drop a “ Cart Dropdown ” component to the page and it is actually made of the basic dropdown component containing the Headline, the Mini cart and anything else we want to add to it. The plan is not “ locked ”, so we can make it our own by adding stuff. For exemplar a free ship warn .

bundle premium Plugins

ten and Pro are coming with a big fiscal value in premium plugins. Those are :

  • ACF Pro
  • Convert Plus
  • Essential Grid
  • WP Cost Estimation & Payment Forms Builder
  • Layer Slider
  • Modern Events Calendar
  • Slider Revolution
  • Soliloquy
  • Superfly Menus
  • Ubermenu
  • Woo Checkout Editor

No, this is not another attack to drag-drop some pre-made elements into preset positions. This is a whole content builder for the Header and the Footer. You can make it look whatever you like. There is hardly any known web site that you couldn ’ triiodothyronine emulate with Pro .
Please note that you may have run into some reviews on the Internet ( erstwhile but claiming that are latest from this year ). They say that Pro Header has different UI and divide determine curl than with the Content builder. This was dependable farseeing time ago. Both builders are Flexbox powered and utilize the lapp controls .
Header Builder – Activated on this Post (Blog Header)

Role Manager

fear of node ruining the web site by clicking what they shouldn ’ triiodothyronine ? No problemos. All individual theme parts, individual elements or exploiter settings can be assigned to specific exploiter roles .

Undo/Redo

We don ’ t have to say anything more about this. It works like a capture .

Custom Attributes

Have you found a cool vivification library that hooks into HTML with custom attributes ? Would you like to apply it to the X/Pro elements ? No problem. Add as many customs attributes to any element. Zoooom zoooom .

price

When it comes to price, Themeco has covered therefore many options that I ’ m sure everybody will find something for themselves. X can be purchased on Envato for $59 lifetime payment. But take my advice and don ’ thyroxine buy it. pro root license is $99 lifetime payment, ( presently at discount for $ 79 ) and it can be bought from the Themeco ’ s web site immediately. ( Wait, we are besides talking about the inexhaustible license down below ). For the extra bit of money, on top of the Content builder, you are getting the Header, Footer and Layout builder and the CSS Grid element, which are amazing. You are besides supporting Themeco immediately, and that is authoritative. The license is valid both for the Production and the Staging web site, so there is no want to switch licenses constantly .
For a long time, the life single-license was the only choice. But not anymore. Themeco came out with a Lifetime Unlimited License for $399!  This license covers as many websites as we can handle, with ongoing documentation and updates. A simpleton mathematics says that this is a huge batch for anyone who is planning to build 4 sites or more. Any representation or mercenary should have this knock-down weapon in their arsenal. personally I don ’ triiodothyronine even know how many licenses I have bought, or had my clients buy in all those years. This option is a no-brainer .

Lifetime license for unlimited websites and with inexhaustible support is available for $ 399 ! It is well worth it if you are planning to build 4 websites or more .

And there ’ mho more. Themeco besides has monthly and annual license options. You can check them out, but there are identical rare cases where buying a $ 59/yr single license is better than buying a $ 99 life single-license. There is besides an inexhaustible license for $ 149/yr. If you are on budget and tidal bore to go Pro asap, you can start for vitamin a low as $ 9/mo for a single web site, or $ 29/mo for unlimited sites .
To recap on the pricing, Themeco in truth thought this through and offered something for everybody. My personal favorites are either the outright life Pro license for $ 399, or a single-site life Pro license for $ 99. Check ’ em both on this direct link. But you might hold on ’ till the end of this article. I ’ ll drop you the connection again below. : )
Oh, one more thing : once you buy the unlimited license, it will show up in your history dashboard. If you don ’ metric ton see it, it is possible that you are placid logged-in with the older session. Log out of your report and log back in. It will then show up in the leftover sidebar .

documentation

From the day one, Themeco devoted distribute of time, energy and love to provide support that is best in occupation. They go over and beyond, and they respond very quickly. normally within a few hours and sometimes faster .
There was a short menstruation when Themeco was restructuring the accompaniment system, and they came out with a huge update that radically changed things. It created a huge pressure on the ( new ) back team and the choice went a bit down. The subject was actually never unserviceable or something. But there were respective influential individuals creating veto hype around it. Themeco did that boldface motion to transfer the subject far into the future, beyond the rival. That affect paid off tenfold. indeed if you find traces of that by searching the historic content on the Internet, that ’ randomness it. And it is all long gone .
As I have said, the accompaniment is absolutely one of the best in the business, and it is life. No annual meter limit or something. The Support Forum is candid, but questions can be asked lone by register users with licenses .
Themeco Support main search

The Community

There are a few Facebook pages dedicated to Themeco products, but the chief matchless is called Pro Theme & X Theme Users. Most questions got answer literally in minutes, and there are many professional network designers and developers that gladly help to everybody. I am active on the daily footing there angstrom well. : )

security

If you are not subscribed to WPScan Vulnerability Database already, you should be. Go ahead and check the popular themes on the market. You will find most of them had security breaches. But not X. And not Pro. They have a immaculate security record from the day one .
In May 2020, five popular page builders and one ( most popular ) root was reported having serious vulnerabilities. After that, again in August 2020 this most popular WordPress theme had vulnerability issues, along with its Page builder. Security is a unplayful thing .

The Long-term Sustainability

I am using Themeco ’ second themes about from its begin. One of the most crucial aspects of deciding to go with them at the time was the homo gene. I have felt the rage and devotion of Kyle Wakefield and his team. I knew those treats will lead to great things, and that they will provide long-run security. That was enough for me. If you want to hear the Themeco narrative, you can watch this video. ( 50 min ) .

noteworthy Features

This article is an overview of the Theme and its functionalities, so I won ’ t digest you with besides much content. Everything important has been said. here is a number of what we have mentioned already, and a few more things :

  • Undo/Redo
  • Global Colors
  • Global or Page-level CSS/JS
  • Font Manager
  • Template Manager
  • Dark/Light Mode
  • Dynamic Content
  • 1st-class ACF Pro integration
  • Element Scroll & Hover effects
  • Element Conditional logic
  • Element Condition expressions
  • WordPress Loop inside any container
  • Header & Footer Builder
  • Full control over blog layouts, posts, and index pages
  • Unlimited Headers and Footers
  • Lots of Premium Plugins
  • Flexbox and CSS Grid
  • Global Elements (Blocks)
  • Custom Attributes
  • Native Dropdowns, Modals and Fly-ins
  • Powered by Ember and super-fast backend/frontend
  • Font Awesome Pro V5 with an ability to turn off unused weights
  • Design Cloud – Offsite repository of ready-made elements
  • Keyboard shortcuts
  • Customizable UI
  • Mobile-first or Desktop first workflow
  • Preview scaling
  • Full responsive styling
  • Element status indicators (has CSS, Has Looper, Has Effect, etc)
  • Right-click contextual menu in the builder
  • Elements API for developers
  • Easily installable Child Theme
  • Extensive documentation
  • Ready Made Templates in the Design Cloud
  • Demo websites and demo content
  • And more

The future

In the following Beta ( already afoot ), Themeco will introduce Parameters and Globals among other things. I won ’ thymine go into detail right nowadays, but basically we will be able to create ball-shaped Elements and purpose sets that can be edited across the site. We already had Global blocks, but this will be the next flush. Stay tuned !

The Verdict

I am obviously biased. But with a good reason. If there was a reason for me to leave Themeco in the survive 7 years, I would do it. alternatively, they have become an invaluable partner I can count on. They have provided me with an gain piece of engineering that works flawlessly and that doesn ’ thymine bide in between my resource and the final product .
This technology cuts down the development time significantly. Unless you are in an constitution with complex divisions and decision make, there is no want to build a mockup in XD, Figma or other Prototyping tools. Cornerstone builder works about like those tools. The live prototype instantaneously becomes the final examination intersection. surely it is one of the best WordPress themes on the market .
so there is truly no early rate for it than this :

5 / 5

That ’ s it for now. I will get back to this ten and Pro theme follow-up to update it, whenever I feel that I should add more to it, and besides when new subject updates will be available. See you soon !
Oh, right… The associate to the Themeco ’ s Pro page :

reservoir : https://themedipia.com
Category : Website hosting

Leave a Reply

Your email address will not be published.