Inicio Blog

Soyunpato el regreso

0

En realidad, es que no sólo cambias tu diseño sino toda la concepción y estructura (a nivel interno-programación) de tu sitio web.

Pero eso lo vemos ahora más adelante paso a paso, ahora deja que te haga un listado de algunos de los beneficios que obtienes al cambiar a Genesis Framework: [su_list icon=»icon: check» icon_color=»#a83cef»]

  • Porque está hiper-optimizado para el SEO
  • Tu tiempo de carga de página se reducirá de forma notable
  • Es muy fácil de configurar una vez se conoce su manejo
  • Te da una imagen muy profesional y elegante
  • Las actualizaciones se hacen de forma independiente y con 1 sólo click
  • Todos los themes son 100% responsive (se adaptan a tablets y móviles)
  • Es barato para los resultados que te ofrece
  • Hay una gran comunidad muy activa de desarrolladores
  • Ya son más de 100.000 webs las que utilizan Genesis Framework [/su_list]

Y hay más, pero vayamos por partes y respondamos algunas cuestiones básicas.

[toc]

 ¿Qué es un framework?

Imagina que tu blog tiene dos capas.

En una capa inferior está el Framework, la «base» para el control de tus themes.

Sin entrar en muchos tecnicismos y utilizando un lenguaje muy «llano» para que me entiendas: es una serie de archivos con una programación que hace que tu sitio WordPress sea más seguro, fiable y rápido.

Luego, tienes una capa superior que sería tu Theme, mejor dicho tu Child Theme.

En esta capa superior, tenemos otros archivos que en este caso controlan solo cosas a nivel estético de tu blog. (Colores, tipografías…)

La principal ventaja de trabajar con dos capas separadas, es que la actualización de ambas cosas se hace de forma independiente, facilitando mucho las cosas tanto a los desarrolladores como a ti a nivel de usuario.

¿Qué es un Child Theme o Tema Hijo?

Un Child Theme es la expresión más simple de un theme.

El Framework y su configuración de base hacen de «tema padre», del cual hereda el child theme una serie de cosas a nivel de funcionamiento.

El Child Theme contiene los archivos que controlan la parte estética y sus funciones, a través de los archivos «style.css» y «functions.php».

¿Todo esto para qué? Para lo que decíamos antes: independencia.

Así podemos actualizar ambas cosas por separado, evitan el riesgo que se corría con un theme normal de sustituir archivos en una actualización y cargarnos las modificaciones personalizadas que hubiéramos hecho.

spray-y-gato

¿Qué debo comprar entonces?

Si has visitado su web oficial, es probable que te hayas sentido confuso debido a las diferentes opciones que te dan a la hora de comprar.

  Sólo el Framework Genesis

El Framework lo necesitas si o si. La opción más básica, es la que te viene el Framework + un tema básico, que son 59,95$

En realidad yo lo llamo «tema básico» para que me entiendas, pero para ellos es una configuración base integrada, pelada vamos.

Framework + Child Theme

Luego, puedes comprar el Framework Genesis + un Theme Child, que te valen casi todos 129,95$ (hay alguno más barato, de 99,95$)

Esa es la opción que yo te recomendaría, pues el «base» no mola y los temas pro son la ostia, con perdon. Hay 43 para elegir.

Obtener todos los temas

Por último, tienes la opción de poder tener todos los temas y ahorrar más de 1-500$.

Dependiendo de la opción mensual que elijas tendrás opción a un número de sitios junto con todos los más de 35 temas de StudioPress.

¿Cómo se instala el Genesis Framework?

Muy sencillo: como cualquier otro tema que hayas trabajado.

Cuando haces la compra, te descargarás un fichero tipo «genesis.2.0.1.zip» y desde «Apariencia/Temas/Instalar/» en la administración de tu WordPress, lo localizas y lo instalas.

Actívalo tanto si has cogido «el base» como si luego has comprado también un child theme.

¿Cómo instalamos un Theme Child?

Después de activar el Framework (no estoy 100% seguro que sea necesario activarlo, pero hazlo por si acaso) debes instalar el .zip que te hayas descargado con el chil theme, de la misma forma que antes.

Procedes a activarlo, y será el child theme quien tome el control.

El Genesis te seguirá aparienciendo dentro de «Apariencia/Temas/» aunque ahora sin activar.

Déjalo ahí, no lo borres desde ahí ni por FTP. Te hace falta esa carpeta para que todo funcione.

genesis-responsive-theme

  Configurando nuestro Genesis Framework

No es muy dificil de configurar, aunque es cierto que al principio lo puede parecer.

Por ello, este post es una guía a modo de resumen el cual iré actualizando con enlaces a otros post que haré específicos para alguna de estas partes que vamos a a ver ahora.

  Opciones del Theme

Las opciones generales te permiten controlar lo siguiente:

  • Activar las actualizaciones automáticas (recomendado)
  • Personalizar las URLs de los feeds (no recomendado)
  • Establecer un Layout por defecto (Content + Sidebar = recomendado)
  • Poner un extra en la barra de navegación (al gusto)
  • Habilitar o no dicha barra (en inglés «Breadcrumbs»)
  • Dónde habilitar por defecto los comentarios y los trackbacks o referencias
  • Visualización por defecto de las páginas de archivos (recomiendo: mostrar un estracto + imagen destacada+ home middle)
  • Categorías a mostrar en el Blog
  • Campos de scripts personalizados para el Encabezado y el Pie de página

  Configuración del Home

Tienes las opciones habituales de utilizar «tus últimas entradas» o una «página estática» que tú selecciones para que aparezca en la home.

Mi recomendación, es aprovechar la peculiaridad de Genesis para «configurar» esta Home «por partes». Me explico.

Si dejas la opción de «tus últimas entradas», en «Apariencia/Widgets» podrás montar tu Home como si fuera un puzzle de widgets.

Tipografia

0

Uno de los objetivos cuándo escribimos un blog es que los visitantes pasen mucho tiempo en nuestro blog, lean, comenten y vuelvan, por ello debes cuidar estos detalles para que eso ocurra.

Haz que tus lectores se sientan mucho mas cómodos en tu blog.

Parece fácil pero es una labor muy complicada y si queremos que se enganchen a leer un post tras otro… mas todavía!

Hay pequeños detalles que hay que ir cuidando poco a poco para que los lectores «no sientan pereza» a la hora de leer un artículo, aunque influyen muchos factores como el color de fondo, el color del texto, lo que atañe a la tipografía o fuente es lo que mas afecta a la comodidad.

Para ello debes tener en cuenta la legibilidad para elegir la fuente correcta que se acomode a tu contenido, aunque lo mas importante es el contenido hay gran diferencia en como presentarlo.

Si tienes una fuente que quieres cambiar hazlo

Cambiar la fuente a no ser de que seas una gran marca con una estructura potente de imagen corporativa no te debe dar lástima, si esa fuente no crees que se lee mal,  no encaja con tu blog o ha pasado de moda cámbiala, es una de las cosas más baratas y fáciles que puedes cambiar con unos clics.

Hace tiempo leí un artículo en Medium (una plataforma de blogging de Twitter) en el cuál hablaban sobre cómo habían llegado a el diseño actual que tienen, el artículo es este:

Medium’s CSS is actually pretty f***ing good

en realidad es excesivamente técnico, pero de él lo mas valioso que extraje fue el concepto de lograr claridad y legibilidad para poder atraer a un público lector. 

Conseguir un público similar al que lee libros y que puede mantener la atención mas de 4 minutos en un artículo es un goal que debemos perseguir.

Si, tenemos que tener claro que debemos atraer a un público que le gusta leer, si queremos que pase bastante tiempo en página, sin recurrir a vídeos, por tanto debemos tener claras unas normas mínimas de usabilidad y de estética para mejorar la legibilidad.

Una tipografía adecuada puede aumentar el tiempo en página de tus lectores, disminuyendo el cansancio visual y aumentando la concentración.

Parece una tontería pero yo soy la primera que he dejado de visitar blogs porque se han convertido en un auténtico barullo, de interrupciones, ruidos, animaciones y ante todo letra pequeña… por ello lo mejor es valorar lo que vas a conseguir gracias a esos elementos y si en verdad merece la pena mantenerlos o no en el blog.

La usabilidad es una especialización muy amplia, no quiero volver loco a nadie, bastante friki soy con esas cosas, así que al menos os voy a recomendar varias cosas para que vuestros blogs sea mas cómodos para los visitantes y para empezar con buena letra he elegido hablar de la tipografía, del tipo, de las fuentes, de las letras….