驴C贸mo instalar un tema en WordPress?

En la lecci贸n anterior,聽elegir un tema para WordPress, hemos hablado de una serie de聽recomendaciones para elegir adecuadamente el tema para tu proyecto con WordPress.

Si ya has elegido un tema, a continuaci贸n te indico los pasos necesarios para instalar un tema en WordPress.

脥ndice del contenido
    Add a header to begin generating the table of contents

    1. Recomendaciones antes de instalar un tema en WordPress

    Antes de instalar un tema en WordPress聽es necesario que tengas en cuenta lo siguiente:

    Anuncio publicitario

    2. 驴C贸mo instalar temas en WordPress?

    2.1 Desde el repositorio de temas de WordPress

    1. Dir铆gete al apartado聽Apariencia >> Temas.

    Aqu铆 es donde se encuentran聽todos los temas instalados聽y es donde podr谩s gestionarlos.

    Temas en WordPress
    Temas en WordPress
    1. Haz clic en聽A帽adir nuevo. Podr谩s observar un listado de temas que ofrece WordPress.

    Si pasas el rat贸n sobre cada tema, aparecen 2 botones: Instalar y Vista previa. Haciendo clic en el bot贸n聽Vista previa聽podr谩s ver el "DEMO" del聽tema con algunas de sus funciones b谩sicas.

    Repositorio de temas en WordPress
    Repositorio de temas en WordPress
    1. En el recuadro de b煤squeda聽Buscar temas..., escribe el nombre del tema que quieras instalar.
    2. Cuando WordPress muestre el tema, haz clic en el bot贸n聽Instalar. Ahora regresa a聽Apariencia >> Temas聽y podr谩s observar como se ha a帽adido el tema, que acabas de instalar, al listado de temas.
    3. Para cambiar de tema en tu sitio web solo tendr谩s que hacer clic en el bot贸n聽Activar聽en el聽tema que acabas de instalar.

    2.2 Temas externos (Third-Party) desde WordPress

    Cuando descargas un tema gratis o compras un tema PREMIUM, normalmente se encuentra en formato .zip (comprimido).

    Dentro del panel de administraci贸n de WordPress, dir铆gete al apartado聽Apariencia >> Temas聽y haz clic en聽A帽adir nuevo. En la siguiente p谩gina, haz clic en el bot贸n聽Subir tema.

    Ver谩s que WordPress te ofrece la opci贸n de buscar en tu ordenador (computadora) el fichero .zip del tema que has descargado. Busca, selecciona el archivo y haz clic en el bot贸n聽Instalar ahora.

    Si todo ha salido bien, te dir谩 que la instalaci贸n ha sido completada correctamente y luego en el apartado聽Apariencia >> Temas聽podr谩s ver la imagen, nombre y autor del nuevo聽tema WordPress聽que acabas de instalar.

    Instalaci贸n de un tema Third-Party en WordPress
    Instalaci贸n de un tema Third-Party en WordPress

    2.3 Temas externos (Third-Party) mediante FTP

    Otra forma de聽instalar un tema, ya sea gratis, FREEMIUM o PREMIUM, que no se encuentra en el repositorio de temas de WordPress, es聽mediante FTP.

    Para esto es necesario descomprimir el tema, despu茅s de descargarlo, y subirlo al servidor en la ruta聽wp-content/themes/. En esta ruta es donde se instalan todos los temas de tu sitio web.

    En la entrada, subir archivos por FTP, puedes encontrar m谩s informaci贸n para subir archivos al servidor mediante FTP.

    3. Astra: el tema del curso de WordPress

    En anteriores lecciones te he hablado de Astra: el tema WordPress que vamos a utilizar para el desarrollo de este curso. Para instalar Astra, vamos a hacerlo en 2 partes:

    Astra Theme

    Uno de los mejores temas que puedes instalar para comenzar a crear un proyecto profesional con WordPress, es聽Astra. Este tema ofrece una versi贸n gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de dise帽o.

    Este tema Multipurpose聽(m煤ltiples prop贸sitos)聽es ideal para crear blogs, sitios web corporativos y tiendas online聽en una misma instalaci贸n.

    3.1 Instalaci贸n de Astra

    Primero vamos a instalar Astra desde el repositorio de temas de WordPress.

    1. Dir铆gete al apartado Apariencia >> Temas y haz clic en el bot贸n A帽adir nuevo.
    2. En el campo de b煤squeda escribe Astra. Cuando aparezca, pasa el rat贸n sobre el tema y haz clic en Instalar y luego en Activar.

    De esta forma hemos instalado el tema que vamos a utilizar durante el desarrollo de todo el curso de WordPress.

    3.2 Child Theme

    Por lo general los temas WordPress vienen predise帽ados para funcionar con una serie de par谩metros b谩sicos establecidos por el desarrollador: colores, fuentes, m谩rgenes entre otros.

    Pero imag铆nate lo siguiente:

    Estas dise帽ando el sitio web de un cliente y este, por lo que sea, te pide que modifiques colores, m谩rgenes o tipograf铆as que el tema no incluye por defecto. 驴Qu茅 har铆as?

    La soluci贸n es muy sencilla: si tienes conocimientos de c贸digo, modificas el archivo CSS del tema y listo. 驴Muy f谩cil, no? Pero, 驴sab铆as que: cuando actualices el tema, vas a perder todos los cambios que has hecho y tendr铆as que repetirlos una y otra vez?

    Pues para evitar esta complicaci贸n, existen los child themes (o temas hijo).

    Un Child Theme no es m谩s que una versi贸n simplificada del tema principal que permite a帽adir c贸digo personalizado CSS, PHP y JavaScript de manera que, cuando se actualice el tema principal, estos cambios no se pierdan.

    El child theme est谩 compuesto por 3 archivos:

    • functions.php: en este archivo se puede a帽adir c贸digo de programaci贸n para mejorar el funcionamiento del sitio web. Muy utilizado en tiendas online.
    • style.css: en este archivo se puede a帽adir c贸digo CSS para mejorar la apariencia y estilo del sitio web. Se suele utilizar para el ejemplo anterior cuando el tema principal no incluye por defecto colores o fuentes, entre otros.
    • screenshot.jpg: es la imagen que se mostrar谩 en el listado de temas de WordPress.

    Sabiendo esto, vamos a instalar el child theme de Astra.

    1. Dir铆gete a la siguiente URL: https://wpastra.com/child-theme-generator/聽y haz clic en el bot贸n Generate.
    2. Se descargar谩 el archivo astra-child.zip. Siguiendo las instrucciones de los puntos 2.2 o 2.3, instala y activa el child theme en tu sitio web.

    Si has seguido todos los pasos, en el listado de temas, deber铆as ver algo como esto:

    Instalar y activar Astra
    Instalar y activar Astra

    F铆jate que hay 2 temas con la imagen de Astra pero el tema activo es Astra Child y el otro es el tema principal (o tema padre), Astra.

    4. 驴C贸mo borrar un tema en WordPress?

    Ya hemos instalado el tema que nos interesa. Como solo vamos a necesitar Astra, el resto hay que borrarlos.

    Para聽borrar un tema en WordPress聽haz lo siguiente:

    1. En聽Apariencia >> Temas haz clic sobre cualquiera de los temas que vas a borrar.
    2. Se abrir谩 una ventana con los detalles del tema. Haz clic en el enlace Borrar聽ubicado en la parte inferior derecha de la ventana.
    3. Repite este procedimiento con el resto de聽temas WordPress.
    Borrar un tema en WordPress
    Borrar un tema en WordPress

    Muy importante!

    Aunque siempre se recomienda tener solo 1 tema activo, en este caso el tema principal es Astra. Parece que hubieran 2 temas pero en realidad el tema hijo es una versi贸n simplificada y WordPress no lo considera como tema.

    Si intentas eliminar Astra, ver谩s que no aparece el enlace Borrar ya que, para WordPress, solo existe un tema activo.

    En definitiva, te quedar谩 algo as铆:

    Astra + Astra Child en WordPress
    Astra + Astra Child en WordPress

    Anuncio publicitario

    5. Conclusi贸n

    Como has podido apreciar, instalar un tema en WordPress es muy sencillo. Cuentas con 3 m茅todos diferentes para hacerlo seg煤n el origen del tema pero al final, con cualquiera, se consigue el mismo resultado.

    Si tienes problemas para instalar un tema en WordPress, consulta al desarrollador del tema (si es un tema PREMIUM) o directamente en foros de ayuda de wordpress.org (si es del repertorio de WordPress) para que te indiquen cu谩l es la soluci贸n m谩s adecuada.

    驴Te ha gustado?

    Te estar铆a muy agradecido si pudieras valorar esta entrada y compartirla en tus redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.

    (22 votos, promedio: 4.9 de 5)

    Share on facebook
    Facebook
    Share on twitter
    Twitter
    Share on whatsapp
    WhatsApp
    Share on telegram
    Telegram
    Share on email
    Email

    驴Me invitas un caf茅?

    Todo el contenido que puedes encontrar en este sitio web es gratis y siempre lo ser谩 pero, mantenerlo, requiere de muchos caf茅s y muuuuchas horas . Si te gusta mi trabajo y te est谩 ayudando, considera invitarme un caf茅 para apoyarme y apoyar este proyecto. 隆Te invito un caf茅!.

    Suscr铆bete y aprende WordPress desde cero

    No me gusta el SPAM y se que a ti tampoco. S贸lo recibir谩s informaci贸n 煤til sobre WordPress.

    Al enviar, confirmas que has le铆do y aceptas la pol铆tica de privacidad. Conoce nuestro compromiso con tu privacidad.

    Comparte tu experiencia

    Deja un comentario si tienes alguna duda o cu茅ntanos c贸mo ha sido tu experiencia.

    guest
    4 Comentarios
    Inline Feedbacks
    Ver todos los comentarios
    Rosmary

    Te felicito explicas todo de forma clara y sencillo! Excelente el curso.

    Gian Oliveira

    Hola Rosmary, muchas gracias por tu comentario. Un saludo!

    Juan

    Conoci tu web xq andaba buscando informaci贸n sobre el tema astra y esto que cuentas sobre el truco para crear el tema hijo de astra es cojonudos!! Gracias!!

    Gian Oliveira

    Gracias a ti. Un saludo!

    4
    0
    驴Dejas un comentario? Gracias!x
    ()
    x
    Search
    Generic filters

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Suscribirte a la lista de correos electr贸nicos.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Moderar y responder comentarios de usuarios.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.