Gutenberg, el nuevo editor de wordpress

Gutenberg, el nuevo editor de wordpress

Si todavía no has oído hablar de Gutenberg en wordpress es porque no estas al dia.

¿Quien era Gutenberg?

Gutenberg era un señor alemán que invento la imprenta moderna. Aunque fue inventada por los chinos anteriormente el la perfecciono al crear los tipos móviles , basados en moldes de letras individuales que se montan para crear frases y todo ello con una prensa inspirada en las presas de vino de la época, puedes encontrar mas información sobre este señor en la wiki.

¿Que es Gutenberg en wordpress?

Este es el nombre que le han dado el equipo de  desarrolladores  al proyecto que sera el nuevo editor de wordpress , un cambio significativo en uno de los cms mas usados del mundo.

El editor al que estamos acostumbrados sera reemplazado (tarde o temprano definitivamente) por Gutember un editor basado en bloques.

En el momento de editar este articulo Gutenberg esta en fase beta y esta disponible como plugin , aunque esta predestinado a ser incluido en el core de WP a partir de la version 5.

¿Porque de este cambio?

A raíz de la fuerte competencia de plataformas creación de webs como divi, wix y demás donde ofrecen una forma de edición de contenido mas fácil e intuitiva para el usuario, los desarrolladores de WP se han visto en la necesidad de hacer algo y no para no quedarse atrás y han apostado en crear un editor basado en bloques donde todos los elementos son individuales y edita-bles en singular , al modo de Medium muy en auge a día de hoy.

¿Como utilizar Gutenberg?

Como ya hemos comentado antes el nuevo editor esta disponible como plugin y lo puedes descargar del repositorio oficial de wordpress.

 

Gutenberg plugin wordpress

 

Es importante señalar que el plugin esta en fase beta y no es recomendable usarlo en sitios en producción ,es mejor que lo hagas en un entorno de pruebas o en un servidor local.

Al instalarlo y activarlo tu editor se vera de esta forma:

Gutemberg vista previa

A l izquierda tenemos el editor de bloques donde añadiremos y editaremos el contenido de estos y a la izquierda las herramientas de publicación de los bloques.

La verdad es que nos ofrece una interfaz mas clara y con mas espacio que solo se centra en el contenido y con pocas distracciones, los bloque los añadimos según vamos editando con el boton +:

Gutemberg bloques vista previa

A día de hoy dispone de bloques para lo mas clásico como:

  • Parrafos
  • Cabeceras
  • Sub cabeceras
  • Imagen
  • Code, para mostrar código
  • Video

Y otras cosas mas novedosas como;

  • Cover Image , Una imagen que puedes editar texto encima de ella.
  • Embebs para vídeo de todo tipo, redes sociales, spotify y mas cosas que no le veo el sentido a algunas.
  • Texto a dos columnas, muy interesante.
  • Y tablas , algo que no podíamos hacer sin plugins.

Hay mas , pero lo mejor es que lo testes tu , ya sea instalado el plugin o si no quieres hacerlo tienes la posibilidad de utilizar para probar el editor online que nos ofrecen en frontenberg.tomjn.com.

Yo lo he probado a fondo y tiene fallos como es normal porque esta en desarrollo , pero la cosa va para adelante y el cambio seguro sera para bien.

Desde que se comunico su salida Gutemberg a dado mucho que hablar y las opiniones sobre el proyecto son dispares , muchos des arrolladores tienen dudas por la retro-compatibilidad de esto con todo los plugins , temas y demás que hay en el mundo wordpress , aunque aun podremos utilizar el editor clásico , se esta trabajando para que sea progresivo el cambio del antiguo al nuevo editor .

En definitiva  yo estoy seguro que la final los grandes cambios siempre generan dudas si no no serian grandes.

Y tu que opinas? prueba Gutemberg y danos tu opinión dejando un comentario.

 

WP Customizer API – Controles por defecto del personalizador de wordpress

WP Customizer API – Controles por defecto del personalizador de wordpress

El customizador de wordpress es un api de wordpress que nos permite la modificación de los temas por parte del usuario.

Cuando creamos temas para WP podemos añadir nuestros propios ajustes para el tema con la WP customizer API , aunque el core de wordpress ya trae unas por defecto y es posible que las queramos modificar ya sea eliminando alguna que no se ajuste a nuestro tema o simplemente ajustar algún valor como su prioridad, el titulo del control o la descripción.

Para tratarlas primero debemos saber cuales son , estas son las secciones y las propiedades que se incluyen en ellas:

  1. Título del sitio y descripcion ( 'title_tagline'),20
      1. 'blogname'
      2. 'blogdescription'
    1. 'display_header_text'
  2. Colores ( 'colors'),40
    1. 'header_textcolor'
    2. 'background_color'
  3. Header Image ( 'header_image'),60
    1. 'header_image'
    2. 'header_image_data'
  4. Imagen de fondo ( 'background_image'),80
    1. 'background_image_thumb'
    2. 'background_repeat'
    3. 'background_position_x'
    4. 'background_attachment'
  5. Navegación ( 'nav'),100
    1. "nav_menu_locations[{$location}]"

Estas son las que vienen por defecto dentro de cada sección con el numero de prioridad al final.

Una imagen de las secciones:

y un ejemplo de las propiedades dentro de Título del sitio y descripción ( 'title_tagline'):

Como se puede observar se compone de los ajustes:

  1. 'blogname'
  2. 'blogdescription'
  3. 'display_header_text'

 

Para hacer cambios,  la api nos ofrece funcionalidad que podemos utilizar cambiando el valor de sus propiedades ya sea de un ajuste ,un control  o un panel, por ejemplo si queremos cambiar el ‘label’ de ‘blogname’ control  utilizaremos get_setting para acceder al ajuste y cambiamos su valor:

Este seria el resultado.

Podemos eliminar paneles , secciones o propiedades:


 

o podemos cambiar el orden en que se listan , tanto propiedades como secciones o paneles accediendo a la propiedad ‘priority’ ;

 

sabiendo esto y consultado la documentación de la API nos podemos reorganizar el personalizador para nuestro tema de la manera que queramos.

Si tienes algo que añadir sobre el tema deja un comentario , un saludo.

Meetup- Posibilidades y opciones de venta sobre wordpress

Meetup- Posibilidades y opciones de venta sobre wordpress

Hace menos de un mes dentro de la plataforma Meetup me uní al grupo de WordPress Barcelona , por si no la conocéis en ella se organizan grupos de toda España que hablan de tecnología ,organizan charlas , conferencias y comparten conocimientos . Yo no la conocía y di con ella por casualidad y ademas vi que había montado un grupo de WordPress Barcelona y me pareció muy interesante ya que no conozco mucha gente del sector y es bueno relacionarse con gente que comparte tu pasión , trabajo o la forma en que te tomes esto.

El primer evento que marcaron en el calendario y yo podía asistir fue la charla presentación que le da el titulo al post , de la mano de Jose Conti un destacado miembro de la comunidad wordpress de Barcelona , expuso las posibilidades de ecommerce con wordpress explicado algunas malas practicas al montar tiendas y como hacerlo bien , también posibles plugins para hacerlo como woocommerce , pasarelas de pago (alguna desarrollada por el), plugins para paketeria , facturación , etc… La verdad, muy interesante y didáctico , ademas luego los asistentes exponen dudas y preguntas donde entre todos se contestan y resuelven , todo esto me  aporto muchas ideas y resolvió algunas dudas que tenia sobre woocommerce. Una vez finalizado se hizo un piscolabis con cerveza y empanadillas que aportaron los patrocinadores de evento , lastima que me tuve que marchar y no puede tastar nada 🙁

Con todo esto me fui muy contento y con ganas de asistir a la siguiente . Si eres de Barcelona y te interesa el ecosistema wordpress puedes unirte al grupo o buscar otro que te interese, hay para todos los colores.

 

WhatsApp chat