• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

Dani Sánchez

  • ¿Eres agencia?
  • Quién soy
  • Servicios WordPress
    • Mantenimiento
    • Maquetación
    • Soporte técnico
  • Máster en WordPress
  • Portfolio
  • Blog
  • Presupuestos
Estás en: Inicio / Cursos / Curso de Wordpress – 11. Instalar y personalizar temas (plantillas)

Curso de WordPress – 11. Instalar y personalizar temas (plantillas)

El 8 de mayo de 2016 por dani.sanchez

Contenidos del curso

Llegados a este punto del curso ya somos capaces de entender el funcionamiento interno y estructural de WordPress (ajustes generales, creación de páginas internas, entradas y publicaciones, categorías, gestión de menús, etc.).

Es el momento de otorgarle «estilo» a nuestra web. El estilo afectará al aspecto visual de la web, (fuentes, colores, disposición de los elementos, efectos, etc.).

WordPress viene con 3 temas instalados por defecto. Para verlos basta con activarlos desde el menú Apariencia – Temas:

Menú temas

Los temas a elegir:

  • Twenty Sixteen (activado por defecto).
  • Twenty Fifteen.
  • Twenty Fourteen.
Temas de WordPress

Podemos posicionarnos sobre uno de los dos restantes y activarlo o ver una vista previa antes de activarlo. Después vamos a la web para ver los cambios.

Tema Twenty Fifteen:

Tema Twenty Fifteen

Tema Twenty Fourteen:

Tema Twenty Fourteen

Pero lo mejor de WordPress es que cuenta con una comunidad que día a día aporta decenas de nuevos temas listos para descargar y aplicar, con lo que podemos tomarnos nuestro tiempo para localizar el tema que mejor se adapte a nuestros contenidos y necesidades.

Para buscar y añadir nuevos temas vamos al menú Apariencia – Temas y pulsamos en Añadir Nuevo:

Añadir nuevos temas

Podemos subir un tema desde nuestro PC (si lo hemos creado nosotros o comprado en una web externa) o buscar un tema en línea de los cientos disponibles e instalarlo y activarlo de forma inmediata.

Los tenemos organizados por categorías: Destacados, Populares, Recientes, Favoritos o Filtrar por características.

Filtrar por características permite afinar la búsqueda de temas basándonos en nuestras necesidades.

Aconsejo usar temas que sean Adaptables (diseño responsivo) para que la web esté optimizada para todo tipo de dispositivos (PCs, smartphones, tablets, televisores…) De esta forma la web se ajusta automáticamente al tamaño de la pantalla, manteniendo el tamaño del texto óptimo para ser legible en todas las circunstancias.

filtros

Para nuestro ejemplo voy a usar un tema llamado DocPress.

Lo buscamos por su nombre y lo instalamos:

tema-docpress

Esperamos unos momentos a que se descargue:

Descargar tema

Y hacemos clic en activar:

activar-tema

Vemos cómo queda en nuestra web:

Tema DocPress Portada

A priori parece que no tiene mucho que ver con nuestra temática web que se basa en cursos de inglés, pero vamos a configurar un poco el tema. Para ello vamos al menú Apariencia – Personalizar:

Personalizar tema de WordPress

Vemos que a la izquierda tenemos un menú cargado de opciones para configurar nuestro tema.

Lo primero que vamos a configurar es la identidad del sitio.

identidad_del_Sitio

Damos un título a nuestro sitio, por ejemplo «Cursos de Inglés», y una descripción corta acorde a la temática de la web, como un eslogan. El icono del sitio es una pequeña imagen con la que los navegadores asocian nuestra web. De momento no lo vamos configurar.

Hemos clic en Guardar y Publicar y vemos que ahora nuestro sitio ya no se llama «WordPress de pruebas», sino «Cursos de Inglés».

Lo siguiente que configuraremos es la Cabecera. Dentro de cabecera tenemos 3 opciones para personalizar:

Opciones de cabecera

Background cambia la imagen de fondo de la cabecera. Ya que nuestra temática va sobre cursos de inglés, no sería mala idea buscar una imagen de inglaterra y sustituir la que pone el tema por defecto.

Para ello hacemos clic en Background:

subir-imagen-cabecera

Y pulsamos en Añadir nueva imagen:

subir_imagen

Pulsamos en Seleccionar archivos para localizarla desde nuestro PC, aconsejo usar imágenes con buena resolución para que no se vean pixeladas, al menos de 1920 píxeles de ancho:

Seleccionar y recortar imagen

Dependiendo de las proporciones de la imagen es posible que haya que recortar un poco para que encaje en la plantilla. Hacemos clic en seleccionar y recortar. Seguidamente Guardamos y publicamos para ver los cambios:

Imagen final de cabecera

Seguimos configurando las opciones de Cabecera, hacemos clic en Texto y modificamos los textos de la cabecera:

Configurar textos de cabecera

Por último podemos activar o desactiva la barra de búsqueda. Si tenemos bastante contenido en nuestra web puede ser interesante dejarla para localizar páginas y entradas con los términos de búsqueda indicados, dotando de dinamismo y practicidad a nuestra web:

Configurar barra de búsqueda

Seguimos personalizando nuestra tema y otra de las opciones que tenemos es indicar un color de fondo para la web, por defecto está en blanco:

colores

El color lo dejamos a vuestra elección, en el ejemplo lo dejaremos blanco.

Otra de las opciones disponibles es establecer una Imagen de fondo, si disponemos de una imagen a modo de tapiz puede quedar elegante, pero conviene no cargar mucho el fondo de nuestras páginas para que la información sea cómoda de leer.

Lo siguiente que vamos a configurar es el menú principal:

Configurar menú

Hacemos clic en Ubicaciones de menús:

Ubicaciones del menu

Nos indica que este tema en concreto solo soporta un menú, y que elijamos uno de los que tenemos creados. Seleccionamos nuestro menú principal y guardamos los cambios.

De momento no vamos personalizar nada más porque los widgets los veremos en el siguiente capítulo.

Como veis, elegir un tema es algo tan personal como dependiente de la temática y necesidades de nuestro sitio web. Tenemos a nuestra disposición muchísimos temas profesionales y totalmente gratuitos, a parte de los temas que podemos comprar en terceras páginas.

Aconsejo probar temas, cambiar características, dedicar un tiempo a jugar con los ajustes de personalización hasta dejarlo a nuestro gusto.

Con un poco de trabajo hemos pasado de esto:

twenty-fifteen

A esto:

pantalla_principal

Publicado en: Cursos, WordPress

¿Quiéres invitarme a un café?

Si te has fijado en este blog no hay ni rastro de publicidad, todo el contenido publicado lo hago de forma artruista al igual que yo recurro a otros sitios cuando necesito algo. Pero si te he servido de ayuda y quieres agradecérmelo, puedes hacer una pequeña donación (el importe que quieras):

Entradas similares

  • Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  • Instalar LAMP (Linux, Apache, MySQL, PHP) en Opensuse Tumbleweed
  • PRO Elements, o como tener Elementor Pro libre y gratuito
  • Tip para Elementor: Alinea elementos de forma óptima
  • Habilitar el soporte de Wayland en Firefox

Barra lateral principal

Autor

Dani Sánchez

logo mastodon @danisanchez

Entradas recientes

  • Importar un proyecto WordPress en un contenedor Docker
  • Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  • Instalar LAMP (Linux, Apache, MySQL, PHP) en Opensuse Tumbleweed
  • PRO Elements, o como tener Elementor Pro libre y gratuito
  • Tip para Elementor: Alinea elementos de forma óptima

Comentarios recientes

  1. Laura en Habilitar el soporte de Wayland en Firefox
  2. Laura en Habilitar el soporte de Wayland en Firefox
  3. Denys Vega en Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  4. Ramon Tubau en Evitar que WordPress pida los datos FTP al instalar o actualizar un plugin o tema en localhost
  5. Ramon Tubau en Evitar que WordPress pida los datos FTP al instalar o actualizar un plugin o tema en localhost

Categorías

  • Actualidad
  • Afiliación AliExpress
  • Agent Press Pro
  • Bettaso Web Restaurantes
  • Cursos
  • Destacado
  • Divi
  • Drupal
  • Elementor
  • Genesis
  • Iniciación a PHP
  • Joomla!
  • Linux
  • Publicaciones
  • Tutoriales
  • WooCommerce
  • WordPress

Maquetación web, landings, blogs y tiendas online
cuidando hasta el mínimo detalle

Si necesitas que desarrolle tu proyecto web ponte en contacto conmigo.

Contacto
  • Mastodon
  • YouTube
  • LinkedIn

Dani Sánchez © 2023 · Política de privacidad · Política de cookies

En mi sitio web utilizo cookies de carácter técnico para el correcto funcionamiento de la plataforma. Además de cookies analíticas de terceros para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no, en el botón de Preferencias. Más información sobre el uso de cookies en la: Política de cookies.

Powered by  GDPR Cookie Compliance
Resumen de privacidad

En mi sitio web utilizo cookies de carácter técnico para el correcto funcionamiento de la plataforma. Además de cookies analíticas de terceros para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no, en el botón de Preferencias. Más información sobre el uso de cookies en la: Política de cookies.

Cookies técnicas necesarias

Las cookies técnicas necesarias tienen que activarse siempre para poder guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no se pueden guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies analíticas

Utilizo Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar este tipo de cookies activas me permite mejorar la web y mis servicios.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre la política de cookies