Salta al contingut
Sigues dels primers a provar-hoSigues dels primers

Eina gratuïta · Temes i plugins

Detector de temes de WordPress

Quin tema fa servir aquesta web? Enganxa’n l’adreça i el detector de temes WordPress et diu el tema, els plugins i el constructor, amb la versió i la pista del codi que ho delata. Encara que el tema no sigui a cap base de dades.

Gratis · Sense registre · No desem el resultat

01

Com es fa servir el detector de temes

  1. 01

    Enganxa l’adreça

    Copia la URL de la web que vols analitzar (la portada o qualsevol altra pàgina) i enganxa-la a dalt. Si no escrius https://, l’hi afegim nosaltres.

  2. 02

    Llegeix el resultat

    En pocs segons veus si la web és WordPress, quin tema fa servir amb la versió i l’autor, el constructor de pàgines i els plugins que es veuen en aquella pàgina.

  3. 03

    Comprova les pistes

    Obre «Com ho sabem» en qualsevol dada: hi apareix la ruta, l’etiqueta o el comentari del codi que la delata, perquè ho comprovis tu.

02

Què troba el detector de temes i plugins

Tema

El tema i la versió

El nom, la versió, l’autor i la web del tema, llegits del seu propi style.css, que és on WordPress obliga a declarar-los. Si la web fa servir un tema fill, també et diem quin és el tema pare.

Plugins

Els plugins que es veuen

Cada plugin que carrega alguna cosa a la pàgina (estils, scripts o classes), amb el nom real i la versió quan la publica al seu readme.txt o al ?ver= dels seus fitxers.

Constructor

Elementor, Divi, Bricks…

El constructor de pàgines amb què està maquetada: Elementor, Divi, Beaver Builder, WPBakery, Bricks, Oxygen o l’editor de blocs (Gutenberg). I les llibreries d’animació i desplaçament, com GSAP o Swiper.

Altres webs

Si no és WordPress

Et diu amb què està feta quan el codi la delata: Shopify, Wix, Webflow, Squarespace, Framer, Joomla, Drupal, PrestaShop, Ghost o HubSpot, i frameworks com Next.js, Nuxt, Astro o SvelteKit.

03

Com saber quin tema de WordPress fa servir una web, a mà

Si ho prefereixes fer tu, en un parell de minuts està fet. És el mateix que fa l’eina:

  1. Obre el codi font. A la web que vols analitzar, prem Ctrl + U (al Mac, Cmd + Opció + U). S’obre una pestanya amb l’HTML de la pàgina.
  2. Busca la carpeta del tema. Prem Ctrl + F i busca wp-content/themes/. La paraula que va just després és la carpeta del tema: a /wp-content/themes/Divi/style.css, el tema és Divi.
  3. Obre’n el style.css. Escriu a la barra d’adreces latevaweb.com/wp-content/themes/carpeta-del-tema/style.css. Les primeres línies diuen el nom (Theme Name), la versió (Version), l’autor (Author) i, si és un tema fill, el tema pare (Template).
  4. Per als plugins, busca wp-content/plugins/. Cada carpeta que hi apareix és un plugin que carrega alguna cosa en aquella pàgina. La versió sol anar al ?ver= de la ruta o a wp-content/plugins/carpeta-del-plugin/readme.txt.

Si wp-content no apareix enlloc, pot ser que la web no sigui WordPress o que un plugin de seguretat n’hagi canviat les rutes. El detector mira també altres senyals, com l’etiqueta generator, les classes del constructor o els comentaris que deixen els plugins de SEO, i et diu amb què està feta.

04

Per què aquest detector troba temes que els altres no troben

La majoria de detectors en línia busquen el nom de la carpeta a la seva base de dades de temes coneguts. Si el tema no és a la llista, responen «no s’ha trobat» o «és un tema a mida», encara que sigui un dels més venuts.

Aquest no depèn de cap llista: llegeix el style.css del mateix tema i els readme.txt dels plugins. Ho vam provar amb la web d’un estudi de disseny feta amb Divi: un altre detector conegut responia que no trobava el tema. Aquí van sortir Divi 5.15.1, WordPress 7.1.4 i els seus dos plugins amb la versió, cada dada amb la seva pista.

No et demanem el correu ni desem res: ni l’adreça que analitzes ni el resultat.

Això mateix, a qualsevol web que visitis i sense sortir-ne: el tema, els plugins, les fonts, els colors i el SEO, amb un clic.

Apunta’t a la llista d’espera
05

El que el detector de temes no pot veure

Plugins sense rastre

Els que treballen per dins

Seguretat, còpies de seguretat, memòria cau del servidor o un formulari que no surt en aquella pàgina no deixen res a l’HTML. Cap eina no els pot veure des de fora.

Webs que s’amaguen

Rutes canviades

Alguns plugins de seguretat canvien el nom de wp-content o de la carpeta del tema. Llavors el tema pot sortir amb el nom de la carpeta, sense versió ni autor.

JavaScript

El que es carrega després

Llegim l’HTML que envia el servidor. El que s’hi afegeix després amb JavaScript només ho veu l’extensió, al teu navegador i amb la pàgina ja pintada.

Smart Design Inspector

Això i molt més, a qualsevol web

L’extensió per a Chrome ho fa a la pàgina que tens oberta, sense copiar i enganxar: tecnologia, SEO, fonts, colors i CSS, i veu la pàgina tal com la pinta el teu navegador (aquí només llegim l’HTML que envia el servidor).

07

Preguntes freqüents

Més preguntes →
Com sé quin tema de WordPress fa servir una web?

Enganxa’n l’adreça a dalt i prem Analitzar. L’eina busca la carpeta del tema al codi de la pàgina (wp-content/themes/…) i en llegeix el style.css, on el tema declara el nom, la versió i l’autor.

És gratis?

Sí, gratis i sense registre. És una mostra de l’extensió Smart Design Inspector, que fa això i molt més a la web que tinguis oberta.

Per què no surten tots els plugins?

Només es veuen els plugins que carreguen alguna cosa a la pàgina que analitzes: estils, scripts o classes. Els que treballen per dins (seguretat, còpies, memòria cau del servidor) no deixen rastre a l’HTML, i cap eina no els pot veure des de fora.

Per què un altre detector em diu «tema a mida»?

Perquè busca el tema a la seva base de dades i no el troba. Aquesta eina no depèn d’una llista: llegeix el nom i la versió del fitxer del mateix tema.

Es pot amagar el tema de WordPress?

Es pot dificultar: hi ha plugins que canvien les rutes de wp-content o el nom de la carpeta del tema, i d’altres que treuen l’etiqueta generator. Amagar-lo del tot és difícil, perquè el navegador ha de descarregar els estils i els scripts del tema per pintar la pàgina.

Puc fer servir el mateix tema a la meva web?

Si és gratuït, és al directori de temes de WordPress. Si és de pagament, la web del tema que et mostrem porta al seu autor, que és qui en ven la llicència. Baixar-lo d’una altra web sol voler dir una còpia sense llicència.

Deseu les webs que analitzo?

No. La web es llegeix en el moment per donar-te el resultat i no es desa ni l’adreça ni el resultat.

Funciona amb webs que no són WordPress?

Sí. Si la web no és WordPress, et diu amb què està feta quan el codi la delata: Shopify, Wix, Webflow, Squarespace, Framer, Next.js, Astro i d’altres.

Llista d’espera

Sigues dels primers a provar-lo

Smart Design Inspector està en desenvolupament. Deixa’ns el teu correu i t’avisarem el dia que surti a la Chrome Web Store, amb les 7 funcions Pro gratuïtes en accés anticipat.

Un correu el dia del llançament i pocs més · Baixa amb un clic

Què fas (opcional)

Comença per la web de la teva competència

Apunta’t a la llista d’espera