Tema Pure&Simple

Tema Pure&Simple: Opciones de personalización

 

Opinión sobre el tema Pure&Simple de WordPress

De entre los miles de plantillas de las que dispone el repositorio de WordPress, Pure&Simple tal vez no destaque especialmente pero de de lo que no cabe duda es de que hace honor a su nombre y gana la partida de la sencillez. Sus creadores (Stylethemes) lo publicitan como un tema idóneo para un blog profesional. Pero lo cierto es que es lo suficientemente versátil y elegante como para cualquier tipo de web. La versión pro cuesta 39$ y se puede adquirir aquí: Stylethemes ⏎ 

WebTotal ha usado su versión gratuita como ejemplo para realizar su guía de «Como hacer una web simple y barata pero completa».

Puedes verla aquí: https://hostaltotal.com/

Es una plantilla extremadamente ligera lo que garantiza una velocidad de carga endiablada.

 

Test velocidad Tema Pure&Simple

Bien es cierto que esta web tiene escaso contenido pero las imágenes son de alta calidad lo que hace que la página de inicio (con la que hemos hecho el test) pese 1,1 MB, lo que no ha restado en absoluto velocidad de carga.

Pese a que hay poco más de 5000 instalaciones de Pure&Simple, una cifra relativamente baja en comparación con otros temas, creemos que es un tema adecuado para sitios web de establecimientos comerciales, hosteleros o de restauración, además de para cualquier blog profesional sea cual sea su temática.

 

Personalizar Pure&Simple

 Instalar y activar tema

Una vez que hemos instalado y activado el tema Pure&Simple, debemos crear un tema hijo antes de empezar a personalizar. En este post te mostramos como hacerlo: Tema hijo ⏎

  Personalizar tema

Comenzamos a personalizar nuestro sitio web con carácter general para todo el sitio web.

Personalizar Tema Pure&Simple

Entramos en «Apariencia» y de ahí a «Personalizar».

 Opciones de personalización

Estas son las opciones de personalización del tema Pure&Simple. Hay que tener en cuenta que las «personalizaciones» que realicemos aquí serán visibles en todas las páginas de nuestro sitio. Después se añadirá el contenido específico de cada página.

Opciones Tema Pure&Simple

Identidad del sitio

Esta opción es común a todos los temas de WordPress con ligeras variaciones. Se trata de configurar los aspectos básicos del sitio que conformarán su entidad.

Identidad del sitio tema Pure&Simple

● Si optas por incluir el logo en la cabecera, éste sustituirá al título.

Sin logo

Sin logo en cabecera

Con logo

Con logo en cabecera

Color y tamaño de título y cabecera.

● El título del sitio y la descripción corta son los mismos que se incluyen en «Ajustes Generales».

 Basic Settings

Estas son opciones básicas de los diferentes elementos del sitio.
Basic settings

 

Ocultar el contenido por defecto del tema: Debemos marcar esta opción para que aparezcan nuestros contenidos y  no los que incluye el tema por defecto.

Anchura de página: Podemos optar por anchura completa, 1500px o 1200px.

Diseño del Blog: Blog con barra lateral derecha o izquierda o a pantalla completa sin barra lateral.

Estilo del Blog: El tema permite 4 estilos diferentes de blog.

Contenido o resumen: Contenido completo o resumen de las entradas en el listado de entradas.

Longitud del resumen: Cuantas palabras contendrá el resumen.

Ocultar la imagen destacada de las entradas

Ocultar editar enlaces.

Habilitar desplazamiento hacia arriba

Nombre de copyright 

 Sticky Menu

Se trata de un efecto por el cual el menú queda fijo en la pantalla cuando haces scroll, es decir, cuando te desplazas por la página hacia abajo.

Sticky menu

 Colours

Configuraciones de los colores de cada elemento del sitio.

Colores tema Pure&Simple

Color de fondo del menú

Color de fondo del título del encabezado

Color del texto del título del encabezado

Color de fondo del Breadcrumb*

● Color del texto del Breadcrumb

● Color de fondo de Call to action

● Color del encabezado de Call to action

Color del texto de Call to action

Color de fondo del contenido principal

Color del texto del contenido principal

● Color de fondo de los botones de widgets

Color fondo menu Pure&Simple

Color de fondo del menú

Ubicaciones widgets

Call to action: Texto de llamada a la acción justo debajo de la imagen principal

Color del fondo de los botones de widgets

Color del fondo de los botones de widgets

Color del texto de los botones de los widgets

Color de los enlaces de los botones de widgets

Color de los botones de widget cuando haces clic en el enlace

Color de fondo del pie de página

● Color del texto del pie de página

● Color de los títulos de páginas y entradas

● Color de los títulos de páginas y entradas cuando haces clic en el enlace

Color de los títulos de widgets

Color de los enlaces del contenido

Color de los enlaces del contenido cuando haces clic en ellos

● Color de los enlaces del pie de página

● Color de los enlaces del pie de página cuando haces clic en ellos

Color fondo pie de página

Color fondo pie de página

Color de los enlaces situados dentro del contenido

Color de los enlaces situados dentro del contenido

Color de fondo del botón «Leer más»

Color del texto «Leer más»

Color de fondo del botón «Leer más»cuando haces clic en él

Color del texto «Leer más»cuando haces clic en él

● Color de fondo del menú cuando haces clic en él

● Color de fondo del menú activo

● Color del enlace del menú

Color del enlace del submenú

Color de fondo del submenú

Color de las líneas del borde del submenú

Efecto hover

Color de fondo del menú cuando haces clic en él: Esto es el efecto «hover» que consiste en un cambio de aspecto o color de un elemento cuando pasas el ratón por encima de él

BREADCRUMB

*Breadcrumb o migas de pan son las referencias que nos permiten saber en que página nos encontramos y sirven para facilitar la navegación dentro de una web.

 

 Mobile Navigation Colours

Configuraciones de los colores para la navegación desde dispositivos móviles.

Moviles tema Pure&Simple
Color fondo menu

Color del fondo del menú

Dispositivos móviles en tema Pure&Simple

Debajo de las opciones de personalización se encuentran los controles que nos muestran como se ve la web en los diferentes dispositivos.

 

 Navmenu position

Esta es una característica premium, para cambiar la posición del menú de navegación, que no podemos activar en la versión gratuita.

Navmenu  tema Pure&Simple

 Social Networking

Con esta opción podemos enlazar la web con nuestras redes sociales.

Redes sociales en el tema Pure&Simple

 

 

Solo tenemos que añadir la dirección de nuestras cuentas en las redes sociales.

También podríamos ocultar los enlaces a redes sociales en nuestra web si así lo preferimos.

 Imagen de cabecera

Con esta opción podemos incluir una imagen en la cabecera.

Sin imagen de cabecera

Sin imagen en la cabecera

Sin imagen de cabecera

Con imagen en la cabecera

 Imagen de fondo

Podemos añadir una imagen de fondo. Sólo sería visible si optamos por crear una página web más pequeña que la de ancho completo. En los márgenes, entonces, se vería la imagen de fondo.

Imagen de fondo

 

 Menús

Podemos insertar uno o varios menús a nuestro sitio web y asignarle determinadas ubicaciones.

Personalizar menu en tema Pure&Simple

Crear un nuevo menú

Nuevo menu en tema Pure&Simple

Ubicación del menú: Primary menú

Menu principal

Añadir elementos

Personalizar menu principal

Añadimos las páginas que queremos que aparezcan en el menú y podemos reordenarlas según nuestro criterio.

 Widgets

El tema Pure&Simple está basado principalmente en el uso de widgets por lo que nos proporciona diversas ubicaciones para los mismos.

Widgets opciones
Ubicaciones de widget en cabecera
Ubicaciones de widgets

 

En este artículo explicamos como añadir widgets a tu página web: Widgets ⏎

 Ajustes de portada

Este apartado repite las opciones de «Ajustes de lectura» del escritorio de WordPress.

Ajustes de portada

 CSS adicional

En esta sección podemos añadir código CSS que tiene por objeto crear estilos en nuestros contenidos. En principio, no es necesario añadir ningún CSS a no ser que queramos cambiar alguna característica de los estilos definidos por el tema como tipografía, color, tamaño, etc.

CSS adicional

Si no deseas añadir CSS para configurar el tamaño y tipo de letra puedes escribir en un procesador de texto tipo Office para editar tus textos y luego copias y pegas en el cuadro de texto del widget.

Conclusión: Este tema, de estructura simple y funcional, pese a no encontrarse entre los más conocidos del repositorio de WordPress puede resultar una elección muy recomendable si no estás dispuesto a adquirir un tema premium.

Para cualquier duda que tengas, envíanos un comentario e intentaremos ayudarte.

  Webtotal: tu guía web

DISEÑO WEB BÁSICA

➢ Creamos tu página web sencilla de 3 o 4 páginas.

➢ Contratamos por ti el hosting y el dominio.

➢ Incluímos un SEO básico que podrás ir ampliando.

➢ Instalamos los principales plugins para su correcto funcionamiento.

 ➢ Pago por PayPal con garantía de devolución si no quedas satisfecho.

Suscríbete

Sólo te enviaremos la información que solicites