Tema Pure&Simple

Opinión sobre el tema Pure&Simple de WordPress

De entre las 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.

velocidad-carga-web-9878130-7396759-4973647

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.

apariencia-personalizar-7896480-2641714-7237911

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.

C

 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-opcioneswp-5846067-5155829-3325365

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

Sin logo

titulo-cabecera-puro-y-simple-4105733-5427821-4070284

Con logo

C

● 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-opciones-6128612-8735526-1353453

 

● 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 resumenContenido 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-7583243-4440759-8169172

 Colours

Configuraciones de los colores de cada elemento del sitio.

colores-puresimple1-4492359-9517327-6646098

● 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

menu-background-1739936-5892736-7122096

Color de fondo del menú

ubicaciones-widgets-en-pc3a1gina-2257423-5094577-4661861

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

bottom-widgets-background-1231720-7524527-9755970

Color del fondo de los botones de widgets

colores-puresimple2-4503294-9706423-4541589

● 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-pagina-3662063-3032512-7838425

Color fondo pie de página

enlace-contenido-hover-5985309-9735089-7273587

Color de los enlaces situados dentro del contenido

colores-puresimple3-2033401-1025315-7133046

● 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ú

menu-hover-5051880-3264531-6871623

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.

colores-para-moviles-en-pure-y-simple-3094061-4160808-3302732
menu-especial-para-moviles-2291919-1680761-2397863

Color del fondo del menú

ordenador-tablet-movil-3952140-7338060-6965656

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.

puresimple-caracteristica-premium-7101300-1979893-1552503

 Social Networking

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

redes-sociales-tema-puresimple-5630623-2773923-6441472

 

 

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.

titulo-cabecera-puro-y-simple-4105733-5427821-4070284

Sin imagen en la cabecera

con-imagen-cabecera-7842730-7042763-2155556

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-web-1065953-9355141-8254000

 

 Menús

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

crear-menc3ba-5262829-7084706-1686503

Crear un nuevo menú

nuevo-menc3ba-6193081-9137337-4046031

Ubicación del menú: Primary menú

insertar-elementos-menc3ba-5042359-4427439-1277726

Añadir elementos

menu-principal-seleccionar-elementos-9928253-6550912-4198168

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.

opciones-widgets-5183419-4810370-6662516
ubicacic3b3n-widgets-web-8062272-4276720-9049816
ubicaciones-widgets-en-pc3a1gina-2257423-5094577-4661861

 

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-pure-y-simple-6499941-8964905-6514990

 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-generatepress-8498854-6133540-8460893

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.

Deja un comentario