Gutenberg será en muy poco tiempo el nuevo editor de contenidos de WordPress, basado en "bloques", que hará que cambie nuestra manera de crear los contenidos en nuestros sitios. Pero, ¿está tu tema preparado para Gutenberg o vas a esperar que lo haga otro?
Con la implantación de Gutenberg en las próximas versiones de WordPress, se van a generar muchas oportunidades de empleo relacionadas con la adaptación de muchos sitios al nuevo editor.
Repasaremos las claves principales para adaptar cualquier tema al nuevo editor de contenidos.
Optimiza tu WordPress para móviles en media hora con AMPFernando Serer
Durante la media hora de la sesión aprenderemos qué es el proyecto AMP, en qué nos puede beneficiar, si es una tecnología que tendríamos que implementar en nuestra web y sobre todo, aprenderemos a adaptar nuestro WordPress para que sirva correctamente el contenido en este formato.
Pondremos en marcha los plugins necesarios para implementar esta tecnología y aprenderemos cómo realizar pequeños cambios para adaptar la representación gráfica a la imagen de nuestra web.
Tendencias WordPress y web 2020 | Fernando Tellado y Fernando Puente | Adicto...SiteGround España
Fernando Tellado y Fernando Puente presentaron en Adictos al Marketing 2019 los nuevos cambios que se esperan a nivel web y WordPress, como mejoras en rendimiento, nueva versión de HTTP/3, llegada del 5G para mejorar la velocidad mobile, WebP, Voice first o la implementación de Native Lazy Load. En cuanto a tendencias emergentes, destacaron el modelo A.S.P.I.R.E (Accesibilidad, Seguridad, Performance, Inclusión, diseño y edición Responsive y un compromiso Ético) y cómo la comunidad WordPress los aplica.
Link al vídeo de la presentación en directo: https://youtu.be/PztNDbJn_YM
WordPress: presente y futuro laboral - WordCamp Chiclana 2017Fernando Puente
Oportunidades laborales y autoempleo basadas en el aprendizaje y especialización de WordPress como herramienta y como ecosistema de otras muchas herramientas, tanto en el mercado actual como en mercados venideros.
WordPress se ha convertido en una plataforma multipropósito, y requiere de un sastre a medida de cada proyecto.
WordPress no es sólo para blogs, es una plataforma abierta y gratuita para crear valor en Internet.
WordPress permite crear casi cualquier tipo de proyecto o integrarse para crear cualquier proyecto
Mejorar la usabilidad y la conversion con WPO en WordpressRaiola Networks
Presentación utilizada en la ponencia de Alvaro Fontela de Raiola Networks en el DMD Madrid 2017, donde se habla de como utilizar técnicas de optimización WPO para conseguir una mejora radical en la conversión y en la usabilidad, provocando de rebote una subida de los beneficios aportados por cualquier proyecto web o ecommerce.
Optimiza tu WordPress para móviles en media hora con AMPFernando Serer
Durante la media hora de la sesión aprenderemos qué es el proyecto AMP, en qué nos puede beneficiar, si es una tecnología que tendríamos que implementar en nuestra web y sobre todo, aprenderemos a adaptar nuestro WordPress para que sirva correctamente el contenido en este formato.
Pondremos en marcha los plugins necesarios para implementar esta tecnología y aprenderemos cómo realizar pequeños cambios para adaptar la representación gráfica a la imagen de nuestra web.
Tendencias WordPress y web 2020 | Fernando Tellado y Fernando Puente | Adicto...SiteGround España
Fernando Tellado y Fernando Puente presentaron en Adictos al Marketing 2019 los nuevos cambios que se esperan a nivel web y WordPress, como mejoras en rendimiento, nueva versión de HTTP/3, llegada del 5G para mejorar la velocidad mobile, WebP, Voice first o la implementación de Native Lazy Load. En cuanto a tendencias emergentes, destacaron el modelo A.S.P.I.R.E (Accesibilidad, Seguridad, Performance, Inclusión, diseño y edición Responsive y un compromiso Ético) y cómo la comunidad WordPress los aplica.
Link al vídeo de la presentación en directo: https://youtu.be/PztNDbJn_YM
WordPress: presente y futuro laboral - WordCamp Chiclana 2017Fernando Puente
Oportunidades laborales y autoempleo basadas en el aprendizaje y especialización de WordPress como herramienta y como ecosistema de otras muchas herramientas, tanto en el mercado actual como en mercados venideros.
WordPress se ha convertido en una plataforma multipropósito, y requiere de un sastre a medida de cada proyecto.
WordPress no es sólo para blogs, es una plataforma abierta y gratuita para crear valor en Internet.
WordPress permite crear casi cualquier tipo de proyecto o integrarse para crear cualquier proyecto
Mejorar la usabilidad y la conversion con WPO en WordpressRaiola Networks
Presentación utilizada en la ponencia de Alvaro Fontela de Raiola Networks en el DMD Madrid 2017, donde se habla de como utilizar técnicas de optimización WPO para conseguir una mejora radical en la conversión y en la usabilidad, provocando de rebote una subida de los beneficios aportados por cualquier proyecto web o ecommerce.
Desarrollo de bloques de Gutenberg para programadores con poco tiempoMauricio Gelves
Mis plegarias fueron escuchadas. Sabía que tarde o temprano la Comunidad de WordPress se volcaría en crear un software que facilitase la creación de bloques de Gutenberg.
Elliot Condon y su equipo de desarrolladores, del reconocido plugin ACF, fueron los responsables de este milagro que me ha ahorrado decenas y decenas de horas (y dinero) en mis proyectos.
Acércate para ver lo fácil que es utilizarlo y cómo puedes, tú también, implementarlo en tus desarrollos.
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016Fernando Puente
Buenas prácticas y etapas clave del ciclo de vida para el desarrollo, lanzamiento y explotación, de un sitio web basado en WordPress desde su conceptualización.
Referencia a cada una de las fases, hitos e importancia a lo largo del proceso, así como de los roles involucrados en el mismo.
El objetivo es recorrer las fases del proceso de creación de un proyecto, donde establecer hitos y puntos de control, así como bucles, para llevarlo a cabo con altas probabilidades de éxito.
Estrategias de caché para un proyecto WordPress - WordCamp Bilbao 2017Fernando Puente
Estrategias y técnicas relacionadas con el uso de los sistemas de caché existentes: navegador, CDN de tipo DNS o de tipo storage, proxy inversa, plugins de WordPress, etc...
El objetivo de esta presentación es hacer participes a los asistentes de los distintos tipos de caché a utilizar, las mejoras en optimización que suponen y las estrategias para ponerlo en práctica.
Gutenberg revoluciona WordPress - Congreso Web 2018Fernando Puente
Un paso por lo que es y será Gutenberg dentro de WordPress
¿Qué es Gutenberg?
● Es el nuevo editor de contenidos de WordPress por
defecto a partir de la versión 5
● Editor para acercarse al máximo al WYSIWYG
● Ahora mismo, un plugin en el repositorio, todavía en
desarrollo
En nuestro día a día siempre nos encontramos con módulos contribuidos que tienen algún bug. En esta presentación explicamos cómo arreglarlos a la vez que contribuimos a la comunidad de Drupal con ello.
Revisaremos cómo completar tu perfil en drupal.org así como la issue queue, los estados de una issue y cómo añadir nuestros crear y añadir parches de la manera correcta.
¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…Fernando Puente
Todos queremos que nuestro proyecto con WordPress sea rápido, eficiente y ofrezca una experiencia de usuario satisfactoria. Sin embargo, hay ciertas prácticas comunes que pueden hacer que nuestro sitio sea lento, se degrade, o sea poco eficiente para ciertos dispositivos o redes, generando una mala experiencia de usuario y, finalmente, un peor posicionamiento en buscadores.
Plataforma, arquitectura, tecnología, configuraciones, código, diseño, tema, plugins, mantenimiento…, en resumen, todo afecta en mayor o menor medida al rendimiento de tu web.
Acompáñame en esta charla a identificar una gran cantidad de malas prácticas, puntos de mejora y ayudarte a encontrar soluciones para mejorar el WPO de tu proyecto con WordPress, garantizando así una mejor experiencia para tus usuarios y un mejor posicionamiento.
Uno de los factores más desconocidos y que más beneficio aporta en las estrategias de WPO es la carga condicional, dependiendo del entorno, dispositivo, página, momento, tipo de llamada, usuario…. y que es distinto para cada proyecto. Los beneficios más claros de su implementación son la mejora de la experiencia de tus visitantes, reducción de las necesidades de servidor y, finalmente, un mejor posicionamiento.
Acompáñame en esta charla a descubrir qué es y cómo implementar soluciones de carga condicional en múltiples escenarios para mejorar el WPO de tu proyecto con WordPress.
Más contenido relacionado
Similar a Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Desarrollo de bloques de Gutenberg para programadores con poco tiempoMauricio Gelves
Mis plegarias fueron escuchadas. Sabía que tarde o temprano la Comunidad de WordPress se volcaría en crear un software que facilitase la creación de bloques de Gutenberg.
Elliot Condon y su equipo de desarrolladores, del reconocido plugin ACF, fueron los responsables de este milagro que me ha ahorrado decenas y decenas de horas (y dinero) en mis proyectos.
Acércate para ver lo fácil que es utilizarlo y cómo puedes, tú también, implementarlo en tus desarrollos.
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016Fernando Puente
Buenas prácticas y etapas clave del ciclo de vida para el desarrollo, lanzamiento y explotación, de un sitio web basado en WordPress desde su conceptualización.
Referencia a cada una de las fases, hitos e importancia a lo largo del proceso, así como de los roles involucrados en el mismo.
El objetivo es recorrer las fases del proceso de creación de un proyecto, donde establecer hitos y puntos de control, así como bucles, para llevarlo a cabo con altas probabilidades de éxito.
Estrategias de caché para un proyecto WordPress - WordCamp Bilbao 2017Fernando Puente
Estrategias y técnicas relacionadas con el uso de los sistemas de caché existentes: navegador, CDN de tipo DNS o de tipo storage, proxy inversa, plugins de WordPress, etc...
El objetivo de esta presentación es hacer participes a los asistentes de los distintos tipos de caché a utilizar, las mejoras en optimización que suponen y las estrategias para ponerlo en práctica.
Gutenberg revoluciona WordPress - Congreso Web 2018Fernando Puente
Un paso por lo que es y será Gutenberg dentro de WordPress
¿Qué es Gutenberg?
● Es el nuevo editor de contenidos de WordPress por
defecto a partir de la versión 5
● Editor para acercarse al máximo al WYSIWYG
● Ahora mismo, un plugin en el repositorio, todavía en
desarrollo
En nuestro día a día siempre nos encontramos con módulos contribuidos que tienen algún bug. En esta presentación explicamos cómo arreglarlos a la vez que contribuimos a la comunidad de Drupal con ello.
Revisaremos cómo completar tu perfil en drupal.org así como la issue queue, los estados de una issue y cómo añadir nuestros crear y añadir parches de la manera correcta.
¿Te preocupa el rendimiento de tu web? No deberías estar haciendo esto…Fernando Puente
Todos queremos que nuestro proyecto con WordPress sea rápido, eficiente y ofrezca una experiencia de usuario satisfactoria. Sin embargo, hay ciertas prácticas comunes que pueden hacer que nuestro sitio sea lento, se degrade, o sea poco eficiente para ciertos dispositivos o redes, generando una mala experiencia de usuario y, finalmente, un peor posicionamiento en buscadores.
Plataforma, arquitectura, tecnología, configuraciones, código, diseño, tema, plugins, mantenimiento…, en resumen, todo afecta en mayor o menor medida al rendimiento de tu web.
Acompáñame en esta charla a identificar una gran cantidad de malas prácticas, puntos de mejora y ayudarte a encontrar soluciones para mejorar el WPO de tu proyecto con WordPress, garantizando así una mejor experiencia para tus usuarios y un mejor posicionamiento.
Uno de los factores más desconocidos y que más beneficio aporta en las estrategias de WPO es la carga condicional, dependiendo del entorno, dispositivo, página, momento, tipo de llamada, usuario…. y que es distinto para cada proyecto. Los beneficios más claros de su implementación son la mejora de la experiencia de tus visitantes, reducción de las necesidades de servidor y, finalmente, un mejor posicionamiento.
Acompáñame en esta charla a descubrir qué es y cómo implementar soluciones de carga condicional en múltiples escenarios para mejorar el WPO de tu proyecto con WordPress.
Protege a tu rey. Defiende tu contenido de amenazas, scraping, IA o malos act...Fernando Puente
Dicen que el contenido es el rey y que es el mayor tesoro de tu sitio web, tu mayor diferencial y tu propuesta de valor, pero nadie dice todo lo que cuesta idearlo, diseñarlo y generarlo, y lo fácil que es robarlo, beneficiarse o atentar contra él, afectando de manera directa contra tu negocio. ¿Y si empiezas a protegerlo?
Acompáñame en esta charla a descubrir estrategias para proteger a tu rey, tu contenido digital, de cualquier mal actor que se beneficia o atenta contra tu sitio web con WordPress, manteniendo todas las funcionalidades necesarias para tus visitantes.
WordPress es la plataforma de código abierto que se ha convertido en el sistema de gestión de contenidos más popular en todo el mundo. A menudo se asocia con la creación de blogs, lo sabemos, pero en realidad su capacidad tecnológica va mucho más allá. ¿Sabes cuantos posibles modelos de negocio eres capaz de construir gracias a WordPress? Alerta de spoiler: muchos.
Existen multitud de oportunidades por desarrollar, desde el autoempleo basado en el aprendizaje y explotación de este CMS hasta la creación de herramientas o productos que enriquezcan su ecosistema, de nicho o masivos, personalizados o empaquetados, locales o globales.
Acompáñame en esta charla a descubrir una gran cantidad de oportunidades de negocio aprovechando todo el potencial que ofrece WordPress, descubrirás cómo esta plataforma puede ser una herramienta ideal para construir tu desarrollo profesional, tu propia empresa o para enriquecer y expandir tu negocio actual.
WordCamp Cartagena 2023 #WCCT
Optimiza tus webs a bajo costo - WCVenezuela2021Fernando Puente
HTTP/2, Brotli, minify, un buen DNS, CDN, tecnologías de cache o una buena conectividad son elementos "low cost" de optimización que podemos incorporar en nuestro proyecto con WordPress. ¿Sabes que grandes medios y plataformas todavía no incorporan estas estrategias de optimización que están a tu disposición?
Hace algunos años, el presupuesto en TI era determinante para ser competitivo, tanto en rendimiento como en capacidad de los sistemas, pero los tiempos han cambiado, para bien. Déjame mostrarte ejemplos de cómo competir con los grandes y ser más rápidos y eficientes con un presupuesto "low cost".
El éxito de WordPress es imparable y su cuota de mercado, superando ya el 40%, en Internet, aunque creciente, tiende a estabilizarse pero, ¿tiene tope esta cuota?, ¿puede crecer continuamente?, ¿qué debe mejorar, mantener o eliminar para crecer en otros sectores o mercados alejados del blogging o los medios en general?, ¿cuales son los competidores principales y qué están haciendo para crecer o competir con WordPress? Software libre, facilidad de uso, ecosistema, comunidad, etc… seguirán siendo los pilares principales sobre los que afrontar el futuro cercano de WordPress pero no deben ser los únicos. Acompáñame a conocer el estado actual de implantación de WordPress como CMS y/o herramienta para el desarrollo de proyectos en Internet, y los retos cercanos a nivel de marketing, tecnología o negocio a los que se enfrenta para seguir creciendo en implantación.
Los plugins, los temas, el hosting, las fuentes, los maquetadores, la caché, la publicidad, la base de datos.... muchos son los factores que pueden afectar a la velocidad o rendimiento de tu web, ¿seguro? ¿todos te afectan a ti?
La velocidad de tu sitio es uno de los factores importantes para tener una mejor experiencia de usuario y un mejor posicionamiento en buscadores pero, ¿sabes por qué tu sitio es rápido o lento?, ¿qué elementos afectan a la velocidad y cómo prevenirlos o minimizarlos o corregirlos? Existen cantidad de elementos, conocidos o no, dentro de nuestro proyecto web desarrollado con WordPress que pueden incidir en el rendimiento y en una posible mala experiencia, aumento de costes e incluso generar pérdidas en las ventas.
Acompáñame a conocer los factores que pueden afectar en la velocidad de carga de las páginas de tu web y en el rendimiento en general.
Comprender todos los posibles factores que afectan al rendimiento de un proyecto con WordPress, así como la importancia de cada uno de ellos, para poder minimizarlos, desestimarlos o anularlos
WordCamp Spain 2020
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressFernando Puente
La nueva implementación del protocolo HTTP sobre QUIC (HTTP/3) o la última versión de PHP (PHP 7.4) son sólo dos de las últimas novedades tecnológicas relacionadas con la mejora de rendimiento de nuestro sitio web desarrollado con WordPress.
Acompáñame a conocer que nuevas estrategias y técnicas, ya disponibles o de inminente aparición, puedes incorporar a tu proyecto web para mejorar y optimizar el rendimiento del mismo.
WordCamp Zaragoza 2020
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019Fernando Puente
¿Vives en el pasado o piensas que si algo funciona mejor no tocarlo? ¿Todavía sin actualizar a WordPress 5.x o sin usar el nuevo editor de bloques? ¿Miedo a actualizar o a lo desconocido? Ya sabes que puedes utilizar el plugin Editor clásico para resolver todos tus problemas de integración con las nuevas versiones, actualizar y seguir trabajando con normalidad con tu web pero, ¿sabes que esa solución es limitada en el tiempo y que se trata de una deuda tecnológica para tu proyecto?
Acompáñame a entender qué se conoce como deuda tecnológica o técnica, cómo afecta a tus proyectos y a los de tus clientes, ejemplos en proyectos con WordPress y cómo poner soluciones.
Tipologías de migración - WordCamp Valencia 2019Fernando Puente
¿Piensas que una migración consiste en cambiar de proveedor de hosting tu proyecto? Un cambio de estructura en tus contenidos, un rediseño o añadir HTTPS a tu proyecto, ¿no los consideras una migración? Entonces trataré de convencerte con esta charla donde trataré de describir el concepto de migración de un proyecto a cualquier evento que produzca cambios en tu sitio que pueden afectar a la UX, a la visibilidad, al rendimiento o al consumo del contenido.
Acompáñame a entender qué tipologías de migración existen, cómo identificarlas, evitar posibles incidencias y aplicar procesos clave en tus proyectos con WordPress.
WordCamp Valencia 2019
Básicos para medir tu web - Taller de iniciaciónFernando Puente
La velocidad de tu sitio es uno de los factores importantes para tener una mejor experiencia de usuario y un mejor posicionamiento en buscadores pero, ¿sabes por qué tu sitio es rápido o lento?, ¿qué elementos afectan a la velocidad y cómo prevenirlos o corregirlos?
Descubre los factores que pueden afectar en la velocidad de carga de las páginas de tu web y en el rendimiento en general, y aprende a medirlos y evaluarlos.
Meetup WordPress Tenerife
Primeros pasos con WPO: aprende a analizar tu web - TallerFernando Puente
La velocidad de tu sitio es uno de los factores importantes para tener una mejor experiencia de usuario y un mejor posicionamiento en buscadores pero, ¿sabes por qué tu sitio es rápido o lento?, ¿qué elementos afectan a la velocidad y cómo prevenirlos o corregirlos?
Descubre los factores que pueden afectar en la velocidad de carga de las páginas de tu web y en el rendimiento en general, y aprende a medirlos y evaluarlos.
Congreso Web 2019 #CW19
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!Fernando Puente
La velocidad de tu sitio es uno de los factores importantes para tener una mejor experiencia de usuario y un mejor posicionamiento en buscadores pero, ¿sabes por qué tu sitio es rápido o lento?, ¿qué elementos afectan a la velocidad y cómo prevenirlos o corregirlos? Existen cantidad de elementos, conocidos o no, dentro de nuestro proyecto web normalmente desarrollado con un CMS que pueden incidir en el rendimiento y en una posible mala experiencia, aumento de costes e incluso generar pérdidas en las ventas.
Descubre los factores que pueden afectar en la velocidad de carga de las páginas de tu web y en el rendimiento en general.
Congreso Web 2019 #CW19
WordPress de la A a la Z. Guía de todos los términos que debes conocer y que ...Fernando Puente
Entradas, páginas, plugins, etiquetas…. todo conocido hasta que empiezan a hablarte de certificados, temas hijo, post types, roles o del cron interno y desconectas de la conversación con cara de no entender nada.
¿Quieres ser más wordpresero que tu cuñado? No lo dudes más y acompáname a entender y familiarizarte con unos cuantos conceptos que rodean al desarrollo y explotación de sitios web desarrollados con WordPress.
Ponencia en WordCamp Irun 2019
¿Utilizas algún sistema de analítica web en tu sitio? ¿Sabes entenderlo, interpretarlo y sacar conclusiones? La analítica es la herramienta que nos permite entender el uso exacto, con datos, de nuestro sitio y el primer factor de mejora para nuestro negocio.
Casi un 70% de los sitios utilizan algún sistema externo de análisis del tráfico pero la gran mayoría lo utilizan exclusivamente como auditor para constatar todo lo que pasa, en vez de analizar los datos y extraer conclusiones para mejorar o entender el proyecto web.
Acompáñame a descubrir qué nos puede aportar la analítica a nuestro proyecto web, qué parámetros nos interesan en función de nuestro proyecto o negocio y, sobre todo, qué tenemos que mejorar en nuestro proyecto, de una manera didáctica y con un lenguaje para todos.
WordCamp Bilbao 2019
Retos de WordPress para llegar al 50% de Internet Fernando Puente
El auge de WordPress es imparable y su cuota de mercado en Internet, aunque creciente, tiende a estabilizarse pero, ¿tiene techo esta cuota?, ¿puede crecer exponencialmente?, ¿qué debe mejorar, mantener o eliminar para crecer en otros sectores o mercados alejados del blogging o los medios en general?, ¿cuales son los competidores principales y qué están haciendo para crecer o competir con WordPress?
Software libre, facilidad de uso, ecosistema, comunidad, etc... seguirán siendo los pilares principales sobre los que afrontar el futuro cercano de WordPress pero no deben ser los únicos.
Acompáñame a conocer el estado actual de implantación de WordPress como CMS y/o herramienta para el desarrollo de proyectos en Internet, y los retos cercanos a nivel de marketing, tecnología o negocio a los que se enfrenta para seguir creciendo en implantación.
El servicio de cron de WordPress, un desconocido y necesario aliado. Entiende cómo funciona el servicio cron de WordPress, cómo afecta al rendimiento, por qué falla, cómo manejarlo, mejorarlo y dominarlo para el éxito de tu proyecto web.
WordCamp Las Palmas de Gran Canaria 2019
Uno de los factores más desconocidos y que más beneficio aporta en las estrategias de WPO es la carga condicional de plugins, dependiendo del entorno, página, tipo de llamada, usuario.... y que es distinto de cada proyecto. Aprende a desarrollar un plugin que controle la carga condicional de los plugins instalados y activos, cómo manejarlo en multitud de escenarios posibles y mejorar el rendimiento de tu sitio reduciendo notablemente la carga en el servidor.
Aquí el video del taller impartido en WC Zaragoza 2019 - https://wordpress.tv/2019/01/27/fernando-puente-taller-wpo-carga-condicional-de-plugins/
Como escalar tu infraestructura técnica para un proyecto WordPress o WooCommerce, desde una instalación básica hasta un macro proyecto web global. Desde la más conocida implementación con un simple servidor hasta una enorme infraestructura en varios datacenters en diferentes continentes para grandes proyectos. Entiende cuales son los niveles de escalado de una plataforma WordPress
KAWARU CONSULTING presenta el projecte amb l'objectiu de permetre als ciutadans realitzar tràmits administratius de manera telemàtica, des de qualsevol lloc i dispositiu, amb seguretat jurídica. Aquesta plataforma redueix els desplaçaments físics i el temps invertit en tràmits, ja que es pot fer tot en línia. A més, proporciona evidències de la correcta realització dels tràmits, garantint-ne la validesa davant d'un jutge si cal. Inicialment concebuda per al Ministeri de Justícia, la plataforma s'ha expandit per adaptar-se a diverses organitzacions i països, oferint una solució flexible i fàcil de desplegar.
En este documento analizamos ciertos conceptos relacionados con la ficha 1 y 2. Y concluimos, dando el porque es importante desarrollar nuestras habilidades de pensamiento.
Sara Sofia Bedoya Montezuma.
9-1.
Catalogo General Electrodomesticos Teka Distribuidor Oficial Amado Salvador V...AMADO SALVADOR
El catálogo general de electrodomésticos Teka presenta una amplia gama de productos de alta calidad y diseño innovador. Como distribuidor oficial Teka, Amado Salvador ofrece soluciones en electrodomésticos Teka que destacan por su tecnología avanzada y durabilidad. Este catálogo incluye una selección exhaustiva de productos Teka que cumplen con los más altos estándares del mercado, consolidando a Amado Salvador como el distribuidor oficial Teka.
Explora las diversas categorías de electrodomésticos Teka en este catálogo, cada una diseñada para satisfacer las necesidades de cualquier hogar. Amado Salvador, como distribuidor oficial Teka, garantiza que cada producto de Teka se distingue por su excelente calidad y diseño moderno.
Amado Salvador, distribuidor oficial Teka en Valencia. La calidad y el diseño de los electrodomésticos Teka se reflejan en cada página del catálogo, ofreciendo opciones que van desde hornos, placas de cocina, campanas extractoras hasta frigoríficos y lavavajillas. Este catálogo es una herramienta esencial para inspirarse y encontrar electrodomésticos de alta calidad que se adaptan a cualquier proyecto de diseño.
En Amado Salvador somos distribuidor oficial Teka en Valencia y ponemos atu disposición acceso directo a los mejores productos de Teka. Explora este catálogo y encuentra la inspiración y los electrodomésticos necesarios para equipar tu hogar con la garantía y calidad que solo un distribuidor oficial Teka puede ofrecer.
3. BIO
@fpuenteonline - Informático de vocación y de
profesión,
formador ocasional y beginner de comer y beber.
Desde 1996 trabajando en TI, los últimos 12 en medios
de comunicación online y comercio electrónico
• Consultor Enterprise en SiteGround
• Consultor Desarrollo de Negocio en YITH
• CTO de Exprime Viajes y Dormir de Chollo
• Formador en Fundación COPE
• Consultor freelance especializado en performance
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
10. Hoja de ruta
0. Previo
1. Entorno de pruebas
2. Instalar plugin Gutenberg
3. Test de Gutenberg con nuestro tema
4. Test de bloques con nuestro tema
5. Toma de decisiones
6. Adaptar tema
7. Paso a producción
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
11. 0.- Previo
• Page-builders: consultar estado del desarrollo
• Github Gutenberg - “[Type] Plugin / Theme
interoperability”
https://tinyurl.com/wcsevillathemesproblem
• Gutenberg Plugin Compatibility
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
https://plugincompat.danielbachhuber.com/
12. 1.- Entorno de pruebas
Entorno de test, desarrollo, staging, local, clon, es decir,
un entorno seguro donde podamos realizar pruebas sin
“romper” el sitio en producción.
Lo más similar al entorno de producción en cuanto a
contenidos, versiones, tema y plugins activos.
Con tu tema actual.
Nota: verificar siempre que no tenemos opciones de
caché durante las pruebas que no modifiquen el
resultado
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
13. 2.- Instalar y activar Gutenberg
A día de hoy, Gutenberg es un plugin en el repositorio
oficial, hasta su incorporación en el core
Versión actual 3.2.0 (utilizada en la charla)
Requiere WordPress 4.9.6 (última es 4.9.7)
Desde este momento, es posible editar Entradas
y Páginas con el editor clásico y el nuevo editor
Gutenberg (defecto)
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
14. A día de hoy, Gutenberg es un plugin en el repositorio
oficial, hasta su incorporación en el core
Versión actual 3.2.0 (utilizada en la charla)
Requiere WordPress 4.9.6 (última es 4.9.7)
Desde este momento, es posible editar Entradas
y Páginas con el editor clásico y el nuevo editor
Gutenberg (defecto)
También seguirán disponibles tus
page builders
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
2.- Instalar y activar Gutenberg
15. 3.- Test de Gutenberg
Dispone de una página Demo
El plugin añade automáticamente
el siguiente código que incluye
un CSS con las clases que utiliza
el nuevo editor en el front-end:
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
<link rel='stylesheet' id='wp-core-blocks-css'
href='https://misitio.com/wp-content/plugins/
gutenberg/build/core-blocks/style.css?
ver=1530962659' type='text/css' media='all' />
17. 4.- Test de bloques (versión 1)
- Añadir una nueva entrada
- Insertar diferentes tipos de bloques
- Guardar y publicar
- ¿Funciona? ¿Diseño back igual o parecido al front?
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
18. 4.- Test de bloques (versión 2)
- Añadir una nueva entrada
- Cambiar el modeo del Editor a Editor de código
- Copiar y pegar el texto del siguiente enlace:
https://tinyurl.com/wcsevillagutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
20. 4.- Test de bloques (versión 2)
- Añadir una nueva entrada
- Cambiar al Editor de código
- Copiar y pegar el texto del siguiente enlace:
https://tinyurl.com/wcsevillagutenberg
- Volver al Editor visual (bloques generados)
- Guardar y publicar
- ¿Funciona? ¿Diseño back igual o parecido al front?
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
22. 5.- Toma de decisiones
Opción Adaptar tu tema
• Pequeños ajustes visuales front-end: reescribir
clases Gutenberg, o eliminar el CSS de Gutenberg
y aplicar uno propio
• Extender el tema para las nuevas funcionalidades
• Añadir a Gutenberg diseños de nuestro tema
• Mantener los contenidos anteriores con el editor
clásico o migrar aquellos contenidos de interés
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
23. 5.- Toma de decisiones
Opción Borrón y nuevo tema
• Elección de nuevo tema, compatible 100%
Gutenberg
• Migración de contenidos
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
24. 5.- Toma de decisiones
Opción Caerse de Gutenberg
• Desactivar plugin/funcionalidad Gutenberg
cuando sea necesario (¿conoces “No Gutenberg”
de Fernando Tellado?)
• Mantener tema actual
• Verificar las actualizaciones de los plugins
utilizados en nuestro sitio
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
25. 6.- Adaptar tema
Opción 1: adaptar Gutenberg a nuestro tema
• Mejor control visual y buenas prácticas
• Reescribir los estilos de Gutenberg a los bloques
para adaptarlos a nuestro tema (+ opción 2)
Opción 2: extender Gutenberg a nuestro tema
• Fácil y rápido
• Adaptar front y back
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
26. 6.1.- Rediseñar Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
//Sustituir CSS de front-end de Gutenberg
function remove_gutenberg_styles() {
wp_dequeue_style( 'wp-core-blocks' );
wp_enqueue_style( 'my-core-blocks',
get_template_directory_uri() . '/blocks-style.css');
}
add_action( 'wp_print_styles',
'remove_gutenberg_styles', 100 );
Paso 1:
- Eliminar el CSS que incluye Gutenberg en el front y
reemplazarlo por nuestros propios estilos de bloques
- Archivo CSS base de Gutenberg:
/plugins/gutenberg/build/core-blocks/style.css
28. 6.1.- Rediseñar Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
//Estilos para Gutenberg Editor and Front end.
function add_new_gutenberg_css() {
wp_enqueue_style( 'extra-gutenberg',
get_template_directory_uri() . '/xtra-style.css');
}
add_action( 'enqueue_block_assets',
'add_new_gutenberg_css' );
Paso 2:
- Incluir los estilos comunes en front y back, por
ejemplo, colores o fuentes o clases adicionales
30. 6.1.- Rediseñar Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
Paso 3:
- Eliminar el CSS que incluye Gutenberg en el back y
reemplazarlo por nuestros propios estilos de front y
back
- Archivo CSS base de Gutenberg:
/plugins/gutenberg/build/core-blocks/style.css
- Añadir nuestro CSS para adaptar Gutenberg en el
back, sobreescribiendo los estilos del editor
31. 6.1.- Rediseñar Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
//Eliminar CSS de bloques Gutenberg del editor
function add_new_gutenberg_backend_css() {
wp_dequeue_style( 'wp-core-blocks' );
wp_enqueue_style( 'my-core-blocks',
get_template_directory_uri() . '/blocks-style.css');
wp_enqueue_style( 'backend-gutenberg',
get_template_directory_uri() . '/backend-style.css');
wp_enqueue_style( 'open-sans-google-fonts', 'https://
fonts.googleapis.com/css?family=Open+Sans:300italic,
400italic,700italic,400,700,300');
}
add_action( 'enqueue_block_editor_assets',
‘add_new_gutenberg_backend_css’,);
Paso 3 (continuación):
33. 6.- Adaptar tema
Opción 1: adaptar Gutenberg a nuestro tema
• Mejor control del diseño y buenas prácticas
• Reescribir los estilos de Gutenberg para
adaptarlos a nuestro tema (+ opción 2)
Opción 2: extender Gutenberg a nuestro tema
• Fácil y rápido
• Adaptar front y back
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
34. 6.2.- Extender Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
Paso 1:
En nuestro functions.php, añadir dos opciones más de
alineación para ciertos bloques: ancho amplio y ancho
completo
function extend_gutenberg_for_me() {
// Theme supports wide images, galleries and videos.
add_theme_support( 'align-wide' );
}
add_action( 'after_setup_theme',
'extend_gutenberg_for_me' );
35. 6.2.- Extender Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
Paso 1 (continuación):
Añadir las nuevas clases (.alignwide y .alignfull) a
nuestro archivo CSS del tema
/* Gutenberg Ancho amplio */
.entry-content > .alignwide {
max-width: 1100px;
}
/* Gutenberg Ancho completo */
.entry-content > .alignfull {
max-width: 100%;
}
36. 6.2.- Extender Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
/*classes*/
.mayusculas {
text-transform: uppercase;
}
.mayusculas-open-sans {
font-family: "Open Sans";
text-transform: uppercase;
font-weight: bold;
}
Paso 2 (opcional):
Crear CSS adicionales para los
archivos front y del editor
37. 6.2.- Extender Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
Paso 3:
Eliminar la posibilidad de usar el “Selector de color
personalizado”
function extend_gutenberg_for_me() {
// Disables custom colors in block color palette.
add_theme_support( 'disable-custom-colors' );
}
add_action( 'after_setup_theme',
'extend_gutenberg_for_me' );
38. 6.2.- Extender Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
Paso 4 (continuación):
Crear colores personalizados de texto y fondo
(functions.php)
function extend_gutenberg_for_me() {
// Disables custom colors in block color palette.
add_theme_support( 'disable-custom-colors' );
// Make specific theme colors available in the editor.
add_theme_support( 'editor-color-palette',
array(
'name' => 'azulon',
'color' => '#1767ef',
),
array(
'name' => 'gris clarito',
'color' => '#eee',
),
array(
'name' => 'gris oscuro',
'color' => '#444',
));
}
add_action( 'after_setup_theme', 'extend_gutenberg_for_me' );
39. 6.2.- Extender Gutenberg
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline
Paso 4 (continuación):
Crear colores personalizados de texto y fondo
(styles.css)
/* Colores */
.has-azulon-background-color {
background-color: #1767ef;
}
.has-azulon-color {
color: #1767ef;
}
.has-gris-clarito-background-color {
background-color: #eee;
}
.has-gris-clarito-color {
color: #eee;
}
.has-gris-oscuro-background-color {
background-color: #444;
}
.has-gris-oscuro-color {
color: #444;
}
40. 7.- Paso a producción
- Activar el plugin Gutenberg o esperar al nuevo core
- Subir los cambios al entorno de producción
- Mantener el editor clásico para los contenidos
antiguos
- Editar los nuevos contenidos con Gutenberg
- Adaptar contenidos antiguos a los
nuevos bloques, manualmente o
con la función “Convertir en
bloques”
Adapta tu tema a Gutenberg – WordCamp Sevilla 2018 - @fpuenteonline