Presiona esto: temas de Gatsby WP con Alexandra Spalato

Bienvenido a Press This, el podcast de la comunidad de WordPress de WMR. Aquí, el anfitrión David Vogelpohl se sienta con invitados de toda la comunidad para hablar sobre los problemas más importantes que enfrentan los desarrolladores de WordPress. La siguiente es una transcripción de la grabación original.

David Vogelpohl: Hola a todos y bienvenidos a Press This, los podcasts de la comunidad de WordPress en WMR. Este es su anfitrión, David Vogelpohl, apoyo a la comunidad de WordPress a través de mi función en WP Engine, y me encanta traer lo mejor de la comunidad para que escuche cada semana en prensa esto como un recordatorio, puede encontrarme en Twitter @wpdavidv , o puede suscribirse para presionar esto en iTunes, iHeartRadio, Spotify o descargar los últimos episodios en wmr.fm. En este episodio, vamos a hablar de algo bastante emocionante y son los temas de Gatsby WP. Y se une a nosotros para esa conversación el creador y fundador de los temas de Gatsby WP como para dar la bienvenida a deprimir esto. Alejandría Salado Alejandría, bienvenida.

Alexandria Salado: Gracias por recibirme.

DV: Me alegro mucho de tenerte aquí hoy. Ahora su su ¿Adónde está llamando aquí para este programa de hoy yo Alexandria.

AS: isla española de Mallorca. Islas Baleares, tu visa y es un sitio muy bonito.

DV: Eso es fantástico. Tengo que hacerlo allí. Han oído hablar de una visa. Yo nunca he estado allí en realidad. Escuchó. Es muy hermoso en las áreas. Eso es genial. Gracias por acompañarnos aquí. Para todos los demás escuchando. Sobre lo que vamos a entrevistar a Alexander hoy es sobre sus temas de Gatsby WP. Sus pensamientos sobre el valor de WordPress sin cabeza en general. Cómo los desarrolladores de WordPress están superando las barreras de entrada a WordPress sin cabeza. Y, por supuesto, cómo sus temas de Gatsby WP están jugando un papel para ayudar con eso. Bueno, Alexandria, te voy a hacer la misma pregunta que le hice a todos los invitados que presionen esto, pero ¿podrías contarme brevemente tu historia de origen de WordPress? ¿Cuándo usaste WordPress por primera vez?

AS: Bueno, comencé con WordPress hace 10 años, antes de eso, no tenía experiencia como grabador web o lo que sea. Así que ese fue mi punto de entrada. Y fue genial en este momento, estaba usando temas de WordPress sin codificar y luego entré en CSS y luego creé temas personalizados. Aprendí temas personalizados con los cursos de Sand Corner y es muy divertido porque comenzamos el equipo web de Gatsby con Zack unos años más tarde, pero en realidad era mi maestro, no nos conocíamos, mi maestro en línea. Luego integré el equipo de calibre y estaba realmente especializado en codificar temas desde cero, por lo que la gente me enviaba ese diseño y yo estaba haciendo el tema de WordPress Heigen WordPress, elaboré el backend de ellos usando mucho HTML y cosas así. Y luego cuando dicen, está bien, quiero hacer más cosas. soy predecible Así que siempre necesito explorar nuevos territorios y cosas. Y entonces decidí hacer JavaScript primero que vendría en Barcelona a medida que avanza hacia el sur 18. Y aquí es donde aprendí a reaccionar y después de eso me buscaron cosas nuevas que hacer. Y esto es lo que descubrió Gatsby. Y eso me prepara para construir para portar algún tema gratuito de WordPress para obtener visual solo en los 10 de 2019 y los temas tabber. Y podemos especializarnos en este nicho WordPress y Gatsby headless WordPress y, naturalmente, JP accom para crear temas premium, por supuesto,

DV: también parece que has hecho tu viaje por el espacio de WordPress. Sin embargo, si pudiéramos retroceder el reloj, ¿diría que hace años fue la primera vez que usó WordPress? Sí. Y dijiste que nunca creaste sitios o codificaste antes, ¿cuál fue la razón por la que lo usaste por primera vez?

AS: Creo que estaba buscando, empiezo con algunas plantillas HTML. Y soy un creativo, así que realmente me gustaba eso. Nunca pensé que terminaría programando para ser honesto. Estaba leyendo mi blog. Y creo que tu amigo me mostró temas de WordPress y me di cuenta de lo que puedo hacer con eso y descubrí esto ahora, realmente no me gusta trabajar con constructores. Pero cuando estaba empezando era mágico. Y sí, empiezo por eso empecé y fue genial porque me permite estirarme. Quería ser autónomo y no necesitaba tener un empleo, aunque no supiera programar. Diré que obtenga un tema y lo elimine para los clientes porque estaba trabajando para un editor de agencia que he podido esforzarme solo, lo cual no es posible. Creo que si comienzas codificando desde cero, puede ser mucho más complicado. Así que fue realmente un regalo del cielo descubrir trabajadores y sistemas.

DV: Impresionante. Así que estás rascando esa picazón creativa al ingresar al laboratorio allí hace 10 años, lo que abrió todas estas otras empresas que mencionaste, sin embargo, que comenzaste esta nueva compañía, supongo que los temas de Gatsby WP, y estás ofreciendo WordPress. temas creados para WordPress sin cabeza? ¿Es esa la esencia de lo que ofreces? Quiero decir, cuéntame un poco sobre lo que está pasando con los temas de Gatsby WP.

AS: Bueno, antes que nada, cuando ofrecemos temas de WordPress Gatsby, hemos estado usando WordPress, así que básicamente el significado de interminable es la oficina administrativa de WordPress o la oficina administrativa que a todos les encanta. Y tenemos el 14% de la web en WordPress, pero de es la pareja y Gatsby versus el futuro. ¿Qué haremos con el del próximo año? No lo sé. En algún momento olvidé algunos verbos de Gatsby. También lo extenderemos a otras plataformas y WordPress fue el backend. Pero ese es el back office en WordPress y el front en Gatsby básicamente en reaccionar para tener todas estas ventajas de velocidad, seguridad, SEO y muchas, muchas, muchas ventajas.

DV: Sí, ¿así que en el lado de las ventajas? Sabes, creo que la gente ha entendido el mensaje, sabes, hay beneficios de velocidad y seguridad con la arquitectura sin cabeza. Y sé que todavía hay la mayoría de los desarrolladores en el espacio de WordPress de todos modos que no están construyendo con derecho sin cabeza. En su opinión, ¿por qué un desarrollador tradicional de WordPress debería dar ese salto y aprender a construir con headless y luego supongo que la segunda parte de esa pregunta es, cree que si es una agencia independiente, hay clientes para vender? este tipo de construcciones hasta hoy? Entonces, de nuevo, ¿por qué alguien que conoces debería molestarse en dar el salto y aprenderlo y luego cómo crees que eso podría afectar a alguien con un negocio de agencia independiente?

AS: entonces sí, Zetlin dígitos, nuestras velocidades de sitio web son súper rápidas, cambiamos de página instantáneamente. A partir de ahí, tenemos SEO porque ahora nos ocupamos de los elementos vitales principales. Así que el SEO depende directamente de la velocidad. Así que la velocidad es básicamente la nueva respuesta aquí. Como, ya sabes, en este momento, estaba generando sitios que no responden, ahora han sido todos los sitios que no son lo suficientemente rápidos. Flex brinda más flexibilidad porque podemos tomar los datos de WordPress y construir las diferentes cosas. Y por supuesto la seguridad ya que la base de datos no está en la parte delantera. Así que los piratas informáticos no pueden tener Hydrilla Basic y AdWords de nuevo, desfigurado la cara. Por lo tanto, el sitio web que puede solucionarlo, un minuto después de que su sitio web de WordPress puede estar inactivo y terminado antes de que su sitio web esté activo. Así que eso es una gran ventaja. Entonces, a partir de ahí, realmente creo que la pila de atascos de stock en general es el futuro y se está volviendo muy, muy difícil. Entonces, creo que mucho fue en WP Engine que hubo un informe de que el 64% o algo así de los sitios web de empresas ya están en no desacoplados en JAMstack sin cabeza, así que creo que sí, especialmente una oportunidad de crecimiento para autónomos y agencias que son básicamente nuestro objetivo. Nuestros temas están más orientados a agencias y autónomos y para conocerte a ti mismo, incluso si lo extrañas, cualquier persona puede usarlo, pero creo que nuestros clientes son más del tipo de personas de CC porque creo que habrá más y más sitios web que son que todavía usan WordPress tradicional y queremos quedarnos sin cabeza, y luego estos desarrolladores podrán tomar este sitio web y transferirlo porque las personas y no tendrán que aprender una nueva oficina administrativa para sus equipos que no tendrán que transferir los datos para podría ser una gran ventaja para nosotros.

DV: Si pudiera intentar resumir que sonaba como los beneficios tradicionales de la velocidad, el rendimiento, la seguridad correctos sin cabeza, las implicaciones de SEO y otras implicaciones de este tipo de beneficios, pero también el futuro. De alguna manera señaló que la necesidad empresarial de WP Engine ilustra que muchas empresas que ya adoptaron esta tecnología y, por supuesto, a menudo serán las primeras en adoptarla. Parece que la idea es adelantarse a eso. Pero también parece que hay una demanda hoy en día por parte de las empresas que crean experiencias como esta, por lo que no todo es experimental. Y, de hecho, hay clientes que puede ganar como una agencia independiente que crea con WordPress, también sin cabeza, como la forma en que señaló el aspecto de lo que sabe, aprovechando un back-end con el que estas marcas están familiarizadas, ¿verdad? Ser capaz de adoptar la nueva tecnología en torno al desacoplamiento de JavaScript sin renunciar a la comodidad de la interfaz que los creadores de contenido conocen y adoran. ¿Eso suena como si fuera una buena oferta? ¿Como resumen de alto nivel allí?

AS: Sí, creo que sí. Es que estamos apenas en el comienzo del seguro sin cabeza y para presentar mostrando el camino pero posicionarnos ahora es un buen momento porque Oh, sí, no hay trabajo ahora. Sí, pero vamos a estar trabajando, vamos a estar abarrotados y entonces esa es una posición inclinada hacia adelante.

DV: Exacto. Bueno. Así que quiero hablarles sobre ese delantero, sin embargo, inclinándome mucho. Pero vamos a tomar nuestro primer descanso y volveremos enseguida.

DV: Hola a todos. Bienvenido de nuevo a la prensa de este podcast de la comunidad de WordPress. VMR Este es su anfitrión David Goalball. Y entrevistar a Alexandra de Gatsby WP themes sobre sus temas de WordPress de enfoque sin cabeza. Alexandra, antes de la pausa, estuvimos hablando un poco sobre sus pensamientos sobre por qué los desarrolladores deberían pensar en comenzar a construir con headless hablando sobre el tipo de beneficios centrales de headless pero también ese tipo de aspecto de inclinación hacia el futuro de adelantarse a la curva y aprovechando las oportunidades para las marcas que ya están adoptando headless particularmente en la empresa. Sin embargo, tengo curiosidad, como si pensara en que corrí, ya sabes, pero manejé una agencia de WordPress durante cinco años. Estoy muy familiarizado con la elección de tecnologías en el contexto en que una de las barreras, por supuesto, en la adopción de nuevas tecnologías es que estamos usando estas cosas aquí para hacer el trabajo en el que se está haciendo el trabajo. Entonces tienes este tipo de curva de adopción de como explorar algo nuevo y comenzar a construir con eso. Las herramientas internas son una parte importante para ayudar a las personas a llegar allí y sé que sus temas de Gatsby WP juegan un papel importante en eso, pero tengo curiosidad por saber qué otra cosa. Voy a hablarles más sobre la respuesta en un minuto. Tengo curiosidad por saber qué otros complementos o marcos has usado en tu propio viaje para aprender a crear JavaScript desacoplado con WordPress.

AS: Bien, entonces, gráfico WP. QL, por supuesto, es el centro de todo eso, y de todos los complementos que se crean a su alrededor y que se crearán porque la comunidad es muy activa y tenemos nuevos complementos todo el tiempo y más personas se conectarán a WP Graph QL y la mayoría de las adopciones serán más fáciles

DV: para la audiencia, para aquellos que no están familiarizados, como lo que hace WP Graph QL a un nivel muy alto.

AS: De acuerdo, entonces dependiendo de lo que WordPress sea una API REST y WP Graph QL ha creado la API Graph QL en WordPress, que ha sido superada por Jasmine Bowles que estaba trabajando en Gatsby como tareas en el trabajo como motor WP ahora y pero ayuda a conectarse de una manera muy agradable. WordPress con Gatsby junto a Val para ver cualquier otro marco JAMstack sin cabeza o simplemente reaccionar. Y así es este gráfico WP. QL mejora cada vez más gracias a Jason y es de código abierto y muchos desarrolladores están creando complementos en torno a los datos, uno que uso mucho es WP Graph QL. ACF porque me permite usar ACF que era mi complemento número uno en el WordPress tradicional. Y ahora puedo usar todo ACF y contenido flexible en Gatsby en modo sin cabeza y eso es genial.

DV: Eso es tal. Le he hecho esta pregunta a algunas personas a lo largo de los años, él no ha tenido cabeza y comenzó a aparecer en escena y nunca he tenido una especie de camino agradable, ¿verdad? Es como construir este tipo de sitios tradicionales de WordPress de pago ACF. Y luego voy a usar algo como Graph QL para ACF o, en general, como un puente como parte de mi puente, empezar a construir con los faros encendidos. No estoy seguro. Sé que hay toneladas de desarrolladores por ahí. Probablemente estemos pasando por el mismo viaje o pensando en el mismo tipo de pasos que fueron realmente útiles. Así que quiero cambiar de marcha ahora a menos que estén como, ¿hay alguna otra herramienta o marco que encuentres útil para la transición que mencioné?

AS: Una vez más, puede conectarse para el suyo. Así que el suyo es y tenemos datos de citas del complemento Gatsby de los años WP Graph QL para implementar SEO directamente en el tema Gatsby. Eso es muy útil porque todo está preparado. Para estar listo para SEO y bien hecho. Sí, ciertamente todos esos espíritus y todo en mente. Nos quedaremos con el Señor. Entonces, lo que es genial es WordPress y está funcionando Gatsby.

DV: Entonces, pero es interesante ver a más y más desarrolladores de complementos que conoces, adoptando el caso de uso sin cabeza y viendo que sabes que la inversión tuya allí es algo bueno. Sé que son mi lista recomendada para sem sin cabeza con seguridad. Entonces, cambiemos un poco de tema y hablemos sobre los temas de Gatsby WP para ayudarlo a comprender en qué se diferencian de un tema tradicional de WordPress. ¿Cómo qué? Sabes, obviamente, creo que los oyentes del programa están muy familiarizados con el trabajo tradicional de temas de WordPress. Pero, ¿en qué se diferencia la web de Gatsby?

A S: Está bien, es muy diferente porque nombrar temas no es lo mismo con WordPress y suele ser un tema de WordPress principalmente de presentación y la funcionalidad debe estar más entre paréntesis. En Gatsby, un tema diferente puede ser un conjunto de complementos, puede ser una configuración. Y ahora, especialmente, lo que hemos hecho está en un tema, ponemos, por ejemplo, un conjunto de ponemos las funcionalidades de las cosas que queremos reutilizar en diferentes lo que llamamos iniciadores. Entonces, el proyecto es un iniciador, y ahí es donde trae los estilos de la presentación, finalmente, en la primera versión del tema, estábamos haciendo lo mismo también con el estilo de dos componentes, pero nos dimos cuenta de que no era una buena idea porque si quieres cámbialo tienes que pasar lo que se llama presupuesto sombra. Tienes que copiar el componente y cambiarlo para que estén bien, eso es complicado. Así que mantenemos al equipo solo lo que necesita ser actualizado y compartido a través de la diferencia en, por ejemplo, comentarios, búsqueda, comentarios, una búsqueda de tema y desde allí puede en el inicio, importamos la barra de búsqueda o importamos el comentario para que sea un concepto diferente en Gatsby tenemos un tema y complementos o creamos ahora, por ejemplo, con elementos ACF, algunos bloques HTML que no serán laterales, se diseñarán mediante la reducción dentro del iniciador para que pueda reutilizarlos en muchos temas .

DV: ¿Esta construcción de temas que contienen funcionalidad no es parte de la base raíz? ¿Para qué headless es donde más de esa funcionalidad se maneja en el front-end? ¿Y es más una relación de API con esos backends?

AS: Sí, creo que sí. Sí, es para estilo APA. Sí, tomamos un juego femenino que incorpora este componente de esta funcionalidad de este tema y puedo mezclar Sí También podemos mezclar varios temas. Así que hay temas cargados en Gatsby que son bastante similares en cierto modo.

DV: Así que creo que para WordPress, como una de las grandes batallas en WordPress, como dijiste antes, se supone que los temas son la interfaz y los complementos son la funcionalidad. Y, por supuesto, toneladas de desarrolladores de temas incorporan funcionalidad en sus temas sin complementos. Entonces, parece que este fue un camino que muchos diseñadores de temas probablemente querían tomar, pero ya sabes, tal vez lo tomaron pero en realidad no se suponía que lo hicieran sin comillas en el WordPress tradicional, ¿es una evaluación justa? ¿Puedes repetir la pregunta? Sí, mencionaste anteriormente cómo la funcionalidad de construcción de WordPress en los temas no es realmente lo que se supone que debes hacer. Pero, por supuesto, sabemos que los desarrolladores de temas agregarán funcionalidad a sus temas directamente a los archivos de temas y complementos auxiliares. Entonces, lo que tengo curiosidad es con los temas de Gatsby WP, si ese deseo de incluir más funcionalidad en su tema como desarrollador de temas se realiza de alguna manera con la arquitectura de los temas web de Gatsby en comparación con los temas tradicionales.

AS: Creo que hay dos cosas diferentes, así que sí, poner push it in theme en WordPress no es una buena práctica. Creo que los complementos y creo que son temas de nombres. Hay dos cosas diferentes en el libro para hablar con los usuarios de WordPress. Tienen más que pensar en los temas de Gatsby como complementos que estamos haciendo, por ejemplo, para hacer un tema de comercio electrónico, pero básicamente traemos funcionalidad de comercio electrónico. Y cuando creamos nuevos componentes, y los diseñamos en el inicio y pensamos en el estado o el campo, pero el inicio no se actualizará, como los campos secundarios, por ejemplo. Así que creo que su nombre es confuso porque no represento lo mismo, pero son más similares a los complementos. temas Puedes hacer elementos de presentación y puedes poner funcionalidad para que puedas agrupar configuraciones en temas de Gatsby, y obtienes una sombra.

DV: Esa es una descripción muy útil porque creo que mucha gente asumiría que puede provenir más del espacio de WordPress de todos modos, estaban inclinados a operar como lo hace un tema de WordPress hoy. Pero creo que ese es un muy, muy buen punto de distinción. Gracias por detallar que en realidad estaba bien útil. Vamos a tomar un segundo descanso y volveremos enseguida.

DV: Todos bienvenidos de nuevo a presionar este podcast de la comunidad de WordPress en W EMR. Este es su anfitrión David Bowie Paul. Estoy entrevistando a Alexandra Squanto de Gatsby WP temas sobre su Gatsby WP Bates. Alexandria, justo antes del descanso, hablábamos un poco sobre las diferencias entre los temas de Gatsby WP y una especie de tema tradicional de WordPress que estaba investigando un poco antes de esta entrevista y vi en su sitio para aquellos interesados ​​en los temas de Gatsby WP. De alguna manera mencioné que los temas realmente no requieren habilidades de codificación, pero cuando comencé a revisar algunos de los detalles de implementación, parecía que requería algunas habilidades técnicas avanzadas para comenzar. Así que solo tengo curiosidad, como, ¿quién crees que es el usuario ideal? ¿O como la persona de nivel técnico más bajo que crees que podría ser una buena opción para los temas web de Gatsby? Y luego, si piensas en general si esta noción de ensamblador o bricolaje, sin cabeza realmente será una cosa en el futuro, porque parece que no es eso en este momento. Pero, ¿cuáles son tus pensamientos sobre eso?

AS: Bueno, primero, no requiere habilidades técnicas muy avanzadas, pero creo que es más psicológico. Porque si sigues la documentación paso a paso. Paréntesis más complicados, señaló el estudio de Geat Gadsby en el equipo. Así que creo que es más complicado en Windows porque Windows. Ahora hay una consola donde soy un usuario de Mac. Eso no es tan complicado y luego no tener miedo de abrir el editor de código de abrir la consola. Pero encima de eso solo hay que copiar y pegar y me han vuelto a mostrar, aprende con Jason en 10 minutos lo tienes todo arriba. Pero creo que algunas personas, psicológicamente, pueden tener miedo de ver el código y la consola. Muchas personas son así. Es complicado, pero no lo es, no necesita habilidades.

DV: Entonces, si ha superado su miedo a SFTP, puede superar su miedo a crear un entorno con una brecha. Exactamente.

AS: Ese es un buen ejemplo.

DV: Te entiendo. Lo tengo. Si ha abierto un editor de código y usa fragmentos de código, probablemente esté de acuerdo con las instrucciones de configuración. Entonces, al igual que WordPress, la mayoría de los trabajadores independientes de WordPress probablemente estarán bien aprovechando esto

AS: Absolutamente. Especialmente creo que ha sido un estudio de inspiración para presentar Génesis. Antes era realmente un desarrollador de Génesis.

DV: temas. ¿Estás familiarizado con él? También se encuentra en España. Oh sí. Hablar fuera del aire.

AS: Y sí, estoy trabajando con Genesis y fue agradable. Y me di cuenta de que la gente de Génesis era un afligido de este sitio web. Gratis que tiene objetivos comunes son las recetas. Y estamos planeando hacer eso para hacer tutoriales para mostrar que puedes hacer eso. Puede hacer eso y puede copiar el código y explicar cómo funciona. Así que a la gente le gusta incluso si no se les llama expertos, pero les gusta ensuciarse un poco y hacer cosas que les encantarán. Creo que es realmente genial que el público de Frances quiera modificar lo mismo con la domesticación del CSS y aplicar algunas recetas que hemos creado porque estamos preparando muchas cosas ahora. Eso puede ser realmente bueno y cualquier persona puede no tener miedo puede tomar su blog y tenerlo en Gatsby más fácilmente sin miedo por todo eso. Pero sí, básicamente me doy cuenta de que la mayoría de nuestros clientes son desarrolladores, incluso desarrolladores web, que no provienen de WordPress. Tuve dos casos de personas que vienen de WordPress y personas que vienen de reaccionar que no conocen WordPress. Entonces sí, es que la gente que viene a comprar los temas son más agencias, desarrolladores, autónomos. Pero tenga en cuenta que microkey space tenemos una cooperativa y Cisco ha hecho su sitio web en HTML y CSS y está interesado, por lo que hay personas que no están en este campo y que pueden usarlo totalmente. Si incluso dicen "me gusta", no es una barrera. No es totalmente abierto. Eso es lo que quiero decir.

DV: Sí, eso tiene mucho sentido. Y creo que esa es una de las cosas que sabes, WordPress sin cabeza o simplemente en general no se ha dado cuenta todavía es, ya sabes, llevar estos puentes de la tecnología más abajo en la pila de sofisticación, correcto, comenzando con los desarrolladores muy sofisticados que descienden. en menos sofisticado entrar en el ensamblador, o cultura de fragmentos de código, y luego tal vez eventualmente bricolaje, pero como, ya sabes, WordPress, cumple este papel. Para el desarrollo de PHP en el desarrollo de sitios web y aplicaciones desde el principio, y verlo ahora desempeñando un papel en herramientas como los temas Gatsby DVP jugaron un papel en cerrar esas brechas. Es interesante ver cómo eso contribuirá a la adopción de headless a largo plazo y estoy de acuerdo contigo, es el futuro y, afortunadamente, hay muchos colaboradores que están ayudando a crear herramientas para hacerlo más fácil. esto fue super interesante alexander

AS: Me di cuenta de que WP Engine traerá una solución para hacer que la entrada sea viral más fácil.

DV: Sí. En realidad, en el primer trimestre, lanzaremos algunas cosas más que harán que tengamos contenido de Atlas, casa modular JS en este momento, que son tres de código abierto. Tenemos algunas otras cosas que vienen en q1. Hablaremos más sobre eso más tarde. Pero gracias por llegar a eso. Gracias por estar con nosotros. Hoy dia. Alejandría. Esto fue muy interesante para ti. Si desea obtener más información sobre lo que Alexander está haciendo, visite GatsbyWPthemes.com. Gracias a todos por escuchar este podcast de la comunidad de WordPress y W Mr. Y este ha sido su anfitrión David Vogelpohl. Apoyo a la comunidad de WordPress a través de mi rol en WP Engine. Y me encanta traerles lo mejor de la comunidad aquí cada semana en Press This.