Press This: Gatsby WP Themes com Alexandra Spalato

Bem-vindo ao Press This, o podcast da comunidade WordPress do WMR. Aqui, o anfitrião David Vogelpohl se senta com convidados de toda a comunidade para falar sobre os maiores problemas enfrentados pelos desenvolvedores do WordPress. Segue a transcrição da gravação original.

David Vogelpohl: Olá a todos e bem-vindos ao Press This, os podcasts da comunidade WordPress no WMR. Este é o seu anfitrião, David Vogelpohl, eu apoio a comunidade WordPress através da minha função no WP Engine, e adoro trazer o melhor da comunidade para você ouvir todas as semanas na imprensa como um lembrete, você pode me encontrar no Twitter @wpdavidv , ou você pode se inscrever para pressionar isso no iTunes, iHeartRadio, Spotify ou baixar os episódios mais recentes em wmr.fm. Neste episódio, vamos falar sobre algo bem empolgante e são os temas Gatsby WP. E juntando-se a nós para essa conversa está o criador e fundador dos temas Gatsby WP gostam de dar boas-vindas a isso. Alexandria Salado Alexandria, bem-vindo.

Alexandria Salado: Obrigado por me receber.

DV: Estou tão feliz por ter você aqui hoje. Agora seu seu onde você está ligando aqui para este show hoje I Alexandria.

AS: ilha espanhola de Maiorca. Ilhas Baleares, seu visto e é um lugar muito legal.

DV: Isso é fantástico. Eu tenho que fazer isso lá. Eles ouviram falar de visto. Eu nunca estive lá, na verdade. Ouvi. É muito bonito nas áreas. Fantástico. Obrigado por se juntar a nós aqui. Para todos os outros que estão ouvindo. O que vamos entrevistar Alexander hoje são os temas do Gatsby WP. Seus pensamentos sobre o valor do WordPress sem cabeça em geral. Como os desenvolvedores do WordPress estão superando as barreiras para entrar no WordPress sem cabeça. E, claro, como seus temas Gatsby WP estão desempenhando um papel para ajudar nisso. Bem, Alexandria, vou fazer a mesma pergunta que fiz a todos os convidados, mas você poderia me contar brevemente sua história de origem do WordPress? Quando você usou o WordPress pela primeira vez?

AS: Ok, então eu comecei com o WordPress há 10 anos, antes disso, eu não tinha experiência como gravação na web ou qualquer outra coisa. Então esse foi o meu ponto de entrada. E foi ótimo neste momento eu estava usando temas do WordPress sem codificação e depois entrei em CSS e depois criei temas personalizados. Aprendi temas customizados com os cursos do Sand corner e é muito divertido porque começamos a equipe web Gatsby com Zack alguns anos depois, mas era realmente meu meu professor não nos conhecíamos online. Então eu integrei a equipe do calibre e eu era realmente especializado em codificar temas do zero, então as pessoas estavam me enviando esse design e eu estava fazendo o tema WordPress Heigen WordPress, elaborado backend deles usando muito HTML e coisas assim. E então quando eles dizem, Ok, eu quero fazer mais coisas. Eu sou previsível. Então eu sempre preciso, explorar novos territórios e coisas. E então eu decidi fazer JavaScript primeiro que viria em Barcelona como vai para o sul 18. E foi aqui que eu aprendi a reagir e depois disso fui procurado por coisas novas para fazer. E foi isso que descobri Gatsby. E isso me prepara para construir para portar algum tema gratuito do WordPress para obter visual apenas nos temas 10s e tabber de 2019. E e podemos nos especializar neste nicho WordPress e Gatsby sem cabeça WordPress e naturalmente JP accom para fazer temas premium, é claro,

DV: também parece que você fez sua jornada pelo espaço WordPress. Se pudéssemos voltar no tempo, você diz que anos atrás é a primeira vez que você usa o WordPress? Sim. E você disse que nunca construiu sites ou codificou antes qual foi a razão pela qual você o usou pela primeira vez?

AS: Acho que estava pesquisando e comecei com alguns templates HTML. E eu sou um criativo, então eu estava realmente gostando disso. Eu nunca pensei que acabaria codificando para ser honesto. Eu estava lendo meu blog. E acho que seu amigo me mostrou temas do WordPress e percebi o que posso fazer com isso e descobri isso agora que realmente não gosto de trabalhar com construtores. Mas quando eu estava começando era mágico. E sim, eu comecei com isso e foi ótimo porque me permite me alongar. Queria ser freelancer e não precisava estar empregado, mesmo não sabendo programar. Direi para obter um tema e excluí-lo para os clientes porque estava trabalhando para um editor de agência que consegui me esticar sozinho, o que não é possível. Acho que se você começar a codificar do zero, pode ser muito mais complicado. Então foi realmente uma dádiva de Deus descobrir trabalhadores e sistemas.

DV: Incrível. Então você está coçando essa coceira criativa entrando no laboratório há 10 anos, que abriu todos esses outros empreendimentos que você mencionou, no entanto, que você iniciou essa nova empresa, acho que temas Gatsby WP, e você está oferecendo WordPress temas criados para WordPress sem cabeça? É essa a essência do que você oferece? Quero dizer, conte-me um pouco sobre o que você está fazendo com os temas do Gatsby WP.

AS: Ok, então, antes de tudo, quando estamos oferecendo temas WordPress Gatsby, estamos usando o WordPress, então basicamente é o significado de infinito, é o back office do WordPress ou o back office que todo mundo adora. E nós temos 14% da web no WordPress, mas do casal e Gatsby versus o futuro. vamos fazer com o ano que vem eu não sei por algum momento eu esqueci alguns verbos Gatsby também vamos estender para outras plataformas e WordPress foi o backend. Mas esse é o back office no WordPress e o front no Gatsby basicamente em reagir para ter todas essas vantagens de velocidade de segurança, SEO e muitas, muitas, muitas vantagens.

DV: Sim, então no lado das vantagens? Você sabe, acho que as pessoas meio que entenderam a mensagem que você conhece, há benefícios de velocidade e segurança com a arquitetura headless. E eu sei que ainda há a maioria dos desenvolvedores no espaço WordPress de qualquer maneira que não estão construindo com o direito sem cabeça. Na sua opinião, por que um desenvolvedor WordPress tradicional deveria dar esse salto e aprender a construir com headless e então eu acho que a segunda parte dessa pergunta é, você acha que se você é uma agência freelancer, há clientes lá fora para vender esses tipos de builds até hoje? Então, novamente, por que alguém que você conhece deveria se incomodar em dar o salto e aprender e então como você acha que isso pode afetar alguém com um negócio de agência freelancer?

AS: sim, dígitos Zetlin, nosso site de velocidades é super rápido, mudamos de página instantaneamente. A partir daí, temos SEO, porque agora abordamos os principais pontos vitais. Portanto, o SEO depende diretamente da velocidade. Então a velocidade é basicamente a nova resposta aqui. Tipo, você sabe, no momento, estava gerando sites que não são responsivos, agora são todos os sites que não são rápidos o suficiente. Flex dá mais flexibilidade porque podemos pegar os dados do WordPress e construir coisas diferentes. E, claro, segurança, pois o banco de dados não fica na frente. Assim, os hackers não podem ter hydrilla basic e AdWords novamente, desfiguraram o rosto. Portanto, o site que pode consertá-lo, um minuto depois que seu site WordPress pode estar inativo e terminado na frente, seu site estará no ar. Então isso é uma grande vantagem. Então, a partir daí, eu realmente acho que a pilha de estoque em geral é o futuro e está se tornando muito, muito difícil. Então, muito do que eu acho que foi no WP Engine que houve um relatório de que 64% ou algo parecido com o de sites corporativos já estão em não desacoplados no JAMstack headless, então acho que sim, especialmente oportunidade de crescimento para freelancers e agências que são basicamente o nosso alvo. Nossos temas são mais voltados para agências e freelancers e para conhecer pessoas mesmo se você sentir falta, qualquer pessoa pode usar, mas acho que nossos clientes são mais do tipo CC's porque acho que haverá cada vez mais sites que são que ainda usam o WordPress tradicional e queremos ficar sem cabeça, e então esses desenvolvedores poderão pegar este site e transferi-lo porque as pessoas e não terão que aprender um novo back office para suas equipes que não terão que transferir os dados para pode ser uma grande vantagem para nós.

DV: Se eu pudesse tentar resumir isso soava como os benefícios tradicionais da velocidade, desempenho, segurança, desempenho, segurança, as implicações de SEO e outras implicações desse tipo de benefícios, mas também o futuro. Ele meio que apontou que a necessidade corporativa do WP Engine ilustra que muitas empresas que já adotaram essa tecnologia e, é claro, muitas vezes serão as primeiras a adotar. Parece que a ideia é se antecipar a isso. Mas também parece que há uma demanda hoje de empresas construindo como essas experiências, então não é tudo experimental. E, na verdade, existem clientes que você pode conquistar como uma agência freelancer construindo com o WordPress, também sem cabeça, como você apontou o aspecto de saber, aproveitando um back-end com o qual essas marcas estão familiarizadas, certo? Ser capaz de adotar a nova tecnologia em torno do JavaScript desacoplado sem perder a conveniência da interface que seus criadores de conteúdo conhecem e amam. Então isso soa como um bom fers? Como recapitulação de alto nível lá?

AS: Sim, acho que sim. É assim que estamos apenas no início do seguro sem cabeça e apresentar mostrando o caminho, mas nos posicionando agora é um bom momento porque ah, sim, não há nenhum trabalho agora. Sim, mas nós vamos trabalhar se ficarmos lotados e essa é uma posição inclinada para frente então.

DV: Exatamente. OK. Então, eu quero falar com você sobre isso, inclinando-se com força, no entanto. Mas vamos fazer nossa primeira pausa e já voltamos.

DV: Olá a todos. Bem-vindo de volta a este podcast da comunidade WordPress. VMR Este é o seu anfitrião David goalball. E entrevistando Alexandra de Gatsby WP temas sobre seus temas WordPress de foco sem cabeça. Alexandra, antes do intervalo, estávamos falando um pouco sobre seus pensamentos sobre por que os desenvolvedores deveriam pensar em começar a construir com headless falando sobre os principais benefícios do headless, mas também esse tipo de aspecto futuro inclinado de ficar à frente do curva e aproveitando as oportunidades para as marcas que já adotam o headless, principalmente nas empresas. Então, estou curioso, como eu penso em correr, você sabe disso, mas eu administrei uma agência WordPress por cinco anos. Estou muito familiarizado com a escolha de tecnologias no contexto, como uma das barreiras, é claro, na adoção de novas tecnologias é como se estivéssemos usando essas coisas aqui para fazer o trabalho no trabalho que está sendo feito. Então você tem esse tipo de curva de adoção de como explorar algo novo começando a construir com isso. As ferramentas são uma grande parte para ajudar as pessoas a chegar lá e eu sei que seus temas do Gatsby WP desempenham um grande papel nisso, mas estou curioso para saber qual outro eu vou falar mais sobre a resposta em um minuto. Estou curioso para saber quais outros plugins ou frameworks você usou em sua própria jornada para aprender a construir JavaScript desacoplado com WordPress.

AS: Ok, então, gráfico WP. QL, claro, é o centro de tudo isso, e todos os plugins que são construídos em torno dele e que serão construídos porque a comunidade é muito ativa e temos novos plugins o tempo todo e mais do que serão as pessoas serão conectadas ao WP Gráfico QL e a maior parte da adoção será mais fácil

DV: para o público para aqueles que não estão familiarizados, como o que o WP Graph QL faz apenas de nível super alto.

AS: Ok, então dependendo do que o WordPress como API REST e WP Graph QL construiu Graph QL API no WordPress, que foi derrotado por Jasmine Bowles que estava trabalhando em Gatsby como atribuições no trabalho como motor WP agora e mas ajuda a conectar de uma maneira muito legal. WordPress com Gatsby próximo Val para visualizar qualquer outro framework JAMstack sem cabeça ou simplesmente ou até puro reagir. E assim é este gráfico WP. QL está ficando cada vez melhor graças a Jason e é de código aberto e muitos desenvolvedores estão construindo plugins em torno de dados um que eu uso muito é o WP Graph QL. ACF porque me permite usar o ACF que foi meu plugin número um no WordPress tradicional. E agora posso usar todo o ACF e conteúdo flexível no Gatsby no modo headless e isso é ótimo.

DV: Isso é que eu fiz essa pergunta a algumas pessoas ao longo dos anos, ele tem cabeça e começou a entrar em cena e eu nunca, é um caminho legal, certo? É como construir esse tipo de site tradicional ACF paga em WordPress. E então vou usar algo como Graph QL para ACF ou você sabe, em geral, como uma ponte como parte da minha ponte, começar a construir com os faróis acesos. Não tenho certeza se sei que existem muitos desenvolvedores por aí. Provavelmente estamos passando pela mesma jornada ou pensando no mesmo tipo de passos que foram realmente úteis. Então, eu quero mudar de marcha agora, a menos que seja tipo, existe alguma outra ferramenta ou estrutura matadora que você ache útil para a transição que eu mencionei?

AS: Mais uma vez, pode ligar para o seu. Então o seu é e temos dados de citação do plugin Gatsby dos anos WP Graph QL para implementar SEO diretamente no tema Gatsby. Então isso é super útil porque tudo está preparado. Para estar pronto para SEO e bem feito. Sim, certamente todos aqueles espíritos e tudo em mente. Estaremos com o Senhor. Então o que é ótimo é o WordPress e está funcionando Gatsby.

DV: Então, mas é interessante ver mais e mais desenvolvedores de plugins que você conhece, adotando o caso de uso sem cabeça e vendo que você sabe que o investimento lá do seu é uma coisa boa. Eu sei que eles são minha lista recomendada para sem cabeça com certeza. Então, vamos mudar de marcha um pouco e falar sobre seus temas Gatsby WP para ajudá-lo a entender como eles são diferentes de um tema WordPress tradicional. Como o quê? Você sabe, obviamente, acho que os ouvintes do programa estão amplamente familiarizados com o trabalho tradicional de temas do WordPress. Mas como a web de Gatsby é diferente?

A S: Ok, é muito diferente porque nomear temas não é a mesma coisa com o WordPress e o tema WordPress é principalmente de apresentação e a funcionalidade deve estar mais entre colchetes. No Gatsby um tema diferente pode ser um conjunto de plugins pode ser uma configuração. E agora especialmente nós somos o que fizemos está em um tema, nós colocamos por exemplo, conjunto de nós colocamos as funcionalidades das coisas que queremos reutilizar em diferentes diferentes o que chamamos de starters. Então o projeto é inicial, e é aí que ele traz os stylings a apresentação finalmente, na primeira versão do tema, estávamos fazendo o mesmo também com dois componentes de estilo mas percebemos que não é uma boa ideia porque se você quiser alterá-lo você tem que passar o que é chamado de orçamento sombra. Você tem que copiar o componente e alterá-lo para que tudo fique bem, isso é complicado. Portanto, temos que manter a equipe apenas o que precisa ser atualizado e compartilhar diferenças em, por exemplo, comentários, pesquisas, comentários, uma pesquisa de tema e a partir daí você pode no inicial importar a barra de pesquisa ou importar o comentário, então é um conceito diferente no Gatsby temos um tema e plugins ou criamos agora com por exemplo com elementos ACF, alguns blocos HTML que não serão side end, serão estilizados por raso dentro do iniciador para que eu possa reutilizá-los em vários temas .

DV: Essa construção de temas contendo funcionalidade não faz parte da base raiz? Para que headless é onde mais dessa funcionalidade é tratada no front-end? E é mais uma relação de API com esses back-ends?

AS: Sim, acho que sim. Sim, é para o estilo APA. Sim, pegamos um jogo feminino que incorpora este componente desta funcionalidade deste tema e posso misturar Sim Também podemos misturar vários temas juntos. Portanto, há temas prenhes em Gatsby que são bastante semelhantes de certa forma.

DV: Então eu acho que para o WordPress, como uma das grandes batalhas no WordPress, como você disse anteriormente, os temas deveriam ser o front-end e os plugins deveriam ser a funcionalidade. E, claro, muitos desenvolvedores de temas incorporam funcionalidades em seus temas sem nenhum plug-in. Então, parece que esse foi um caminho que muitos designers de temas provavelmente queriam seguir, mas você sabe, talvez tenha tomado, mas realmente não deveria ser sem aspas no WordPress tradicional, é uma avaliação justa? Você pode repetir a pergunta? Sim, então você mencionou anteriormente como a funcionalidade de construção do WordPress em temas não é realmente o que você deveria fazer. Mas é claro que sabemos que os desenvolvedores de temas adicionarão funcionalidades aos seus temas diretamente nos arquivos do tema e nos plugins auxiliares. E então o que estou curioso é com os temas Gatsby WP, se esse desejo de incluir mais funcionalidades em seu tema como desenvolvedor de temas é de certa forma realizado com a arquitetura dos temas da Web Gatsby versus os tradicionais

AS: Eu acho que existem duas coisas diferentes então sim, colocar push no tema no WordPress não é uma boa prática. Eu acho que plugins e acho que é um tema de nomenclatura. Há duas coisas diferentes no livro para falar com os usuários do WordPress. Eles têm mais o que pensar nos temas do Gatsby como plugins que estamos fazendo, por exemplo, para fazer um tema de comércio eletrônico, mas basicamente trazemos a funcionalidade de comércio eletrônico. E quando fazemos novos componentes, e os estilizamos no iniciador e pensando no status ou campo mas o iniciador não seremos atualizados, como seus campos filhos, por exemplo. Então eu acho que a nomenclatura é confusa porque eu não represento a mesma coisa, mas eles são mais parecidos com os Plugins. Temas. Você pode fazer elementos de apresentação e pode colocar funcionalidades para agrupar configurações em temas do Gatsby e obter uma sombra.

DV: Essa é uma descrição muito útil porque acho que muitas pessoas assumiriam que pode ser mais proveniente do espaço WordPress de qualquer maneira, eles estavam inclinados a operar como um tema WordPress faz hoje. Mas acho que é um ponto de distinção muito, muito bom. Obrigado por detalhar que eu estava realmente bem útil. Vamos fazer uma segunda pausa e já voltamos.

DV: Sejam todos bem-vindos de volta ao podcast da comunidade WordPress no W EMR. Este é o seu anfitrião David Bowie Paul. Estou entrevistando Alexandra Squanto do Gatsby WP temas sobre seu Gatsby WP Bates. Alexandria logo antes do intervalo estávamos conversando um pouco sobre as diferenças entre os temas Gatsby WP e um tipo de tema WordPress tradicional que estava fazendo uma pequena pesquisa antes desta entrevista e eu vi em seu site para aqueles interessados ​​em temas Gatsby WP calma que você meio que mencionei que os temas realmente não exigem habilidades de codificação, mas quando comecei a examinar alguns dos detalhes da implementação, parecia que precisava de algumas habilidades técnicas avançadas para começar. Estou curioso, tipo, quem você acha que é o usuário ideal? Ou como a pessoa de tecnologia de nível mais baixo que você acha que pode ser uma boa opção para os temas da web do Gatsby? E então, se você pensar em geral se essa noção de montador ou DIY, headless realmente será uma coisa no futuro, porque parece que não é isso agora. Mas quais são seus pensamentos sobre isso?

AS: Ok, bem, primeiro, não requer habilidades técnicas muito avançadas, mas acho que é mais psicológico. Porque se você seguir a documentação passo a passo. Os suportes mais complicados, o estudo observou Geat Gadsby no computador. Então acho que é mais complicado no Windows porque o Windows. Agora existe um console onde sou usuário de Mac. Isso não é tão complicado e depois não ter medo de abrir o editor de código de abrir o console. Mas acima disso é só copiar e colar e me foi mostrado novamente, aprenda com Jason em 10 minutos você tem tudo pronto. Mas acho que para algumas pessoas, psicologicamente, elas podem ter medo de ver código e console. Muitas pessoas são assim. É complicado, mas não é, não precisa de habilidades.

DV: Então, se você superou seu medo SFTP, pode superar seu medo de criar um ambiente com uma lacuna. Exatamente.

AS: Esse é um bom exemplo.

DV: Entendi. Entendi. Se você abriu um editor de código e usa snippets de código, provavelmente não há problema em seguir as instruções de configuração. Assim como o WordPress, a maioria dos freelancers do WordPress provavelmente ficará bem aproveitando isso

AS: Absolutamente. Especialmente eu acho que tem sido um estúdio de inspiração presente Genesis. Eu era realmente um desenvolvedor Genesis antes.

DV: temas. Você está familiarizado com ele? Ele também está localizado na Espanha. Oh sim. Fale fora do ar.

AS: Sim, estou trabalhando com o Genesis e foi legal. E eu percebi que as pessoas do Genesis eram os griefers deste site. Livre que é objetivos comuns são receitas. E estamos planejando fazer isso para fazer tutoriais para mostrar que você pode fazer isso. Você pode fazer isso e pode copiar o código e explicar como ele funciona. Então, as pessoas gostam mesmo que não sejam chamadas de especialistas, mas gostam de ter o jeito um pouco sujo e fazer coisas que vão adorar. Eu acho que é realmente muito bom o público de Frances é que eles querem modificar o mesmo com domar o CSS e aplicar algumas receitas que construímos porque estamos preparando muitas coisas agora. Isso pode ser muito bom e qualquer pessoa que não tenha medo, pode pegar seu blog e colocá-lo em Gatsby mais fácil, sem medo de tudo isso. Mas sim, basicamente o que eu percebo é que a maioria dos nossos clientes são desenvolvedores, mesmo desenvolvedores da web, que não vêm do WordPress. Eu tive dois casos de pessoas que vêm do WordPress e pessoas que vêm de reagir que não conhecem o WordPress. Então sim, é assim que as pessoas que vêm comprar os temas são mais agências desenvolvedoras freelancers. Mas percebem que o espaço microkey temos uma cooperativa e a Cisco fez o seu site em HTML e CSS e está interessado por isso é assim que existe uma gente que não está neste campo e que o pode usar totalmente. Se eles dizem como, não é uma barreira. Não é totalmente aberto. É o que eu quero dizer.

DV: Sim, isso faz muito sentido. E eu acho que é uma das coisas que você sabe, o WordPress sem cabeça ou apenas em geral ainda não percebeu é, você sabe, trazer essas pontes da tecnologia mais para baixo na pilha de sofisticação, certo, começando com os desenvolvedores muito sofisticados que descem em menos sofisticado entrar no montador, ou cultura de trecho de código, e então talvez eventualmente DIY, mas como, você sabe, WordPress, cumpra esse papel. Para o desenvolvimento de PHP no desenvolvimento de sites e aplicativos desde o início, e assim vê-lo agora desempenhando um papel em ferramentas como o Gatsby DVP, os temas desempenharam um papel em preencher essas lacunas. É interessante ver como isso contribuirá para a adoção do headless a longo prazo e eu concordo com você, é o futuro e felizmente, há muitos contribuidores que estão ajudando a criar ferramentas para facilitar isso. Isso foi super interessante Alexandre

AS: Percebi que o WP Engine trará uma solução para tornar a entrada viral mais fácil.

DV: Sim. Na verdade, no primeiro trimestre, lançaremos mais algumas coisas que farão com que tenhamos conteúdo Atlas, casa modular JS Right now, que são três de código aberto. Temos algumas outras coisas chegando no primeiro trimestre. Falaremos mais sobre isso depois. Mas obrigado por chegar a isso. Obrigado por se juntar a nós. Hoje. Alexandre. Isso foi realmente interessante para você. Se você quiser saber mais sobre o que Alexander está fazendo, visite GatsbyWPthemes.com. Obrigado a todos por ouvir a imprensa este podcast da comunidade WordPress e W Mr. E este foi o seu anfitrião David Vogelpohl. Eu apoio a comunidade WordPress através da minha função no WP Engine. E adoro trazer o melhor da comunidade para você aqui toda semana no Press This.