If you are a web developer, many times you must have  stumbled upon a dreamy website and became fascinated by the theme used by that site. It would not be also uncommon that you were curious about the theme used by that site. Some features of that website could also made you crazy.  And you might also want to know about the plugins used to make that functionalities. This post will discuss about how you can detect the theme or plugins used by a particular site.

There are many ways by which you can identify the theme and plugins used by a website. You can do it manually or you can do it by some online automated tools. This post will elaborately discuss both the procedures.

Online Tools

1. Themetechs.com:   This website has taken initiative to develop its own algorithm  for developing detector tool to identify theme and plugins  used by a WordPress site. This tool is found very convenient to detect the wordpress theme and plugins. To go to the tool visit the below link:

If you visit above mentioned link, you will basically land on the home page of themetechs.com website.

If you put the url of your desired website into the input field and click the “click to see the result” button, you will be able to see your desired result and that is the names of theme and plugins used by your dreamy website. 

Manual Method:  by checking the source code

Themes and plugins used by different WordPress websites can be detected manually by using source code.  actually automated tools are also working based on the same principles. In this post we will see the theme and plugins used in themetechs.com by manual method and we will check whether manual result and automated result are same or not.

Step 1:   Right click  on the desired website. Then click on “view page source” as like the following picture:

WordPress theme detector | WordPress plugin detector| How to Find Out What Theme And Plugins a WordPress Site Is Using

Step 2:   A new page will be opened. This page will contain all the source cod of themetechs.com. 

WordPress theme detector | WordPress plugin detector| How to Find Out What Theme And Plugins a WordPress Site Is Using

Detecting theme of website

Step 3:      Now we will search a particular expression “wp-content/themes” with in whole page. Press “Ctrl + F” in the keyboard. A input field will be opened at the top right corner of the page. Now type “wp-content/themes” in the input field and hit Enter key of the keyboard. Matched strings will be highlighted according to the following picture:  

Step 4:  The word/words after the string “wp-content/themes/” will the name of the theme used by the website. For example, in case of themetechs.com the name of the theme is Avada.

WordPress theme detector | WordPress plugin detector| How to Find Out What Theme And Plugins a WordPress Site Is Using

To know the details of theme

5.   Step 5:      In this step, to know the details of the theme, you have to go to the link of stylesheet (style.css file) of theme. The link  will be like this:

 http://example.com/wp-content/themes/theme_name/style.css

In case of  themetechs.com the stylesheet link will be :

http://themetechs.com/wp-content/themes/Avada/style.css

In above link:

example.com=themetechs.com

theme_name=Avada

If you click on the above mentioned link, you will get a page like below:

WordPress theme detector | WordPress plugin detector| How to Find Out What Theme And Plugins a WordPress Site Is Using

To see the default image(screenshot.png) of theme

Step 6:   Some online theme detectors also shows the default image(screenshot.png) of the theme. This image is normally shown in the theme section of the dashboard of WordPress CMS. Location of this image is in the theme folder. This image can be accessed by using the following link: 

http://example.com/wp-content/themes/theme_name/screenshot.png

for example, the actual link of the image for themetechs.com is:

http://themetechs.com/wp-content/themes/Avada/screenshot.png

Detecting plugins used by a website

Step 7:   Detection of WordPress plugins is almost same as the detection of WordPress theme. Same way, after opening source code of the desired website, particular string “wp-content/plugins” needs to be searched by the same method of pressing “Ctrl + F” and typing the string in the input field appeared at the top right corner of the page. Name of the plugins will be appeared after the string “wp-content/plugins”. 

WordPress theme detector | WordPress plugin detector| How to Find Out What Theme And Plugins a WordPress Site Is Using

How to make an automated WordPress theme and plugins detector 

This specific portion i have included with this post intentionally. I will discuss very briefly how the theme detector of themetechs.com is working/functioning. A detail tutorial will be will given in a different post.  In this post, the step followed in this website will be discussed. Other online tools may follow different steps or algorithm. Manual method of detecting WP themes and plugins was the basic governing principle of designing the automated tool. Only difference was that in case of automated tool, everything was done by php coding. Basic steps followed are:

  • 1.  Planning
  • 2.  Gathering knowledge by studying online post 
  • 3. Writing code in php 
  • 4. Testing code from local server i.e. xampp server
  • 4. Giving correction to the code and again testing in local server.
  • 5. Making plugin using the developed code so that codes can be easily incorporated in WordPress site. I was thinking to do it another way. But I found that making plugin is the best option to apply my code in to my website.