Su sitio de membresía de WordPress El diseño afecta a la respuesta de los usuarios. Sin embargo, a menos que esté dispuesto a pagar por un tema de WordPress personalizado, sus opciones para modificar el aspecto de su sitio pueden parecer limitadas. Incluso si encuentras un tema que haga todo lo que quieres, tu sitio puede acabar aspecto similar al de otros sitios web.
Afortunadamente, puedes personalizar tu sitio de WordPress creando un tema hijo. Esto te permite tomar un tema que te guste y hacer tus propios cambios, incluyendo alterar las fuentes, ajustar los colores y mucho más. De hecho, es posible cambiar radicalmente el aspecto de un tema utilizando esta técnica.
En esta guía, vamos a explorar cómo crear un tema hijo en WordPress, y explicar por qué hacer esto ayudará a que su sitio de membresía se destaque. Comencemos.
¿Por qué crear un tema hijo?
Un tema de WordPress es una colección de código que determina la apariencia y el diseño de su sitio. Esta característica le permite dar fácilmente a su sitio un aspecto totalmente nuevo, sin necesidad de saber nada de código. Sin embargo, los temas populares de WordPress suelen ser utilizados por cientos de sitios web, lo que significa que el tuyo corre el riesgo de tener un aspecto "de galleta" si no tienes cuidado.
Utilizar un diseño personalizado puede haga que su sitio destaqueLa mejor forma de conseguirlo es crear una imagen única que los visitantes asocien con su marca. Esto también puede ayudarle a diferenciarse de la competencia. Si todos los sitios que visita una persona tienen un diseño similar, pero el suyo tiene un aspecto que llama la atención y lo hace único, es más probable que ese visitante se fije en su sitio y lo recuerde.
Sin embargo, diseñar un tema desde cero puede ser todo un reto para un principiante. Además, es bastante caro contratar a un diseñador que te construya un tema completamente a medida. Afortunadamente, existe una tercera opción. Crear un tema hijo es una forma de tomar prestados elementos de un tema existente y añadir tus propios cambios.
Un tema hijo es basado en un tema preexistente, que se denomina tema "padre". Es posible editar directamente los archivos de un tema, pero te arriesgas a romper su sitio si haces el cambio equivocado. Crear un tema hijo conlleva mucho menos riesgo, ya que es una copia segura de tu tema con la que puedes experimentar todo lo que quieras.
Cómo crear un tema hijo para WordPress (en 5 pasos)
Ahora que entiendes por qué querrías usar un tema hijo en tu sitio de membresía, vamos a repasar cómo configurar uno. Para empezar, tendrás que asegurarte de que tienes las herramientas adecuadas.
Paso 1: Configurar un entorno de desarrollo
En primer lugar, necesitas un espacio de trabajo. Un entorno de desarrollo (también conocido como "sitio de pruebas" o "sitio de ensayo") es un servidor local que se ejecuta en tu ordenador. Esto le permite crear sitios privados - ya sea completamente nuevos o copias de su sitio en vivo - para que pueda hacer los cambios que desee en ellos.
En otras palabras, el uso de un entorno de desarrollo le ayuda a crear sitios "entre bastidores", de modo que los cambios no afectan a su sitio real hasta que esté listo. De esta forma, puedes crear y personalizar tu tema hijo antes de utilizarlo. Si necesitas más ayuda con este paso, consulta esta guía para crear un sitio local de WordPress. A lo largo de los siguientes pasos, iremos usando MAMP como herramienta de desarrollo.
Paso 2: Elegir un editor de código
Una vez que tengas configurado tu entorno de desarrollo, necesitarás un editor de código que puedas utilizar para trabajar con los archivos de tu tema. Un editor de código es una herramienta sencilla que te ayuda a escribir código. Muchos incluso detectan automáticamente los errores, para que puedas corregirlos rápidamente.
Hay un montón de editores de código populares y gratuitos que puedes probar, como Atom y Código de Visual Studio. Una vez que hayas elegido una solución, instálala en tu ordenador para poder editar fácilmente los archivos de tu tema hijo.
Paso 3: Instale WordPress en su sitio de prueba
Llegados a este punto, estás listo para configurar tu sitio de pruebas. Para empezar, descargue la última versión de WordPress:
Desarchivar el .zip (doble clic en Mac; en Windows, haga clic con el botón derecho y seleccione Extracto). A continuación, cree una carpeta en su ordenador (por ejemplo, Documentos > Sitios) y coloque dentro los archivos de WordPress sin archivar:
A continuación, tendrás que apuntar tu entorno de desarrollo a esa carpeta. Para hacer esto en MAMP, abre Preferencias > Servidor Web. En Raíz del documentohaga clic en Seleccione y elija la carpeta con su instalación de WordPress:
A continuación, desde la pantalla de inicio de MAMP, haga clic en Abrir la página WebStart:
En la página siguiente, visite Herramientas > PHPMYADMIN:
Configure una base de datos, introduciendo un nombre como "wp_test" y haciendo clic en Cree:
A continuación, visite localhost en un navegador web. Debería ver la pantalla de instalación de WordPress:
Pulse Continúe en y siga las instrucciones, introduciendo "wp_test" como nombre de la base de datos, y "root" como nombre de usuario y contraseña. contraseña:
Una vez que su nuevo sitio esté configurado, puede iniciar sesión en él utilizando la contraseña y el nombre de usuario que configuró durante el proceso de instalación.
Paso 4: Cree su tema hijo
Lo siguiente que tendrás que hacer es instalar el tema que desea utilizar como base para su tema hijo. A continuación, en el editor de código que hayas elegido, accede a la carpeta de WordPress:
Abrir wp-content, haga clic con el botón derecho del ratón en temas y cree dentro una nueva carpeta llamada "themename_childtheme" (sustituyendo la primera parte por el nombre de la carpeta del tema principal).
A continuación, cree un nuevo archivo llamado "style.css" y guárdelo en la carpeta de su tema hijo:
Configure su style.css como se muestra a continuación (sustituyendo "TwentyFifteen" por el nombre del tema principal):
Esto importará todos los datos necesarios del tema principal.
Después de eso, puede iniciar sesión en su sitio local de WordPress. Si visita Apariencia > Temaspodrá ver y activar su nuevo tema hijo:
Por supuesto, su sitio no se verá diferente hasta que realice modificaciones en el tema hijo:
Para comprobar que funciona, puedes hacer un pequeño cambio en tu sitio. Prueba a añadir un bloque de código como "p {family: cursive; color:red;}" a la style.css file:
Si el texto de los párrafos de su sitio cambia a rojo y cursiva, ha creado con éxito un tema hijo:
Después de eso, puedes hacer los cambios que quieras en tu nuevo tema hijo.
Paso 5: Suba el Tema Hijo a su Sitio de Membresía de WordPress
Una vez que el tema hijo esté listo, puede cargarlo en su sitio web de WordPress. Primero, haga una copia de seguridad de su sitio (por si acaso). A continuación, comprima toda la carpeta que contiene el tema hijo (en Mac, haga clic con el botón derecho y seleccione Comprimiren Windows, haga clic con el botón derecho y seleccione Enviar a > Comprimir).
A continuación, en su sitio activo, visite Apariencia > Temas. Seleccione Añadir nuevoy luego Subir tema. Elija el archivo comprimido del tema hijo e instálelo:
Una vez finalizada la carga, deberá seleccionar Activar:
Tu tema hijo estará listo y funcionando en tu sitio web.
Conclusión
Si usted tiene un presupuesto limitado y no puede permitirse el lujo de comprar un tema personalizado, puede ser difícil hacer que su sitio de membresía de WordPress se destaque. Afortunadamente, los temas hijo son una forma relativamente fácil de personalizar un tema ya hecho.
Puede crear un tema hijo en sólo cinco pasos, por:
- Configuración de un entorno de desarrollo mediante una herramienta como MAMP.
- Descargar un editor de código como Código de Visual Studio.
- Instalación de WordPress en su entorno de desarrollo.
- Crear un tema hijo y realizar cambios en él.
- Subir el tema hijo a su sitio de WordPress en vivo.
¿Tienes alguna pregunta sobre cómo editar tu tema hijo? Háznoslo saber en la sección de comentarios.
ES 
EN 
FR 
DE 
PT 
Añadir un comentario