fbpx

La elección de la plantilla de nuestra web es fundamental porque va a condicionar el diseño,la estructura y el contenido de nuestra web. Un tema tiene que adaptarse al usuario, es decir a lo que tu cliente quiere encontrarse en cuanto a usabilidad y diseño, también tiene que ser adaptable a diferentes formatos sobre todo el móvil y tener la capacidad para comunicar eficientemente.

DEFINICIONES

Un tema es una colección de plantillas y hojas de estilo utilizadas para definir la apariencia y la visualización de un sitio web con tecnología de WordPress.

Se pueden cambiar, administrar y agregar desde el área de administración de WordPress en Apariencia /Temas . Hay varios Temas de WordPress gratuitos y de pago disponibles. WordPress.org tiene una gran colección de gratis en su Directorio de Temas

Conviene no confundir lo que es un tema de lo que es un compositor visual que es es un complemento de WordPress que te permite arrastrar y soltar elementos para construir y editar tu sitio de WordPress. 

Puede agregar fácilmente nuevos bloques de texto, botones, imágenes, etc. Simplemente arrastre el elemento a la página y luego ajuste las propiedades a su gusto. Los más famosos son Divi, en la próxima instrucción hablaremos de él y Visual Composer

PLANTILLAS PARA DISEÑAR TU WEB

Descárgate las  plantillas necesarias para elaborar tu página Web y comienza a trabajar en tu proyecto con garantía de éxito.

Herramientas de Diseño Web

MONTAJE 

Los siguientes son los pasos para la gestión de temas .

Paso (1) : seleccione Apariencia → Temas en el tablero.

Paso (2) : se mostrará la siguiente pantalla. Desplácese sobre cualquier tema y haga clic en Detalles del tema .

Paso (3): al hacer clic en Detalles del tema , aparece la siguiente página. Consiste en detalles relacionados con el tema. Detalles como la versión, descripción, etiquetas, etc.

Aquí puede cambiar imágenes / colores de fondo, agregar títulos y hacer mucho más.

Los siguientes son los pasos del tema Personalizar .

Paso (1) – Haz clic en Apariencia → Personalizar .

Paso (2) : se mostrará la siguiente pantalla.

Como se puede ver, en el lado izquierdo tenemos la sección de personalización, y en el lado derecho tenemos el tema que ha elegido. Por lo tanto, cualquier cambio que realice en el lado izquierdo se mostrará en el lado derecho de la página. Aquí hay algunas opciones que debe conocer:

Tema activo : en esta sección, puede cambiar el tema actual simplemente haciendo clic en ‘Cambiar’ .

Cuando hace clic en ‘Cambiar’ , obtiene una lista de temas, haga clic en cualquiera de los temas y luego haga clic en ‘Guardar y continuar’ . Tu tema se guardará.

Título del sitio y lema: en esta sección, puede agregar el título del sitio y el lema que desea agregar a su sitio web.

Agregue su nombre de título en la sección ‘Título del sitio’ . Y tu lema en el cuadro ‘Tagline’ .

Colores : puede cambiar el color del texto del encabezado con esta sección. A medida que se desplaza por los colores, encuentra cambios que ocurren en el lado derecho de su página. Incluso puede agregar un color propio en el cuadro que se encuentra entre ‘Color actual’ y ‘Predeterminado’ .

Imagen de encabezado : agregue una imagen de encabezado seleccionando entre las sugerencias o puede agregar una imagen propia haciendo clic en ‘Agregar nueva imagen’ .

Widgets : agregue widgets a su sitio desde aquí.

Al hacer clic en la flecha, marca la siguiente imagen.

Aquí hay dos opciones:

Primero está el ‘Área de widgets principal’ , cuando hace clic en este, obtiene otra lista de widgets que se mostrarán en el área de pie de página.

Cuando hace clic en cualquiera de los widgets, aparece un menú desplegable donde puede editar más o agregar más. Por ejemplo: si desea agregar categorías, aparece la siguiente imagen.

En esta imagen, como puede ver, puede agregar su categoría en la sección ‘Título’ . Marque cualquiera de las casillas requeridas. Si no desea agregar ninguno, diga ‘Eliminar’ . Lo mismo ocurre con otros widgets también.

Widget secundario : aquí debe hacer clic en ‘Agregar un widget’ y obtendrá una barra lateral con una lista de diferentes widgets. Haga clic en cualquiera y se suma a su lista de widgets.

Si desea agregar más widgets, haga clic nuevamente en ‘Agregar un widget’ y podrá agregar tantos widgets como desee.

Frente estático : seleccione las últimas publicaciones o la página principal estática para su sitio.


Si desea agregar este tema a su página / sitio web, haga clic en Activar , y si desea verificar el tema, haga clic en Vista previa en vivo .

Si hace clic en activar, recibirá un mensaje emergente como:

Paso (4) – Haz clic en Personalizar .

Paso (5) : en el lado izquierdo de la página, puede personalizar su tema. Cualquier cambio que realice o cualquier cosa nueva que agregue se mostrará en el lado derecho de la página.

Aprenderemos sobre la personalización de la apariencia de los temas en el próximo capítulo, es decir; Tema personalizado de WordPress .

Los widgets son pequeños bloques que realizan funciones específicas. Estos le dan control de diseño y estructura al tema de WordPress. Algunas características específicas de un widget son:

    • Te ayudan a agregar contenido y características.
    • Se pueden arrastrar y soltar fácilmente en el área de widgets.
    • Varían de un tema a otro. No son iguales para todos los temas.

Paso (1) : haz clic en Apariencia → Widgets .

Paso (2) : aparece la siguiente pantalla que muestra los widgets disponibles.

Las siguientes funciones aparecen en la página:

    • Widgets disponibles : puede usarlos para agregarlos a la barra lateral principal.
    • Barra lateral inactiva (no utilizada) : no se utiliza y se puede eliminar de forma permanente de la lista de widgets.
    • Widgets inactivos : elimina los widgets de la barra lateral pero los mantiene en la configuración.
    • Barra lateral principal : cualquier widget que agregue aquí aparecerá en su sitio.
    • Administrar en el personalizador : lo lleva de vuelta a la página de personalización.

Paso (3) – Arrastra y suelta en la barra lateral principal . Cualquier widget que agregue aquí, aparece en su sitio.


Paso (1) : haz clic en Apariencia → Fondo .

Paso (2) : aparece la siguiente página donde aparece la sección Imagen de fondo .

Paso (3) : no hay una imagen seleccionada para el fondo. Si desea hacerlo, haga clic en Seleccionar imagen . Obtienes la siguiente página.

Aquí puedes subir imágenes usando dos opciones.

    • Subir archivos
    • Mediateca

Paso (4) – Cargar archivos : cuando hace clic en Cargar archivos, se muestra la siguiente pantalla. Seleccione los archivos de su escritorio y luego haga clic en Elegir imagen si está satisfecho con la imagen.

Paso (5) – Biblioteca multimedia : al hacer clic en Biblioteca multimedia, aparece la siguiente página. Seleccione archivos de la biblioteca de medios de WordPress, lo que significa que si ya tiene imágenes actualizadas, puede seleccionar cualquiera de ellas directamente.

Después de seleccionar una imagen, en el lado derecho obtendrá algunas opciones:

    • Editar imagen : cuando hace clic en este, se lo lleva a otra página donde puede editar la imagen de escala, las dimensiones, la imagen de recorte y la configuración de miniaturas, etc. Como se muestra en la siguiente imagen, realice los cambios necesarios, haga clic en Guardar y luego Haga clic en Actualizar .

    • Eliminar permanentemente : si desea que su imagen salga de la biblioteca, haga clic en este botón.
    • URL : ingrese la URL de su imagen en este cuadro.
    • Título : si desea realizar cambios en el título de la imagen, puede hacerlo aquí mismo.
    • Título : puede explicar brevemente su imagen en esta sección.
    • Texto alternativo: proporcione un texto alternativo a su imagen para que esté fácilmente disponible para los usuarios durante la búsqueda.
    • Descripción : una pequeña descripción sobre su imagen.

Paso (6) : haz clic en Colores → Color de fondo en la misma página. Cambia el color de fondo en consecuencia. La opacidad de fondo no se usa para todos los temas. La personalización del tema no es la misma para todos los temas que utilizamos. Cambia de tema a tema.

HERRAMIENTAS 

Aunque hay muchas páginas gratuitas que te van a ser útiles, te detallo los mejores temas a precio económico, dependiendo del tipo de página que vayas a construir: Blog, Pagína de afiliados o Ecommerce.

Plantillas Para webs de afiliación y Blogs

Bridge

Este es uno de las mejores temas WordPress versatil. ¿Qué significa esto? Significa que puedes crear todo tipo de webs sin tener que recurrir a diferentes plantillas, ya que incluye más de 250 páginas web ya montadas para diferentes tipos de negocio.

Si tienes una empresa y quieres montar tu página web corporativa, Bridge es perfecta para ello. También sirve para Start Ups de cualquier tipo, para tiendas online, para montar un blog, para freelances, abogados, hoteles, restaurantes…

Incluye gratis el plugin Visual Composer. Este maquetador visual te permite diseñar tu web de una forma rápida y muy visual. Tan solo tienes que arrastrar y soltar elementos con el ratón para diseñar tu página. Podrás modificar cualquiera de las más de 250 páginas de demostración que vienen incluidas o, si lo prefieres, diseñar cada sección de tu web desde cero. Eliges imágenes, botones, textos, tablas de precios, etc y los pones dónde quieras con tu ratón.

https://themeforest.net/item/bridge-creative-multipurpose-wordpress-theme/

The gem

Es un tema que incluye más de 70 páginas de demostración ya montadas para que todo el mundo pueda montar un sitio web en poco tiempo.

Y lo mejor de todo, es que incluye un monton de elementos y animaciones muy poco vistas en sitios web y que harán que tu web sea muy llamativa y parezca que la ha diseñado un auténtico profesional.

Al igual que Bridge, incluye Visual Composer para que puedas crear todas las secciones de tu web en un periquete aunque seas novato en esto. Por lo que podrás elegir una demo de las que vienen incluidas y modificarla hasta dejarla a tu gusto, o directamente crear cada sección desde cero tú mismo.

https://themeforest.net/item/thegem-creative-multipurpose-highperformance-wordpress-theme/

Uncode

Es de los temas más vendidos de todo themeforest. Ya sea una página web corporativa de empresa, una tienda online, un blog o incluso un portfolio en el que mostrar tus mejores trabajos esta plantilla es muy válida.

Una de las características que más me gusta de Uncode, es que todas las demos que vienen incluidas con la plantilla tienen un diseño muy bonito y minimalista. Esto hace hace que aunque seas novato diseñando páginas web, puedas conseguir un resultado al más alto nivel.

Además, como casi todos los themes recopilados en este listado, incluye plugins premium gratis como Layer Slider para crear impactantes sliders de forma fácil y rápida, y el mejor maquetador visual del mercado (Visual Composer). Un tema WordPress muy a tener en cuenta.

https://themeforest.net/item/uncode-creative-multiuse-wordpress-theme

Bethem

Es otra de las clásicas de Themeforest que mejor está valorada y que funciona a las mil maravillas.

Como Bridge, sirve para casi cualquier tipo de web debido a que hay disponibles más de 220 demos en las que basar tu página. Tiene numerosas opciones de personalización y es compatible con los plugins más importantes del mercado.

https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme

Avada

Quizás algo antigua, esta plantilla sigue vigente como una de las mejores. Ha sido testeada durante mucho tiempo y es de las más pulidas que puedas encontrar en todo Themeforest. De hecho, ha sido la más vendida durante los últimos años.

Gracias a sus numerosas opciones de configuración y personalización, te será fácil modificar alguna de las muchas demos que ofrece.

https://themeforest.net/item/avada-responsive-multipurpose-theme/

Plantillas de worpress para Ecommerce y Negocios

Flatsome 

Es el tema de WooCommerce (es el módulo para vender productos en wordpress) más potente y flexible de esta lista. Viene con más de 20 plantillas de ejemplo, filas prediseñadas que puedes arrastrar y soltar, decenas de tipos de menús en los que podrás mostrar las fotos de tus productos o categorías y un maquetador visual propio muy fácil de utilizar.

Dispone de soporte todos los días del año por si te atascas en algún punto, está optimizada para SEO y obtiene muy buenas puntuaciones en el test de Page Speed Insights de Google.

La única pega que se le puede sacar a Flatsome es que si estás acostumbrado a utilizar Visual Composer, te tendrás que hacer a su propio maquetador (muy sencillo y con muchas opciones para personalizar tu web al 100%). Además, lo bueno que tiene, es que editarás directamente en el diseño y no desde el backend.

Https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme

Shopkeeper

Sin lugar a dudas, ShopKeeper es una de las mejores plantillas WordPress para ecommerce. Si estás pensando en montar una tienda online, échale un ojo a este theme que viene con el plugin Woocommerce preinstalado.

Desde mi experiencia, es una de las opciones más recomendables porque es muy sencilla de configurar y porque ofrece muchísimas posibilidades de personalización. Podrás crear tu tienda y empezar a vender tus productos en un periquete sin necesidad de contratar a un desarrollador.

Otro de los puntos fuertes de este tema WordPress para tienda online, es que incluye muchas páginas de demostración con varias tiendas ya creadas. Gracias a esto, si te gusta alguna de las que vienen incluidas, tan solo tienes que cambiar los productos por los tuyos y personalizar los colores y las fotos.

Y lo mejor de todo es que la arquitectura interna de la plantilla está muy bien estudiada, por lo que te será más fácil posicionar tu tienda en los primeros resultados de Google.

https://themeforest.net/item/shopkeeper-ecommerce-wp-theme-for-woocommerce/

Si hay una plantilla versatil para e-commerce, ésta es la referente sin duda alguna. Lo mejor de este tema es su versatilidad. Tienes más de 20 demos para elegir.

    • Tienda de gafas de sol
    • Tienda de moda
    • Tienda de productos de maquillaje y belleza
    • Tienda de menaje de cocina
    • Tienda de joyas
    • Tienda de gadgets y productos electrónicos en general
    • Tienda de productos orgánicos
    • Etc

Si hoy quieres montar una tienda de ropa y el mes que viene otra de joyas y bisutería, no tendrás que comprar una plantilla específica para cada una, ya que Nitro te ofrece una demo distinta ajustada a ambos fines.

https://themeforest.net/item/nitro-universal-woocommerce-theme-from-ecommerce-experts

Xstore

Si quieres un tema WordPres que te permita tener unas buenas páginas de producto y una página de inicio muy currada no busques más, XStore es la opción adecuada.

Las páginas individuales de cada producto vienen con un diseño muy trabajado, elegante y profesional. Además, se pueden modificar con diferentes maquetaciones e incluso ir más allá añadiendo funcionalidades específicas como un zoom automático cuando el usuario pase el ratón por encima de las imágenes de tu producto, o añadir un producto a su lista de deseos.

También podrás añadir fácilmente vídeos de los productos, filtros en el apartado de tienda con múltiples widgets y mostrar las marcas que vendes en tu tienda con un widget personalizado en la barra lateral.

Pero lo que más me gusta de este theme, es que viene con más de 70 tiendas online de demostración ya montadas de temáticas muy variadas:

    • Tienda online de muebles
    • Tienda online de tecnología y accesorios
    • Tienda online de ropa
    • Tienda online de joyas y bisutería
    • Tienda online de cosméticos
    • Y más…

https://themeforest.net/item/xstore-responsive-woocommerce-theme/

Plantillas de WordPress Para restaurantes

Capella

Este es uno de los mejores temas para WordPress si quieres montar una web para tu restaurante o cafetería. Es muy vistoso y te permite presentar tu menú con fotografías y precios modificando los que vienen con la plantilla. Simplemente vas al elemento de precio y lo cambias, luego a las fotos de los platos y pones los tuyos. Y así con todo

Uno de sus puntos fuertes es que ya incluye un plugin de reservas online que te permitirá customizar un formulario en el que el usuario puede elegir fecha, hora, número de comensales y un sinfín de opciones útiles para la organización de tus reservas.

https://themeforest.net/item/capella-parallax-cafe-and-restaurant-theme/

Rosa

Tiene un diseño muy limpio que aprovecha el efecto Parallax al máximo y que está enfocada a mostrar los platos y productos.

La apariencia y sensación que transmite es de elegancia y modernidad a la vez. No obstante, como en cualquiera de los buenos temas WordPress, podrás cambiar la tipografía y resto de elementos con Visual Composer para daptarla a tus gustos. Como la anterior, ofrece un sistema de reservas online muy top incluido.

https://themeforest.net/item/rosa-an-exquisite-restaurant-wordpress-theme/

Plantillas de WordPress para Hoteles

Hotel WP

Es uno de los themes premium para hoteles más completo de la actualidad. Tiene diferentes páginas de hoteles ya montadas y, dentro de cada una de ellas, existen varios diseños de páginas de habitación y menús.

Trae incluido Visual Composer para que maquetes tu web con facilidad y Slider Revolution para que hagas fantásticos sliders para tu página de inicio y muestres tus habitaciones y el entorno a lo grande y con todo lujo de detalles.

Y lo mejor de todo, es que Hotel WP trae uno de los mejores plugin de reservas online a tiempo real del mercado: WP Hotel Booking. Este plugin permitirá que los usuarios que visiten la web de tu hotel o casa rural, puedan comprobar a tiempo real si existe disponibilidad de la habitación y fecha seleccionada. También puedes ofrecer distintos planes de precios si se trata de fin de semana o día de diario.

https://themeforest.net/item/travel-booking-hotel-wordpress-theme-hotel-wp

Plantillas de wordpress para Inmobiliarias

Si estás pensando en crear una página web de una inmobiliaria, una red de apartamentos vacacional tipo Airbnb o una web de compra-venta de casas, Real Estate 7 es una de mis plantillas favoritas para ello.

Con su sistema de custom post types, puedes crear cada apartamento o casas que vendas o alquiles de forma sencilla y asignarle un sistema de reservas, con calendario, para que el usuario vea qué fechas están disponibles y le calcule el precio al momento. Incluso se puede integrar con PayPal o una pasarela de pago para que el cliente realice la reserva totalmente online.

Otra cosa que me gusta mucho de esta plantilla WordPress es que cada vez que incluyes un apartamento o casa en tu web, automáticamente también se incluye en un mapa interactivo por el que el usuario puede navegar y encontrar ese y los demás alojamientos al mas puro estilo Airbnb. Y por si fuera poco, incluye muchas páginas de demostración ya montadas que puedes utilizar libremente y mi maquetador preferido: Visual Composer.

https://themeforest.net/item/wp-pro-real-estate-7-responsive-real-estate-wordpress-theme

Plantillas Para Revistas y periódicos online

Sin duda alguna, si quieres montar una revista online, un sitio de noticias o un blog con varios apartados que tenga un estilo moderno y súper profesional, Barcelona es uno de los mejores temas WordPress para ello.

Dispone de varias demos a elegir con muchos diseños diferentes. Tan solo tienes que escribir o importar las entradas y artículos y elegir uno de sus diseños para montar la revista. Tardarás tan solo unos minutos.

Además de su sencillez y facilidad de uso, otra de las cosas que me gusta de este theme, es que tiene zonas específicas para que coloques banners de publicidad de AdSense o tuyos propios donde promociones tus servicios o productos.

También te permite colocar módulos de los posts más populares o recientes y que aparezcan en diversas zonas de la web con la imagen destacada e portada que tengan

https://themeforest.net/item/barcelona-clean-news-magazine-wordpress-theme/

Multinews

Al igual que la plantilla Barcelona, MultiNews es otra gran alternativa para montar un portal de noticias online.

La disposición de los elementos es la clásica de cualquier portal de noticias: Menú arriba que muestra de manera clara las secciónes y subsecciones, espacio longitudinal para logo o banner, un carrusel de las noticias más importantes, varios apartados de categorías en los que se van agrupando las noticias de cada tema y el típico footer con un miniformulario de suscripción al newsletter.

Además, es un tema bastante maduro que no peca de errores de primeras versiones y presume de ser de los más vendidos y que mejor opinión tienen en Themeforest.

https://themeforest.net/item/multinews-multipurpose-wordpress-newsmagazine

Plantillas WordPress Para eventos

meetup

¿Estás creando un evento y quieres promocionarlo en internet? Este es uno de los temas Wordpress más interesantes para ello. Tiene varias demos pero en todas ellas hay módulos para mostrar toda la información del evento: calendario del evento, horarios de las ponencias, ubicación del evento, formulario de registro y suscripción al newsletter, etc.

Las tipografías y colores elegidos me parecen un acierto porque transmiten una seriedad y profesionalidad que, además, se ven apoyadas por la esructura One Page, clave para este tipo de webs.

https://themeforest.net/item/meetup-conference-event-wordpress-theme

En este video Fernando Tellado nos enseña a instalar y configurar un tema de wordpress

CAJA DE HERRAMIENTAS DE IKREA.DIGITAL

Accede a Recursos y Herramientas muy útiles para elaborar tu negocio. Te puedes descargar plantillas, planes de negocio, hojas de excell, informes y mucho más elaborado por los profesores del curso de Ikrea.Digital

Ver Caja de Herramientas

¿Quieres que te acompañemos en el montaje de tu negocio? Cuéntanos un poco y te ayudamos con Mentorías personalizadas.

10 + 8 =

MÁS INFORMACIÓN:

Temas de ElegantThems

Gran variedad de temas de pago y Gratis

https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=61388

ThemesForest

Muchas plantillas temáticas para tu negocio

https://1.envato.market/ORZ2rK

Temas gratuitos de WordPress 

https://es.wordpress.org/themes/

Anterior Instrucción

Instalación de WordPress

  Siguiente Instrucción

Seguridad de la web

¿Quieres ver todas las instrucciones para montar tu Negocio Digital?

¿Quieres compartir experiencias, dudas e información útil?

Entra en Nuestro grupo de Telegram para estar al día con las últimas Novedades y conocer Mercaderes digitales como tu con tus mismos intereses y sueños.

Me gustaría seguirte en mis Redes Sociales, son estas:

 

Mercaderes Digitales – Reservados todos los derechos

Curso Marketing Digital Diseño Web Configuración Plantilla de WordPress