13078
post-template-default,single,single-post,postid-13078,single-format-standard,theme-strata,strata-core-1.1,woocommerce-no-js,strata-child-theme-ver-1.0.0,strata-theme-ver-3.2,ajax_fade,page_not_loaded,wpb-js-composer js-comp-ver-5.4.7,vc_responsive

Blog

Gutenberg para iniciantes: um tutorial básico

11:22 12 dezembro in CMS, Consultoria, Plugins, Tecnologia, Web Design, Web Development
0 Comments
2

Se você segue o mundo do WordPress, provavelmente já ouviu falar do Gutenberg , o novo editor de conteúdo lançado este ano.

Se você não tem tempo para digerir todo esse material, este post vai te dar algumas das noções básicas de Gutenberg e prepará-lo para começar a usá-lo.

COMO CHEGAMOS AQUI?

Houve poucas mudanças perceptíveis no editor do WordPress nos últimos 14 anos. Para aqueles que estão familiarizados com ele, o editor atual faz o trabalho, mas permaneceu uma experiência de usuário HTML básica praticamente inalterada por um longo tempo. Muitos na comunidade do WordPress sentem que é hora de o CMS incluir um editor mais intuitivo que permita a fácil criação de conteúdo rico.

O editor de conteúdo atual do WordPress

Apesar deste desejo, no entanto, a preparação para o lançamento de Gutenberg foi acompanhada por uma quantidade significativa de preocupação, isto é, porque representa uma grande revisão do código e da aparência do editor existente. Há um mal-estar real na comunidade WordPress sobre como os complementos e plug-ins existentes irão interagir com a nova experiência de edição baseada em JavaScript.

Enquanto muitas dessas preocupações são fundadas, ainda há muito a ser visto e feito antes que o Gutenberg seja implementado pelos usuários do WordPress. Para ajudá-lo a navegar por algumas das incertezas, aqui estão algumas coisas que você deve saber sobre o novo editor:

FATOS DE GUTENBERG

Como mencionado acima, Gutenberg se tornará o editor padrão do WordPress, uma vez que a versão 5.0 será lançada, o que deve acontecer no final de 2018. Uma equipe dedicada de colaboradores vem desenvolvendo Gutenberg há mais de um ano e o novo editor do WordPress, não é o único jogo na cidade. Há vários serviços de criação de páginas que oferecem diferentes experiências de edição, incluindo o Beaver Builder , o Visual Composer e o The Divi Builder .

Mas esses serviços não são experiências de edição de back-end, que é o que o Gutenberg fornecerá. Ao fazê-lo, abordará alguns dos maiores críticos da experiência de edição do WordPress, que dizem que o trabalho feito no back-end não reflete com precisão o que aparece visualmente no front-end. Até certo ponto, Gutenberg pretende colmatar esta lacuna.

Uma grande diferença entre Gutenberg e o atual editor WordPress é a introdução de algo chamado blocos de conteúdo , um novo recurso que permite aos usuários adicionar texto, cabeçalhos, uma imagem ou um videoclipe (entre muitos outros elementos) com o clique de um botão – não uma linha de HTML ou um shortcode. Veja como isso funciona:

Em uma nova postagem do Gutenberg, você verá um pequeno ícone que aparece no campo de texto.

Depois de clicar no ícone, aparece um menu mostrando todos os elementos que você pode adicionar ao novo bloco. Eles variam desde coisas simples como cabeçalhos e imagens até elementos que são reconhecidamente mais difíceis de adicionar usando o editor que logo será desatualizado.

Depois de selecionar o elemento que você deseja adicionar, seja uma tabela, uma cotação, uma imagem ou uma linha de colunas, ele aparece no bloco e você pode modificá-lo conforme necessário antes de prosseguir com sua postagem. É tão simples assim.

Adicionando uma imagem com o novo bloco de conteúdo

A ideia por trás desse recurso era permitir um processo intuitivo que permita que os criadores de conteúdo permaneçam no fluxo enquanto estão trabalhando. Com o Gutenberg, muitas das coisas que você atualmente tem que parar e fazer manualmente (essencialmente coisas que requerem HTML ou um plugin de terceiros) agora são feitas com poucos cliques do mouse.

Os blocos são fáceis de movimentar para acomodar o seu texto

Essa facilidade de uso é levada um passo adiante com a nova função de autopreenchimento de barra do Gutenberg, que permite aos usuários adicionar elementos de bloco com um simples comando de teclado. Por exemplo, os usuários podem adicionar uma imagem em uma postagem enquanto escrevem, digitando “/ image” e pressionando Enter.

Também há funcionalidades adicionais para incorporar conteúdo de outras plataformas, incluindo YouTube, Facebook, Instagram e Twitter, bem como Reddit, Spotify e Tumblr (entre muitos outros).

No geral, as maiores diferenças entre Gutenberg e o atual editor são visuais – Gutenberg parece mais limpo e menos confuso do que o editor atual – e funcional – os novos blocos de conteúdo e atalhos de teclado permitem que os usuários permaneçam no editor visual sem muita interrupção.

VANTAGENS DE GUTENBERG

As vantagens do Gutenberg são muitas – desde a adição de blocos de conteúdo a outros recursos fáceis de usar que ajudam a enriquecer as páginas de um site, o novo editor permitirá que até mesmo o novato do WordPress crie conteúdo de boa aparência e bem projetado (confira a página de exemplo oficial ).

Como mencionado acima, esses recursos intuitivos também mantêm as distrações no mínimo, para que os criadores de conteúdo possam entrar em um fluxo de trabalho e permanecer lá. Não mais parar para adicionar HTML ou mexer com imagens e incorporações de vídeo. Gutenberg deixará a criatividade fluir.

Gutenberg também oferece mais espaço de escrita quando comparado ao editor atual, o que é especialmente aparente em telas menores. Isso provavelmente foi adicionado como um aceno para usuários de laptop e, até certo ponto, usuários móveis. Ele também adere a um tema recorrente em Gutenberg que coloca a escrita em primeiro lugar e tenta liberar os criadores de conteúdo de tantas distrações quanto possível.

Este tema é levado um passo adiante com a capacidade de recolher a barra lateral direita em “Post Settings”, liberando ainda mais da sua tela para escrever e criar conteúdo.

A barra de configurações avançadas é outro recurso do Gutenberg que permite que os usuários naveguem facilmente entre o editor visual e de texto, bem como diferentes configurações de documento. Quando não está em uso, é facilmente recolhível para mais espaço na tela.

Finalmente, quando as fases futuras da implementação de Gutenberg (datas são TBD), os modelos e a personalização que eles devem fornecer serão uma virada de jogo para empresas e agências de marketing que exigem consistência em seus sites.

Gutenberg também facilita a mudança de estilos e a movimentação de blocos de conteúdo

DESVANTAGENS DE GUTENBERG

Como muitos outros plugins do WordPress, há alguma preocupação em relação às maneiras como o Gutenberg pode afetar páginas e postagens existentes. Embora isso seja de fato um desconhecido, os usuários podem ter certeza de que o teste beta no qual o Gutenberg está passando atualmente está focando nas maneiras como o novo editor irá interagir com os recursos existentes do WordPress.

Para os profissionais do WordPress que querem dar uma mão (ou novatos que querem dar uma olhada), o banco de dados de compatibilidade de plugins do Gutenberg é um excelente repositório de todo o progresso do plug-in que foi feito até agora. Uma história de sucesso que vale a pena destacar aqui é Advanced Custom Fields . Este plugin popular adiciona campos personalizados à página do editor e já é totalmente compatível com o Gutenberg.

Outro aspecto de Gutenberg que provavelmente será remediado antes de ser lançado oficialmente é que atualmente ele não suporta caixas meta de plugins personalizados. Essas caixas meta são comuns para plugins como Yoast SEO , CoSchedule e Jetpack e sua ausência torna esses plug-ins ineficazes. Dito isso, dada a importância desse recurso, é improvável que ele não seja adicionado no devido tempo.

DE UMA CHANCE

Uma ótima maneira de verificar todos os novos recursos que Gutenberg tem para comprar é experimentar você mesmo.

Instalar o Gutenberg é relativamente fácil, contanto que você esteja usando o WordPress versão 4.8 ou superior. Como ainda não é o editor padrão do WordPress, aqueles que quiserem ficar à frente podem instalá-lo da mesma forma que qualquer outro plug-in . Um aviso: como o Gutenberg ainda está em versão beta, ele deve ser usado em um ambiente de preparação para garantir que não haja problemas de compatibilidade antes de copiar para a produção. Confira o WP Engine Resource Center para um tutorial mais detalhado sobre o processo de instalação.

Outra boa maneira de se aclimatar com Gutenberg é fazer sua lição de casa. Há uma tonelada de recursos on-line – alguns gratuitos, outros não – que fornecem informações excelentes sobre o novo editor. Este manual , fornecido pelo WordPress.org, é um bom lugar para começar, assim como os vários tutoriais encontrados aqui.

NÃO ENTRE EM PÂNICO

O próximo lançamento de Gutenberg definitivamente criou alguma preocupação sobre compatibilidade com plugins e temas existentes, mas não é motivo para pânico. A equipe de desenvolvedores do Gutenberg e outros membros da comunidade WordPress estão trabalhando para garantir que o novo editor esteja pronto quando o WordPress 5.0 for lançado.

Enquanto isso, aproveite os recursos listados neste post e experimente o Gutenberg usando um ambiente de preparação para se familiarizar com seus novos recursos e recursos.

Creditos: 

Se você não se adaptar facilmente ao Gutenberg, você poderá retroceder para o editor padrão anterior, instalando o plugin Classic Editor 1.3.

No Comments

Post a Comment