Saltar al contenido

Cómo saber qué tema de WordPress está usando una página web

Cómo saber qué tema de WordPress está usando una página web
5 (100%) 2 vote[s]

Una de las formas más comunes de pensar en el diseño y las funciones de sitio en WordPress es viendo otros sitios web, por eso, es importante encontrar cómo saber qué tema de WordPress está usando ese sitio que te gusta.

Encontrar el tema o theme correcto para tu blog o sitio web en WordPress puede ser un reto.

Al iniciar un blog necesitarás cuatro elementos para que despegue y, por supuesto, elegir un tema es uno de ellos:

  1. Nombre de dominio: Elije el nombre de tu blog y compra el nombre de dominio en un buen registrador de dominios.
  2. Alojamiento web: Cada blog ositio web necesita un hosting o alojamiento web decente. Los dominios auto alojados son los mejores, ya que serás el dueño del sitio y del contenido que pongas en él.
  3. Plataforma de Blogging: Antes de comenzar tu blog, tendrás que decidir qué plataforma de blogs utilizar. Siempre recomendamos WordPress o Wix, pero ver incluso otras que vale la pena explorar leyendo nuestra guía de plataformas de blogs.
  4. Un tema de WordPress. Después de todo, el tema perfecto es lo que hace que el sitio web funcione según tus intereses.

La forma más común de encontrar un tema es verlo en sitio web, pues, además de ver cómo se ve, encuentras cuáles son algunas de sus funcionalidades o elementos que pueden resultar de interés para tu sitio.

El problema es que, cuando empiezas a examinar los temas en la galería de WordPress, encontrar visualmente el tema que te ha gustado resulta casi imposible si no tienes el nombre.

¿Cómo encuentras el nombre del tema de WordPress que está usando un sitio?

En esta guía mostraremos un par de métodos para descubrir qué tema se está utilizando en un sitio que visitas, así puedes localizar y colocar ese mismo tema en tu propia página.

Con ese objetivo en mente, echemos un vistazo a los dos métodos diferentes para encontrar el tema que se está usando en un sitio web o blog creado en WordPress.

Método 1 – Uso de los detectores de temas para averiguar qué tema de WordPress está usando un sitio web

Lo creas o no, un programador bien intencionado ha creado una aplicación para detectar el tema de WordPress que una página está usando.

Esta aplicación tiene un nombre fácil de recordar: WordPress Theme Detector y está alojado en makeawebsitehub.com.

Características del WordPress Theme Detector

Aquí haremos un paréntesis, porque WordPress Thme Detector tiene algunas opciones muy interesantes que pueden ayudar con el diseño de tu sitio web.

Además de detectar un tema de WordPress, puedes:

– Explorar algunos de los temas más populares.
– Echar un vistazo más de cerca a algunos de los plugins más populares.
– Examinar las características de algunos de los sitios de alojamiento más populares.
– Y, por supuesto, detectar qué tema de WordPress está usando un sitio en particular.

Hay un montón de otras características a tener en cuenta, pero tenemos que volver a lo que empezamos a hacer; detectar ese increíble tema de WordPress que te mueres por tener en tu propio sitio web o blog.

Cómo utilizar WordPress Theme Detector

Esto es tan simple que te vas a caer de la silla. El proceso tiene 7 pasos, que incluyen:

  1. Copiar la URL de la página donde viste ese tema impresionante que te interesa.
  2. Abrir la aplicación WordPress Theme Detector.
  3. Hacer clic en la pestaña «Detector».
  4. Pegar la URL de esa página con el tema que tanto le gusta.
  5. Hacer clic en «Analizar» o simplemente presionar la tecla Enter de tu teclado.
  6. El resultado se mostrará en un cuadro rojo debajo de donde has pegado la URL.
  7. Copiar el título del tema y búscalo en WordPress.

Eso ha sido, probablemente, demasiado simple.

A algunas personas les gusta que las cosas sean un poco más complicadas y existe la posibilidad de que WordPress Theme Detector no reconozca ese tema en particular o que el tema que estás viendo sea una versión modificada de una plantilla de WordPress o un tema padre.

En ese caso, te mostraremos un segundo método para averiguar qué tema de WordPress está usando un sitio web.

Método 2 – Usando Código Fuente

Este método requiere un poco más de trabajo, porque es manual y hay que saber un poco sobre el código fuente del sitio web.

También incluye algunos pasos más complicados, que te presentaremos en detalle.

Sin embargo, una vez que sepas lo que estás haciendo, esta podría ser la manera más rápida de encontrar el tema de WordPress, ya que no tienes que salir del sitio y hacer uso de una aplicación separada.

Así es como funciona este método:

Hallarlo en los archivos style.css

Cada tema de WordPress tiene un archivo style.css que está contenido en el código fuente de un sitio web.

Ese archivo style.css contiene un encabezado de tema con información como el autor del tema, URI, versión y, por supuesto, el nombre o título del tema.

Además, contiene todos los estilos CSS utilizados por el tema.

Todo lo que tienes que hacer es localizar ese archivo en el código fuente del sitio web que te gusta tanto y encontrarás el nombre del tema.

Aquí hay seis pasos sobre cómo hacerlo:

1. Acceso a los archivos de código fuente del sitio web

Acceder al código fuente del sitio web no es tan difícil como se podría pensar.

Simplemente, haz clic con el botón derecho en cualquier parte de la pantalla del sitio web donde se encuentra el tema que usted admira. Allí aparecerá un menú desplegable cerca del puntero del ratón.

Hacia la parte inferior de ese menú estará la opción «inspeccionar» o «inspeccionar elemento», haz clic en esa opción y aparecerá un conjunto de tres cuadros ocupando la mitad de la pantalla.

De manera más rápida, puedes hacer lo mismo usando las teclas «Ctrl+Shft+C» para acceder al código fuente de un sitio web.

2. Cómo encontrar el archivo CSS

Como ya hemos mencionado, estás buscando un archivo llamado style.css, que normalmente se encuentra en una cadena de código que contiene /wp-content/themes.

Puedes pasar un tiempo tratando de localizar esa cadena de texto en el código fuente o usar otra combinación de teclas «Ctrl+F» para buscar.

3. Atajo para búscar style.css

El comando «Ctrl+F» abrirá un cuadro de búsqueda entre el cuadro superior. Simplemente, escribe  style.css en el cuadro de búsqueda.

En la caja del código fuente la búsqueda saltará automáticamente a todas las líneas de código style.css. Desplázate hasta encontrar una línea de texto que se parezca a ésta:

<link rel=‘stylesheet’ id=‘themename_style-css’href=‘http://ejemplo.com/wp-content/themes/theme-name/style.css?ver=1.1.47’
type=‘text/css’ media=‘all’ />

4. Copiar el enlace Style.css

Para obtener la información que necesitas, habrás de copiar el enlace style.css.

Pasa el puntero del ratón por encima del código fuente con el tema style.css en él y haz clic con el botón derecho del ratón.

Aparecerá un cuadro emergente con las opciones típicas de «cortar», «copiar» y «pegar». Selecciona la opción «copiar dirección de enlace».

5. Ver la cabecera del tema

Para ver el encabezado del tema donde se encuentra la información del tema, simplemente abre una nueva ventana del navegador y pega el enlace copiado en el cuadro de búsqueda de URL.

Tu navegador abrirá una ventana con una larga lista de códigos.

Este es el código fuente de programación para ese tema en particular. En este caso, tu sólo estás interesado en lo que se encuentra en la parte superior del encabezado, que será algo como esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
Theme Name:     Theme Name
Theme URI:      https://tickytackywebby.com
Author:         ThemeAuthorName
Author URI:     https://tickytackywebby.com
Description:    My Theme is a flexible WordPress theme designed for portfolio websites
Version:        1.1.47
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    hestia
Tags: blog, customlogo, portfolio, ecommerce, rtllanguagesupport, postformats, gridlayout,
onecolumn, twocolumns, custombackground, customcolors, customheader, custommenu,
featuredimageheader, featuredimages, flexibleheader, fullwidthtemplate, stickypost,
themeoptions, threadedcomments, translationready

6. Cómo encontrar el tema padre

En la parte superior del encabezado tienes el nombre del tema que estás buscando, pero notarás que en el ejemplo falso usado después, la palabra «child» aparece tanto en el código fuente como parte de la información del tema.

Esto significa que el tema del sitio web es una versión modificada o un tema hijo de un tema o plantilla padre.

Puedes localizar el tema padre original copiando el nombre del tema junto a «Template:».

Ten en cuenta que también puedes copiar alguna otra información en el encabezado, como «Theme URL:» y «Author URL:», por si acaso no puedes encontrarla entre los temas gratuitos de WordPress.

1
2
3
4
5
6
7
8
9
10
11
/*
Theme Name:   My Child Theme
Description:  Just a child theme
Author:       Peter Smith
Author URL:   Write here the authors blog or website url
Template:     hestia
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  mychildtheme
*/

Puedes obtener la misma información utilizando una ruta diferente. Para algunos, esto podría ser más fácil. Aquí están los pasos a seguir:

  1. Haz clic con el botón derecho del ratón en cualquier parte de la pantalla de la página con el tema que deseas (o utiliza la tecla de acceso rápido «Ctrl+U»).
  2. En el cuadro que aparece, selecciona «page source» o «view source» (omitirás este paso si utiliza la opción teclas «Ctrl+U»).
  3. Se abrirá una nueva ventana con el código fuente del sitio web.
  4. Desde aquí, puedes repetir los mismos pasos del 3 al 6 explicados antes.

Cómo encontrar tu tema favorito de WordPress

Una vez que hayas utilizado el Método 1 o el Método 2 de nuestra guía, ya debes tener disponible el nombre o título del tema, así como cualquier otra información que puedas necesitar para encontrar tu tema preferido.

Sólo hay unos pocos pasos más que dar, y aquí están:

  1. Abre WordPress.org.
  2. Selecciona la pestaña «Temas» en la parte superior de la página.
  3. Escribe o pega el nombre del tema o el título del tema en el cuadro de búsqueda situado en la parte superior derecha de la pantalla y pulsa Enter, o bien haz clic en el icono de la lupa.
  4. El tema debería aparecer en la lista de iconos que aparecen en la pantalla.
  5. Si no lo aparece, entonces tendrás que hacer algún trabajo adicional para encontrarlo. Ahí es donde puedes copiar esas URLs adicionales de temas y autores descubiertas en el código fuente.

Una vez que hayas clavado ese tema impresionante, puedes usarlo y modificarlo para adaptarlo a tus necesidades específicas y preferencias personales.

Conclusión

Cuando encuentras en otro sitio web el tema perfecto, y el que quieres utilizar en tu sitio web o blog, tienes que hacer todo lo que puedas para tratar de averiguar qué tema de WordPress está usando ese sitio web.

Afortunadamente, puedes utilizar la aplicación WordPress Theme Detector para realizar una búsqueda rápida.

Si eso no te proporciona los resultados que estás buscando, puedes hacer uso del método manual.

Con todo esto podrás tener en tus manos la información que te ayudará a localizar ese tema tan querido y ponerlo en su sitio web.