Posted on

7 Tools to Detect What Theme Is Being Used on WordPress Site

WordPress powers more than 75 million websites and the number keeps growing. If you are reading a blog or even some business website, chances are very high that the site is running on WordPress CMS. Popular artists, musicians, photographers, politicians, journalists, businesses and even some banks are running their website on WordPress. Sometimes it happens that you like the design of a particular website and like to use or refer the same for your own. In WordPress, the design part is mostly served by theme. So if you get the theme being used by the reference website, you can build your website with similar design and layout. So the next question in your mind comes as “Which WordPress theme is active on this website?“, Right?

You may be familiar with the design of popular WordPress themes like Divi, Avada, Genesis and guess that by just looking at the site made out of these, but there are more than 10,000 WordPress themes in market. The most popular theme marketplace Themeforest is having more than 5,000 themes alone. That’s why for many websites, you may not guess the theme being used.

Once you know the name of the theme and the author’s website, you can go and download the same and use it on your site. With the similar theme and some plugins, you can easily build similar looking website with the help of few CSS lines.

For example, the photography website of Brian Smith,a popular portrait photographer,  is using WordPress CMS. It is even mentioned on the showcase page the new WordPress.org layout. Now if you like to make similar website, use the WordPress theme named Photo Artist (well, this theme is now retired and not supported by the author).

There are many ways to find out what WordPress theme a website is using. Here are few simple and easy solution for that,

Websites to Auto Detect the WordPress Theme Name

What Theme

A theme detection tool which works for WordPress, Joomla, Shopify, Drupal, Magento. Once you enter the website URL in search box, it will try to auto-detect the active theme.

what-theme

Like any other theme detection tool, it must be scanning the HTML code and find the style.css file loading from wp-content/themes folder. In that file, the theme’s name and author’s URL is written at the top. From there it shows the active WordPress or other CMS theme’s name.

A clean and minimal theme detection tool for WordPress sites.

Check What Theme

What WordPress Theme Is That

It is another WordPress theme detection tool which is available for free. You can also find out the plugins being used on the WordPress site.

whatwordpressthemeisthat

Once you are aware of the theme and the installed plugins, you can create similar site even with similar functionalities. Again, it also scans the HTML page source of the webpage and shows name and URL of the plugins and theme.

Check What WordPress Theme Is That

Scan WP

Update – I tried with one of my domain and found that Scan WP detection tool is not working. Hope the developer will fix the issue soon.

scanwp

Scan WP is a free tool to showcase the active WordPress theme and installed plugins a WordPress site. It shows following details after you enter the website URL in the input box.

  • Installed and Active WordPress Theme name
  • Installed and Active Plugins
  • Direct Link to Theme’s Page
  • Direct Links of Active Plugins
  • Free/Premiium Theme with Price
  • Free/Premium Plugins with Price
Check Scan WP

WPTD (WordPress Theme Detector)

Like other theme detection tool, WPTD also shows the active WordPress theme on the website. The most important thing is that, it shows the small thumb which comes with the theme too. So in few cases, even if the site’s webmaster has changed the theme’s name and still using the same thumb as provided by theme’s author, you can find the installed theme very easily.

wptd

WPTD also shows the history of installed and active themes on the site. For example, if the site was using some other theme 2 months ago, it will show you that history as well.

Apart from that, WPTD also shows the Alexa Rank of website to know about the popularity of the same.

Note – WPTD doesn’t show activate plugins on the website.

Check WPTD

Another WordPress Theme Detector

With the adverts running on the site, you may hesitate in using this one, but it works great. Like other free theme detection tools mentioned earlier, it shows the name of the active WordPress theme with small thumb.

wordpress-theme-detector

Apart from that, it shows the link of installed and active WordPress plugins with their thumbnail image and link.

Check WordPress Theme Detector

Chrome Extension

Apart from the free web tools mentioned in this article, there are few Google Chrome extensions also available to detect the active WordPress theme on the site. One of the example is WPSNIFFER. It works as a WordPress Themes Sniffer and detect the active theme.

wpsniffer

I tried on one of the my website and here is the screenshot showing the result.

Once you click on the theme’s URL, it takes you to Google search for that WordPress theme.

Install WPSNIFFER Chrome Extension

View Page Source and Find

All the above tools are able to find the active WordPress theme because of the proper structure or a pattern in the HTML source of the WordPress website. If you don’t want to use any of the above tools, here is the basic way to find out the active WordPress.

  1. Right click on the open webpage on browser and select ‘View Page Source’
  2. You will see the complete HTML loading on the page and it includes the HEAD and BODY of the HTML
  3. Under <HEAD> section of the page, search for the CSS file named style.css
  4. Confirm if it is loading from wp-content/themes/…./style.css folder
  5. Open the style.css file and you can find the details about the active WordPress theme.
  6. In case if the site is using a Child Theme of a Parent theme, you can find the name of the Parent theme in that file too

page-source theme-details

Conclusion

If you are looking forward to design a new website and planning to have WordPress on it, you may choose the design of other WP site. In that case, detecting the theme will make your life easier. For those who are not comfortable with HTML code, tools like WhatWPThemeIsThat and Another WordPress Theme Detector are very helpful in detecting the theme.

Share with your designer and webmaster friends to use these tools for reference.

Posted on

Use ThemeKlash to Compare WordPress Themes Side by Side

There are more than 20,000 WordPress Themes available online. Only Themeforest adds more than 20 new premium WordPress themes per day. For WordPress theme users, it becomes difficult to select a particular theme for a requirement. You also need to check the release date, last update date, compatibility with popular plugins, experience and review about support and many other aspects before buying a theme. To make your life easy, we are introducing ThemeKlash – A free WordPress theme comparison tool showing all these information side by side. So let’s compare WordPress themes using ThemeKlash.

 

ThemeKlash allows you to compare 4 free and premium WordPress themes at a time. It shows relevant information e.g. Release and Last updated date of themes, WordPress version compatibility, WooCommerce and BuddyPress support, Browser compatibility, Auto Update availability, Available support options and quality of documentation. Also find user reviews and thoughts related to the themes. Apart from these information, ThemeKlash shows theme ranking. The theme ranking is a score given by PurposeThemes team for each themes based on performance, design and pricing.

How to use ThemeKlash?

To compare WordPress themes side by side, you need to type the name of the theme. The input box will check if the theme is indexed on PurposeThemes. If yes, select the theme from dropdown list and then ThemeKlash page will start showing result for that theme. Now you can select another theme for side by side comparison. All the details will start appearing side by side. You can now visit the PurposeThemes page for a particular theme or directly visit author’s site for more details and purchase.

Compare option is also available on individual theme page. For example, Go to the Divi theme page and click on the “Add to compare” check-box. Divi will be added to comparison list. Now you can add other themes by checking the “Add to compare” button on their pages or from related themes section. Once you hit the “Compare” button, browser will take your to ThemeKlash page pre-populated with results for selected themes.

themeklash_2

Did you find the compare WordPress themes tool helpful? Any other tool or service that you use to compare and find the best WordPress theme for your requirement. Please share your thoughts and suggestions via comments.

Posted on

Visual Composer vs. Divi Page Builder vs. Themify Builder Plugin for WordPress

Like other website builders available on web, WordPress is also having many drag and drop page builders. It comes either along with some premium themes or are available as standalone plugin too.  Page builder varies from theme to theme but their purpose remains the same.  I decided to pick some of the popular page builders that are offered by different theme clubs to compare and find which one is better for you. In this article, I will show the final results based on all pros and cons of Visual Composer vs. Divi Builder vs. Themify Builder Page Builder Plugins.

I know it is not a simple task, but it would be definitely fruitful for you while making the choice for the theme as well as page builder.

Why Page Builders are so Important?

Before actually proceeding and making the comparison between different page builders, it is very important to know about the role that is played by it for building a beautiful site. In order to present the content in a beautiful way to attract more visitors without using a single piece of code, page builder plays an amazing role for it. WordPress page builders can be considered as tool to build a good website without wiring any piece of code. One of the best thing that it offers is that even a person with no technical knowledge can easily use such page builder and create a stylish webpage. You feel that the full control to place different elements using drag and drop method is with you and you can create or modify the page without much effort.

I have considered some of the factors such as ease of customization, design, simplicity to understand and the effective result while making the comparison between these themes. I have selected 3 important and most famous Page Builder Plugins i.e. Visual Composer, Divi Builder and Themify Builder. 

1) Visual Composer Page Builder

visual-composer

It would be insane if you talk about the page builder without considering Visual Composer. It is one of the most famous page builder offered by WPBakery with more than 223,648 Downloads and 14,000 reviews. It provides with an attractive page layout without even touching or writing any piece of code. Drag and drop elements and modules make Visual Composer a handy and must have tool for those who are not familiar with writing HTML, CSS and PHP programs.

I’ve been doing WordPress development for 6+ yrs. Visual Composer is one of the best time savers I’ve ever used. Click To Tweet

I have evaluated this page builder by considering some of the factors as below:

Features offered:

  • Visual Composer offers you with the options for both back-end and front-end editing.
  • It comes with over 40+ elements like Text Block, Row, Separator, Text Separator, Message Box, Facebook Like, Google+, Pinterest, FAQ, Single Image, Image Gallery, Tabs, Accordion, Icon Element, Posts Slider, widgetized Sidebar, Button, Call to Action, etc. that can be used to build the pages.
  • Keeps a proper rack on the history of the Page Builder.
  • There can be different roles and access that can be set for different user groups through the settings.
  • It offers with different default templates that can be used easily and also allows to save the particular template.
  • It works well with any WordPress theme.
  • To give your site a new and beautiful look, you do not have to master in coding languages such as CSS and HTML, it provides you with a good editor and allows to make the changes with simplicity.

Ease of use:

As there are so many options and elements that are offered by Visual Composer so it is good to be familiar with the options initially and then proceed further. Initially a person with less technical knowledge will find it very difficult to use it. It is advised to go through the documentation and the tutorials.

Cons:

  • If you deactivate Visual Composer plugin because of any reason, the content area will be populated with shortcodes. The content will not look good in case you decide to remove the plugin.
  • The extra JS and CSS files will load on all posts and pages even if you are not using Visual Composer editor on that page. You need to optimize the site to keep the load time intact.

Price:

The cost of Visual Composer is $34 and there is additional $11.25 for extending the support to 12 months. Popular theme clubs like Tesla Themes Club and many theme authors on Themeforest Themes Club also offers Visual Composer along with their selected themes.

More Info + Download Visual Composer

2) Divi Page Builder

divi-builder

One of the greatest and useful theme offered by Elegant themes is Divi. It is one of the best multipurpose WordPress theme with a nice responsive design and different pre-made layouts. It is bundled with so many features and ready templates. Apart from that it comes with a powerful and flexible page builder named Divi Builder. You can easily create beautiful, rich and professional pages using Divi Builder without writing any piece of code. Whether you want to add columns, extra rows, progress bar, testimonial blocks, accordions, countdown timer, pricing table; these are just drag and drop.

Divi Builder became more powerful with Divi 3.0 release with the capability of Front-end Editor. So now you can build a complete webpage from front-end and the UI for the same is clutter free. Elegant Theme team ran Divi 100 days marathon before releasing Divi 3.0 update and the most shouted feature was Front-end Edit capability of Divi Builder. YOu can verify the same in Divi 3.0 change-log.

@davewalker been using Divi from Elegant Themes a bit. It’s not perfect but a good, simple theme with a page builder. Click To Tweet

The factors that were taken into consideration while evaluating this theme is as given below:

Features offered:

  • Front-end editor introduced with Divi 3.0 update
  • It allows to use the pre-defined layout and even allows to create your own layout.
  • There are about 30 modules and 20 different column layouts that are offered by Divi. Some of the modules are Accordion, Audio, Bar Counters, Blog, Blurb, Call To Action, Circle Counter, Code, Contact Form, Divider, Email Option, Login, Map, Number Counter, Portfolio, Post Title, Pricing Tables, Shop, Testimonial, Text, Video, Video Slider.
  • It allows to represent the content in a beautiful way though you are not a developer or a person with less technical knowledge.
  • There can be different roles that can be set in order use the module that you want to use
  • It also provides with a very good user experience and you require very less time to become familiar with it.

Ease of use:

Though there are different options and modules that are available with the Divi Page Builder but it requires some time to get familiar with it. Once you are used to it, you can create really nice looking pages in no time. The most important thing is that it is very easy to maintain or update the pages.

Cons:

  • If you deactivate Divi Builder plugin or change Divi theme, the content will start showing all shortcodes. You will have to manually align and fix the content which is a time consuming task if have so many pages or posts created using the same.

Price:

You need to join Elegant Theme Membership to get all themes and plugin of the club. Divi Builder comes along with Divi theme as well as it also comes as a separate plugin. You can use Divi Builder with other themes even from other authors too. But I would recommend Divi Builder to use along with Divi or Extra theme by Elegant Themes only.

Get Divi Builder at 20% OFF

3) Themify Builder

themify-builder

Another good page builder is Themify Builder which is again a drag and drop page builder with multiple elements. It is having a live preview option to see the changes live as you are doing. There are ready to use modules that can be used for pages as well as post.

Below are some of the factors that were used for the evaluation of the product.

Features offered:

  • Themify builder allows you to build the website pages easily from the front end as well as back-end.
  • It is bundled with many modules and also allows you to drag and drop the interface.
  • It also allows you to use it with the other themes besides the Themify themes.
  • Themify builder offers 40+ pre-designed layouts and more than 15 modules to choose from. Some of the modules are Accordion, Box, Callout, Divider, Feature, Gallery, Image, Layout Part, Map, Menu and many more.
  • It is easy to understand and you need not invest much time to understand it.
  • Add-ons for this builder boost the feature of Themify Builder even more

Ease of Use:

Themify Builder is very easy to understand and implement. Once you enable this builder (auto enabled in Themify Themes), you will understand how to use it. It comes with many animations, which you may find helpful if your project requires. Using this builder is not that difficult.

Cons:

  • Customization option for each element is a bit restricted.
  • If you deactivate the plugin, the content area will be filled with shortcodes.
  • Front-end editor look a little over-populated with options

Price:

This builder comes with all the themes of Themify as part of the framework. But if you wish to use the plugin with some other theme than you can easily get it at $39.

Get All Themes and Themify Builder  Get only Themify Builder

Which is the Best Page Builder?

Even if a Visual Page Builder creates some problems related to placement of multiple shortcode in content area, they are god sent help for many WordPress users. With such plugins, you can design a professional looking website and page without hiring a developer. It solves the problem of non-technical person or who are not comfortable in writing HTML, CSS by themselves. You can easily add elements which are not so easy to create or write from scratch using the programs.

After spending a good amount of time with all three page builder plugins, Here is how I rate these.

goldDivi Builder Get Divi Builder
silverVisual Composer Get Visual Composer
bronzeThemify Builder Get Themify Builder

Summing up

All three Page Builder plugins are good and solves the purpose in the same way or different. Rather than waiting for the developer or a designer to build every page of your website, you can build by yourself. These plugins are loaded with features and templates. Divi Builder is having the maximum number of ready-to-add elements. Apart from these three plugins, I am a big fan of Beaver Builder for WordPress too. The main advantage of Beaver Builder is that it doesn’t mess the content area with shortcodes if you deactivate the plugin later.

So with these page builder plugins, everyone is a designer and everyone can build a nice looking pages or even a complete website without writing any code. Let me know which is your favorite page builder WordPress plugin and why.

Posted on

How to check WordPress Theme for Responsive Web Design at User end

Test Responsiveness of any WordPress Theme

Wanna buy a WordPress theme or using a theme ? You should know about the responsiveness feature of a theme. Now a day’s growth of mobile internet usage has exploded like anything. People prefer to use mobile rather than desktop. They just want to access the website on their device in easiest way. They don’t want to click on tiny elements or wait while the page is loading with heavy stuff. It is always a good practice to make your website responsive. So lets see,

How to check a WordPress Theme for Responsive Web Design at Client end?

There are several simple ways to check the responsiveness of a WordPress theme. Before that we need to know some basics of responsiveness and need of Responsive WordPress Themes.

What is Responsiveness?

Responsiveness is an approach of building website suitable to work on every device and every screen size, no matter which device you are using whether it is small or large, mobile or desktop, your website should be adjustable with each screen size. In a simple way, a responsive design should provide consistent user browsing experience no matter what device they are using.

Responsive Web designs are the need of the time as 2015 U.S Digital survey says: Smartphone usage is up 394 percent, and tablet usage is up a whopping 1,721 percent as these platforms now combine to account for 60 percent of digital media time spent.

Benefits of Responsive Web Design:

  1. Users get full experience of your website content irrespective of the device they are using.
  2. Responsiveness of website serves better SEO thus helping you get better search engine rank.
  3. You can get a compact form of your original website layout.
  4. Most important it makes website content easier to read on all sort of devices.

How should a responsive WordPress theme behave on devices?

Basically, there are 4 screen types – desktop, laptop, tablet & smartphone. If you are using a WordPress theme, It should look same on each variant screen. Following are some basic points which matters in responsive theme,

1. The width of the site must re-size constantly as the screen width re-sizes.

2. The responsive layout should apply to all content types in the site, not just pages or posts.

3. Nothing should disappear or end up hiding behind any other element, at the break-point. Breakpoints are set at the points where the design of screen changes according to width of screen.

4. Content should be very easy to read on all device types. The text should not display in tiny or huge format.

Elements of the theme we should check while checking the theme for responsiveness

Above points are some basic points, while checking the responsiveness of the WordPress theme you should check the behavior of all the theme elements on different devices. Elements like menu, sidebar, main content, grid, footer, slider, tabs, images, font etc all matters while testing theme responsiveness.

Menu : Navigation menu should not take up the whole screen or obscuring content and will ensure users can click on navigation links using a finger or thumb.

Main Content : Your content should not hide from user on mobile devices. It should be easy to read and easy for people to find new and related content on all devices.

Images : Images should display in smaller size without losing its quality.

Fonts : Sometimes you may find that your font displayed on devices are inconsistent, takes too much time to load or just don’t read well. It should not happen in responsive theme.

Slider : Your slider should change its size as we re-size the screen. It should be adaptable with each screen.

Footer : Footer widgets should be next to one another when the screen is big but should be below one another on smaller screens.

Chrome extensions can be used to test the theme’s demo url for responsiveness.

There are various ways to check the responsiveness while checking the demo of a theme. Luckily there are options available to do so in few steps. You can use chrome extensions for that purpose. It is very quick and easy way to test responsiveness of a theme. You just have to add chrome extension on browser and while checking the theme demo test it on different screen by selecting device in extension. Here I have tested responsiveness of “Divi WordPress Theme” by Elegant Themes using chrome extensions and using Chrome developers tool.

Below given are a set of responsive chrome extensions and some screenshots that you might find useful during testing WordPress theme :

1. Responsive Web Design Tester :

Responsive Web Design Tester is a well known and efficient chrome extension used for the testing of responsiveness of a theme. Using this you can easily test your web design on different devices. It also uses user agent, but it does not render web pages in the same way as on mobile devices. Primarily it is for developers for quick preview of web design. It supports external as well as internal network(localhost). You can even add your own device if you want to.

Nexus 7 landscape Screen

2. Mobile/Responsive Web Design Tester :

Mobile/Responsive Web Design Tester extension allows you to test your web design against common mobile or any devices by emulating the user agent & screen resolution. It easily switches between portrait and landscape mode. You can test multiple devices at the same time. It has a unique feature that it not only emulate the resolution, but also the devices user agents.

Galaxy S6 Screen

3. Viewport Resizer:

Viewport Resizer is yet another extension to test your designs with ease. It is an open source. A developer can refer the code or modify in order to add some new features. It also comes with different device sizes. It has handy plus and minus buttons to change custom screen dimensions, on either side for rigorously testing media query breakpoints.

Tablet Screen

Chrome Developer Tools can be used to test the responsiveness of the demo url.

You can also use Google developer’s tool to check whether that theme is responsive or not while checking it’s demo. If you are unaware of using developer tool then follow following steps,

  1. Click F12 or open Chrome’s menu > More tools > Developers tools.
  2. To activate device mode, simply click the device icon in the top left corner of the Developer Tools Window.

A toolbar will appear from where you can select a device in which you want to check responsiveness of the theme. There are few more options other than select device like screen resolution, Display rotation between landscape and portrait, Set the device pixel ratio, Fit the display within the visible viewing area or display, Set it at full size etc.

Developers Tools

Conclusion: For a website it is more important to have a responsiveness in order to get a traffic. Besides traffic, responsiveness of a website template is also important to perform better in search engines like Google. There are so many themes are available for free as well as premium theme which comes with Responsive Layout.