Cómo crear un child theme de WordPress (Con plantilla de ejemplo)

Cómo crear un child theme de Wordpress

¿Está buscando crear un child theme de WordPress?

Una vez que aprendes los conceptos básicos de WordPress, probablemente lo siguiente que querrás aprender es a personalizar tu theme de WordPress. Los child theme son un excelente punto de partida para cualquiera que busque personalizar themes de WordPress.

En este artículo, le mostraré cómo crear un child theme de WordPress.

¿Por qué necesitas un child theme de WordPress?

Un child theme es un theme de WordPress que hereda la funcionalidad, las características y el estilo de otro theme de WordPress, el theme principal. Luego, puedes personalizar el theme secundario (el child theme) sin realizar ningún cambio en el theme principal.

Los child theme son la mejor manera de personalizar un theme de WordPress porque ahorran tiempo y esfuerzo. El theme principal ya contiene una gran cantidad de formato y funcionalidad, por lo que no tienes que codificar todo desde cero.

También hacen que sea seguro actualizar tus themes de WordPress . Debido a que modificaste el theme secundario y no el principal, no perderás ninguna personalización cuando actualices el theme principal.

Antes de comenzar a crear un child theme

Para crear un child theme, debes tener en cuenta que trabajarás con código. Necesitarás un conocimiento básico de HTML y CSS para comprender qué cambios debes realizar en el código para lograr tus objetivos.

También es útil tener algunos conocimientos de PHP . Al menos deberías estar familiarizado con copiar y pegar fragmentos de código de otras fuentes.

Te recomiendo que practiques en un entorno de desarrollo local.

Creando tu primer child theme de WordPress

Puedes crear un child theme manualmente creando la carpeta y los archivos necesarios. O puedes crear un child theme usando un plugin.

El método manual es útil porque te ayudará a familiarizarte con los archivos con los que necesitas trabajar más adelante a la hora de personalizar tu theme. Te dejo el siguiente vídeo donde podrás ver cómo crear un child theme de WordPress:

Pasos que debes seguir para crear un child theme de WordPress

Primero, debe abrir / wp-content / themes / en tu carpeta de instalación de WordPress y crear una nueva carpeta para tu child theme. Puedes nombrar esta carpeta como desees. Para este tutorial, la llamaremos generatepress_child.

carpeta themes wordpress

Como segundo paso tendrás que crear un archivo css llamado style.css al cual le añadirás este código:

/*

Theme Name: NombreTuTheme Hijo
Theme URI: https://tudominio.com
Version: 4.0
Description: Tema hijo de NombreTuTheme
Author: Tu
Author URI: https://tudominio.com
Template: NombreTuTheme

*/

 /----------------- Cambios a partir de aquí -------------------------------/

Destacar que el anterior código deberás sustituir NombreTuTheme tanto en theme Name como Template con el nombre de tu theme principal, el resto de datos puedes personalizarlos como quieras.

Y en tercer lugar deberás crear el archivo functions.php, en el cual incluirás el siguiente tal cual:

<?php
function my_theme_enqueue_styles() {

 $parent_style = 'parent-style'; // Estos son los estilos del tema padre recogidos por el tema hijo.

 wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
 wp_enqueue_style( 'child-style',
 get_stylesheet_directory_uri() . '/style.css',
 array( $parent_style ),
 wp_get_theme()->get('Version')
 );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Descarga el child theme de ejemplo

Y por último lo prometido, desde el siguiente botón puedes descargar el ejemplo de todo lo explicado en este artículo y el vídeo ya preparado para que solo modifiques el CSS como he indicado unas líneas más arriba 😉

Espero que te haya gustado este artículo, si te ha gustado coméntame a continuación o también puedes compartir el artículo en las redes sociales, y por último, te invito a leer Las 5 mejores plantillas de wordpress para blogs.

Las 5 mejores plantillas gratis para PrestaShop

Las 5 Mejores Plantillas Gratis Para PrestaShop

Plantillas gratis para PrestaShop. Sin ninguna duda, PrestaShop es una de las mejores plataformas gratuitas y de código abierto para construir tu tienda online. Entre la elección de la categoría de productos y el lanzamiento de la tienda, hay un paso importante: decidir la mejor plantilla para PrestaShop 1.7 para tu tienda.

Aunque PrestaShop ofrece una solución de comercio electrónico gratuito en la que puedes construir fácilmente una tienda online, encontrar la plantilla adecuada para la imagen de tu tienda puede ser una tarea bastante difícil. Para ahorrarte el problema, he enumerado algunos de las plantillas gratis para PrestaShop más fáciles de usar y más habituales.

Una vez que te hayas decidido por una plantilla para PrestaShop para crear tu tienda, tendrás que buscar el mejor hosting web para instalar y gestionar tu PrestaShop.

Así que, sin más preámbulos, echemos un vistazo a las 5 mejores plantillas para PrestaShop 1.7.

Las mejores plantillas gratis para PrestaShop este año

Nota: Esta no es una lista clasificada de mejor a peor. Si quieres compartir tu plantilla favorita de PrestaShop gratis, puedes acceder a la sección de comentarios y la incluiré en la lista.

1. Shopkart Lite – Plantillas gratis para PrestaShop 1.7

Shopkart Lite - Plantillas gratis para PrestaShop

En primer lugar, Shopkart Lite es una plantilla de Prestashop 1.7 totalmente responsive gratuita para tiendas de moda, accesorios y zapatos. En segundo lugar, Ideal como punto de partida para tu tienda online. Puede ser adecuada para cualquier tipo de tienda de comercio electrónico, incluyendo Digital, Móvil, Moda, Bolsas, Zapatos, Accesorios, etc.

Características:

Diseño minimalista y útiles módulos incluidos.
Diseño responsive de bella respuesta
No hay modificaciones del núcleo
Fácil de usar y fácil de personalizar
Compatibilidad con todos los navegadores
Compatibilidad: PrestaShop 1.7.5, PrestaShop 1.7.4, PrestaShop 1.7.3, PrestaShop 1.7.2, PrestaShop 1.7.1, PrestaShop 1.7.0

2. Apparel – Plantillas gratis para PrestaShop 1.7

Apparel es una plantilla de Prestashop dedicada a todas las tiendas de ropa, muebles, relojes, joyas, comida, etc. Principalmente Tiene muchas animaciones atractivas y además un diseño moderno y atractivo.

Características:

Diseño minimalista y útiles módulos incluidos.
Excelente diseño responsive
No hay modificaciones del núcleo
Fácil de usar y fácil de personalizar
Compatibilidad con diferentes navegadores
Compatibilidad: PrestaShop 1.7.5, PrestaShop 1.7.4, PrestaShop 1.7.3, PrestaShop 1.7.2, PrestaShop 1.7.1, PrestaShop 1.7.0

3. BizKick – Plantillas gratis para PrestaShop 1.7

BizKick - Plantillas gratis para PrestaShop 1.7

BizKick es una plantilla de Prestashop Responsive 1.7 para tiendas de moda, accesorios y zapatos. sin duda alguna, es una gran plantilla para comenzar tu negocio online. la puedes utilizar para cualquier tipo de tienda de comercio electrónico, incluyendo Digital, Móvil, Moda, Bolsas, Zapatos, Accesorios, etc.

Características:

Optimizado SEO
Funciona como un encanto en cualquier dispositivo, cualquier resolución.
Compatibilidad multitienda y multiidioma
No hay modificaciones del núcleo
Fácil de usar y fácil de personalizar
Compatibilidad con los navegadores cruzados
Compatibilidad: PrestaShop 1.7.5, PrestaShop 1.7.4, PrestaShop 1.7.3, PrestaShop 1.7.2, PrestaShop 1.7.1, PrestaShop 1.7.0

4. Bentriz – Plantillas gratis para PrestaShop 1.7

Bentriz - Plantillas gratis para PrestaShop 1.7

Bentriz es una plantilla responsive para Prestashop gratuita. Sin lugar a dudas, es una de las plantillas más enfocadas a un tipo de negocio en concreto. Esta plantilla está especialmente diseñada para una tienda de automóviles, repuestos de automóviles, coches y motos y tienda de herramientas.  A destacar como punto importante, la plantilla Bentriz para Prestashop se ve bien con su combinación de colores. Es muy agradable con su aspecto limpio y profesional.

Características:

Optimizado SEO
Disposición de respuesta
No hay modificaciones del núcleo
Fácil de usar y fácil de personalizar
Compatibilidad con los navegadores cruzados
Compatibilidad: PrestaShop 1.7.5, PrestaShop 1.7.4, PrestaShop 1.7.3, PrestaShop 1.7.2, PrestaShop 1.7.1, PrestaShop 1.7.0

5. Pixtron – Plantillas gratis para PrestaShop 1.7

Pixtron - Plantillas gratis para PrestaShop 1.7

Pixtron es una plantilla para Prestashop 1.7, sin duda, dispone de una configuración de administración extremadamente personalizable. Desde luego, es genial para iniciar tu tienda onlinel. Puede ser adecuada para cualquier tipo de tiendas de comercio electrónico, incluyendo Digital, Móvil, Moda, Bolsas, Zapatos, Accesorios, etc.

Características:

Diseño de bloque único
Instalación automática del contenido de la demostración
No hay modificaciones del núcleo
Fácil de usar y fácil de personalizar
Compatibilidad con todos los navegadores
Compatibilidad: PrestaShop 1.7.5, PrestaShop 1.7.4, PrestaShop 1.7.3, PrestaShop 1.7.2, PrestaShop 1.7.1, PrestaShop 1.7.0

Como conclusión final, esta esta es una de las mejores colecciones de plantillas gratis para PrestaShop 1.7, a continuación, selecciona tu mejor plantilla y comienza tu tienda de comercio electrónico online fácilmente.

Plantilla gratis para Prestashop 1.7 BizKick Responsive Theme

Plantilla gratis para Prestashop 1.7

 

Te presento esta plantilla gratis para Prestashop 1.7

Si no tienes presupuesto para desarrollar tu tienda online, hoy te traigo esta increible plantilla gratis para Prestashop 1.7.

BizKick es una plantilla gratuita para Prestashop 1.7, plantilla es perfecta para crear una tienda de moda, tienda de accesorios, tienda de zapatos o accesorios. Es un excelente punto de partida para crear tu negocio online. Puede ser adecuada para cualquier tipo de tienda de eCommerce, incluyendo Digital, Móvil, Moda, Bolsos, Zapatos, Accesorios, etc.

Esta plantilla gratis para Prestashop 1.7 tiene características avanzadas que hará que tu tienda online se convierta en más profesional con un diseño limpio y con clase. Es totalmente responsive y se ve impresionante en todo tipo de pantallas y dispositivos.

Características de esta plantilla gratis para Prestashop 1.7

Móvil Responsive

Plantilla gratis para Prestashop 1.7

Ya sabes por qué tu sitio debe ser responsive? A tus clientes les encantará y a Google también. no es ninguna sorpresa que hoy en día vivimos en la era móvil, si tu tienda no está adaptada a todos los dispositivos perderás ventas, y esta plantilla está adaptada al 100%.

Plantilla con diseño atractivo

diseño atractivo de Plantilla gratis para Prestashop 1.7

Esta plantilla  proporciona un diseño llamativo. Obliga a tu visitante a volver a tu tienda online y a disfrutar de los contenidos y servicios que proporcionas. Es una de las plantillas gratuitas con mejor diseño que podrás encontrar.

Optimizada para SEO

Optimizada para SEO

¿Desea obtener tráfico en tu tienda online? Esta plantilla gratis para Prestashop 1.7 está muy bien  optimizada para SEO, por lo que puedes estar seguro de tu buen posicionamiento en los motores de búsqueda.

Código limpio

Código limpio

Esta plantilla está muy bien codificada y optimizada. Si tienes conocimientos de programación podrás personalizar esta plantilla muy fácilmente. La plantilla proporciona un código limpio que es fácil de entender.

Instalación con un solo clic

Súper fácil instalar esta plantilla! Puedes instalar fácilmente tanto la plantilla como los plugins con un solo clic.

Bien documentada

Bien documentado significa que tienes toda la información relacionada con la plantilla, plugin o plantillas HTML de una manera comprensible, lo que te facilitará personalizarla para tu negocio.

Enlaces para descargar o ver la demo de esta plantilla:

DEMO   Descargar plantilla

Si tienes cualquier duda acerca de la instalación o personalización de esta plantilla no dudes en dejar un comentario y estaré encantado de ayudarte 🙂

Y para finalizar, te dejo este libro que te puede ayudar, si no tienes experiencia en programación te ayudará a crear tu tienda online: PrestaShop 1.7. Crear un sitio de comercio electrónico

Háblame ;)
¿Necesitas ayuda?
Hola! estás interesado en mis servicios? hablemos por WhatsApp ;)