Category: wordpress gutenberg

Temas Filhos WordPress – Para que servem e como criar?

29 de setembro de 2020

Temas Filhos WordPress – Para que servem e como criar?

Se você quiser ter uma série de dores de cabeça com seu site WordPress, começa por alterar o tema de sua instalação sem criar um tema filho antes. Você precisa conhecer sobre TEMAS FILHOS!

Como dor de cabeça é algo que você não quer, esse artigo visa te explicar para que serve e como criar Temas Filhos e como esses temas podem salvar sua paz quando você precisa fazer uma modificação em seu site.

Muitas pessoas se queixam por terem perdidos suas alterações por total desconhecimento sobre os Temas Filhos. A queixa vão desde funcionalidades que deixaram de funcionar (códigos de terceiros que sumiram), até banners que sumiram das páginas.

Entender esse recurso te possibilita fazer alterações em um tema original do WordPress e não sofrer com as perdas destas em futuras atualizações.

Então simbora para o conteúdo!!!

O que é um Tema Filho?

A melhor definição para Tema Filho é definição encontrada no site oficial do WordPress:

“Um tema filho é um tema que herda as funcionalidades e estilos de outro tema, chamado de tema pai”.

Quando você cria um tema filho, ele é todo “baseado” em um tema já existente. No momento que você cria um Tema Filho o tema existente se torna Tema Pai.

Não existe Tema Filho sem Tema Pai, pois ele depende completamente de seu pai para funcionar. Ele não fará nada e nem poderá ser ativado, sem o tema original presente. 

O tema filho é quem vai receber as alterações no lugar do Tema Pai. Essa é a grande vantagem de usá-lo e é isso que vai livrar sua vida de certas dores de cabeça.

Você vai entender isso melhor no próximo tópico.

Por que usar temas filhos?

Existem dois grandes motivos:

O primeiro grande motivo é preservar as características e funcionalidades do tema pai que foram alteradas e que fatalmente seriam perdidas em uma atualização futura.

O segundo grande motivo é fazer alterações, mas considerando herdar as funcionalidades principais do tema original.

Quando usar um Tema Filho?

Você usará o Tema Filho quando você precisar entregar algo personalizado, mas de forma ágil e que mantenha as principais funcionalidades do tema original. Ou quando você precisar fazer pequenas alterações no tema.

Quando não é indicado usar Temas Filhos?

Não é indicado usar o tema filho quando você pretende alterar drasticamente o Tema.

Ao fazer isso você deixa de herdar as funcionalidades do tema principal e gasta muito tempo em desenvolvimento o que contraria uma das principais características do uso dos Temas Filhos que é a agilidade.

Neste caso é indicado que se construa um Tema do Zero.

Como criar um Tema Filho

Agora vamos para um passo a passo explicando como criar Temas Filhos e que você já poderá aplicar os conhecimentos adquiridos aqui em sua instalação.

Mas se você quiser aprender com mais riquezas de detalhes, no Curso Web Designer PRO temos um módulo inteiro sobre Temas Filhos.

1 – Criando a pasta do Tema

A primeira coisa é acessar o diretório na instalação WordPress onde se localiza os temas. Acessando, via FTP, o diretório onde se localiza os arquivos da instalação do WordPress, ele fica em “wp-content/themes”.

Na pasta “themes” você encontrará uma relação de temas. Você deve criar uma nova pasta neste diretório, pasta esta que receberá os arquivos do Tema Filho.

Você deverá renomear esta pasta para o nome que você pretende usar no Tema Filho. Não use espaços no nome para não ocasionar erros.

No exemplo deste artigo a pasta se chamará “fundamentos-do-design-theme” que corresponde a nome Fundamentos do Design Theme.

Esse pasta deverá possuir dois arquivos que você criará (style.css e functions.php) e que será o mínimo para que seu Tema Filho funcione.

Resumindo teremos:

a pasta do tema filho;o arquivo style.css;o arquivo functions.php.

2 – Criando a folha de estilos (style.css)

O arquivo “style.css” é obrigatório para que o Tema Filho funcione.

Você pode usar um editor HTML para criar esse arquivo. Com bloco de notas já é possível criar este arquivo se certificando que a extensão seja “.css”.

No topo do arquivo deverá ser inserido um cabeçalho com informações sobre o novo tema e referenciando o Tema Pai.

No nosso exemplo, o Tema Filho será construído a partir do tema “Twenty Twenty” que é um tema padrão do WordPress e que deve estar presente na instalação.

No seu caso você terá um tema próprio a qual pretenderá criar o Tema Filho.

Vamos ao exemplo (leia cada instrução):

/*Theme Name: Fundamentos do Design Theme (Aqui vai o nome do Tema Filho)Theme URI: https://wordpress.org/themes/twentytwenty/ (Aqui vai o endereço do Tema no Diretório de Temas do site do WordPress, caso houver)Description: Twenty Twenty Child Theme (Aqui descreve que o Tema é filho do tema Twenty Twenty)Author: David ArtyAuthor URI: https://davidarty.com (Site do autor do tema)Template: twentytwenty (Parte fundamental e obrigatória para o funcionamento – Este nome corresponde ao nome da pasta do Tema Pai)Version: 1.0.0 (Versão)License: GNU General Public License v2 or later (Licença)License URI: http://www.gnu.org/licenses/gpl-2.0.html (Endereço da Licença)Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready (Tags que descrevem características do Tema)Text Domain: twentytwenty (Possibilita que os metadados do tema seja traduzidos)*/

Na verdade, grande parte deste código não é necessário, caso seu tema não seja distribuído para comunidade. Então você pode resumi-lo com as partes mais importantes para a funcionalidade do tema. Veja a seguir:

/*Theme Name: Fundamentos do Design ThemeDescription: Twenty Twenty Child ThemeTemplate: twentytwentyText Domain: twentytwenty*/

Reforço aqui atenção para o nome presente na linha Template. Este nome deve corresponde ao nome da pasta do Tema Pai para que tudo funcione.

As próximas linhas do arquivo são dedicadas aos estilos CSS que irão substituir os estilos do Tema Pai.

Após essa edição no arquivo você deve subi-lo para sua hospedagem, na pasta do tema filho, e poderá ativar o Tema no WordPress.

Na hora que você for ativar o Tema Filho no painel do WordPress, lá em Aparência/Temas, você notará que ele não tem uma capa. Mas resolveremos esta questão em um tópico mais a frente.

Você também poderá também testar o tema novo visitando uma página do site. E se surpreenderá com uma página sem estilo algum.

Página sem estilos CSS

Mas não se preocupe! Estamos no caminho certo! Isso será corrigido na próxima etapa ao enfileirar os arquivos CSS usando o arquivo “functions.php”.

3 – Enfileirar as folhas de estilo do tema pai e do tema filho através do arquivos “functions.php”

O “functions.php” é um arquivo presente em seu tema WordPress, e ele é carregado antes de qualquer arquivo de template do tema.

Este arquivo é poderoso, pois ele determina diversas funcionalidades de um tema. Para quem tem conhecimentos avançados de PHP e da documentação do WordPress será possível usar este arquivo para substituir, ou editar funcionalidades presentes no Tema Pai.

Mas aqui usaremos para enfileirar as folhas de estilo usando wp_enqueue_scripts action e wp_enqueue_style() no tema filho.

Crie um arquivo chamando “functions” em seu editor e salve com a extensão “.php”. Insira o código a seguir:

<?php function theme_enqueue_styles() {

$parent_style = ‘parent-style’;

wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array( $parent_style )
);
}
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
?>

Após a edição suba o arquivo “functions.php” para a pasta do Tema Filho em sua hospedagem para testar.

Uma coisa importante a frisar é que diferentemente do que ocorre com os estilos, o “functions.php” do Tema Pai é carregado antes do que o do Tema Filho.

Veja agora que ao visitar uma página do site o estilo visual será carregado. Mas, apesar de ser o mesmo do Tema Pai, o estilo que predomina sempre será do Tema Filho.

O que acontece é que no momento estão sendo carregados os estilos do Tema Pai. Mas basta sobrescrevê-los alterando valores das propriedades no arquivo “style.css” do Tema filho e que o visual se modifica.

Testando um tema filho com pequenas alterações

Para verificar a efetividade da criação do Tema Filho você pode testar fazendo certas edições. Para isso você deve dominar no mínimo as Linguagens CSS e HTML.

Existem diferentes níveis de edição para um Tema Filho de acordo com a complexidade.

Edições de complexidade baixa

Onde você edita com CSS algum elemento HTML existente no Tema Pai sem alterar ou outros Elementos HTML.

Um exemplo simples que serve para testar se o tema filho está funcionando é alterar a cor de um título de uma página. Veja um exemplo a seguir.

Passo 1:

Primeiro inspecionamos o elemento HTML através do Inspetor do navegador em uso para identificar o nome do seletor CSS.

Passo 2:

Agora pegamos os seletor identificado no código HTML e o usamos para definir uma nova cor para o títulos através de CSS no arquivo “style.css” do Tema Filho.

Salvamos o arquivo e subimos para pasta do Tema Filho. Recarregamos a página para averiguar se o título principal mudou para cor vermelha.

A mudança da cor do título para a cor vermelha é a confirmação final de que o Tema Filho está funcionando.

Se você conseguir chegar até aqui você está habilitado para configurar um Tema Filho.

O que foi exposto até este momento é fundamental para que partir deste ponto possa se fazer alterações mais complexas. Entretanto os tipos de edição tratadas a seguir seria indicado conhecer um pouco de PHP.

Edições de complexidade média

Esta edição é quando você precisa alterar um elemento HTML em um arquivo PHP do tema. Neste caso é preciso subir uma cópia do arquivo do Tema Pai para a pasta do Tema Filho.

Os temas WordPress são compostos por diversos arquivos de modelos em PHP (além de CSS e JS). São arquivos modulares e reutilizáveis, usados ​​para gerar as páginas da web em seu site WordPress. Alguns arquivos de modelo (como o modelo de cabeçalho e rodapé) são usados ​​em todas as páginas do seu site, enquanto outros são usados ​​apenas em condições específicas.

Você poderá ver a relação destes arquivos na Hierarquia de Modelos no site WordPress.

As alterações destes arquivos serão feitas no Tema Filho. Ao subir um destes arquivos para a Pasta do Tema Filho ele assumirá todas as funções em detrimento do arquivo existente no Tema Pai.

Use esse recurso com parcimônia. Se você acredita que deva editar uma quantidade muita grande de arquivos que compõem o Tema, considere se não é mais adequado criar um Tema do zero em vez de um Tema Filho.

Sem contar que qualquer ajuste que o desenvolvedor do Tema fizer em algum arquivo original não será repassado para o Tema Filho em futuras atualizações. O Tema filho só herda as funcionalidades do arquivos que estão somente no diretório do Tema Pai.

Um exemplo simples é incluir um subtítulo (tags Headline) no arquivo responsável por exibir o cabeçalho do site (header.php).

Observação: Para não ocorrer um erro PHP evite fazer edição entre as tags de abertura e fechamento do PHP (“<?php” e “?”>) se você não tem certeza do que está fazendo.

Edições de alta complexidade

Aqui você precisa de bons conhecimentos de PHP e da documentação WordPress.

Este tipo de edição visa alterar alguma linha de código PHP em um arquivo específico e como no tópico anterior deve ser usado com parcimônia. Ou alterar uma funcionalidade do tema pai através do arquivo “functions.php” ou também incluir uma funcionalidade nova.

Conclusão sobre Temas Filhos

Se você precisa fazer alterações pontuais e não quer que essas alterações sejam perdidas em atualizações futuras o uso de Temas Filhos WordPress é o caminho a seguir.

É comum pessoas e queixarem por terem perdidos alterações em seus sites WordPress e os Temas Filhos tem função de evitar isso. Mas como citado no artigo, use de forma consciente para não perder todo o potencial do Tema principal e de forma que faça o processo de desenvolvimento ser ágil para seu projeto.

Agora me diga nos comentários o que você acha sobre os Temas Filhos.

Aproveite e compartilhe esse conteúdo com seus amigo!!!

Abraço!!
The post Temas Filhos WordPress – Para que servem e como criar? appeared first on Chief of Design.

Temas Filhos WordPress – Para que servem e como criar?
Fonte: Chef of Design

Gutenberg WordPress – O editor de conteúdos do WordPress

24 de outubro de 2019

Gutenberg WordPress – O editor de conteúdos do WordPress

Gutenberg é o editor de conteúdo introduzido no core do WordPress a partir da versão 5.0 e nesse artigo eu vou apresentar o funcionamento deste editor que promete trazer uma experiência mais simples para produção de conteúdo.

O que você acha de inserir diferentes tipos de conteúdos, mídias ou funcionalidade em seu post através de uma biblioteca inteira de opções e em um só lugar, com muito pouco conhecimento técnico e sem ter que se preocupar em lidar com códigos? Então é isso que o editor Gutenberg WordPress fará pra você.

Então siga comigo aqui no artigo para entender como as coisas funcionam no Gutenberg.

O que é o Gutenberg WordPress?

Reforçando o entendimento, Gutenberg é o editor introduzido na versão 5.0 do WordPress, substituindo o editor clássico, para criação, organização e estilização de conteúdos de posts e páginas através da inserção de blocos.

O nome Gutenberg deriva de Johannes Gutenberg. Ele que foi o inventor do processo de impressão com tipos móveis.

Como tudo era antes do Gutemberg?

Editor Clássico versus Editor Gutenberg

Antes do editor Gutenberg o WordPress fornecia o editor conhecido como “clássico” por estar presente durante anos.

O editor clássico tinha estrutura similar aos editores de texto dos sistemas operacionais onde tínhamos acesso a botões para formatação no modo visual, como como colocar negrito, sublinhado, inserir lista, links, entre outras funções básicas e também possuía o editor HTML para que tem conhecimento nessa linguagem.

O fato do editor clássico ser parecido com outros editores poderia ser considerado uma vantagem pois se tratava de algo familiar ao usuário. Entretanto se existisse a necessidade de inserir um recurso avançado no corpo do artigo era necessário a requisição de desenvolvedor com conhecimentos avançados para mexer no tema. Daí que vemos que pensar em um recurso como o Gutenberg se tornou necessário para comunidade WordPress.

Por que usar o Gutenberg?

Por que o Gutenbeg proporciona uma experiência de criação de postagens e páginas que facilita a criação de layouts avançados.

Para que isso possa ocorrer o Gutenberg permeia os seguintes princípios:

Possibilidade de criação de posts ricos; Tornar as funcionalidades principais mais fáceis de descobrir, reduzindo a dificuldade de encontrá-las; Os usuários não precisam escrever códigos de acesso ou HTML personalizado; Os usuários só precisam aprender como o bloco funciona para usar todos os seus recursos; Os blocos unificam recursos e tipos de interação em uma única interface.

Como podemos ver a grande peculiaridade do Gutenberg são os blocos. Então vamos entendê-los melhor no tópico a seguir.

O que são blocos do Gutemberg?

Os blocos possibilitam a inserção de conteúdos personalizáveis dentro do editor através do sistema de simples adição no editor.

Com ele que qualquer tipo de conteúdo, mídia ou funcionalidade pode ser adicionado diretamente ao site de maneira mais consistente e utilizável.

O botão “adicionar bloco” dá ao usuário acesso a uma biblioteca inteira de opções em um só lugar, em vez de ter que procurar menus ou saber códigos de acesso.

O processo de adição de bloco começa com um clique no botão de símbolo de adição (Adicionar bloco) no campo superior esquerdo do Gutenberg.

O Gutenberg permite a manipulação direta, o que significa que as opções primárias de como um elemento é exibido são controladas no contexto do próprio bloco.

Assim, por exemplo, um usuário pode adicionar uma imagem, escrever sua legenda, alterar sua largura e layout, adicionar um link em torno dela, tudo a partir da interface de bloco na tela. 

O WordPress suporta um grande número de blocos e mais de 30 incorporações.

Por dentro do Gutenberg WordPress (Tutorial)

Com os blocos do Gutenberg o usuário tem a possibilidade de colocar no layout de páginas e posts diversos elementos comuns em páginas web. Entre eles:

Parágrafos; Títulos; Imagens; Galerias; Vídeos; Áudios; Listas; Citações; Botões; Colunas, entre outros.

Introdução

Para começa a criar um conteúdo com o Gutenberg o processo inicia-se de forma similar ao que antes era feito no editor clássico. Definimos qual tipo de conteúdo iremos construir, por exemplo, post. Clicamos em inserir post e o editor ser´aberto.

Assim que ele abrir é aconselhado já inserir o título.

É aconselhável também salvar o conteúdo. No canto superior direito do editor é possível ver os botões de publicar e visualizar. Podemos ver também também o ícone (engrenagem) de configurações. Ele é responsável pela exibição das configurações do documento aberto e o do bloco que estiver sempre editado no momento.

Estando na aba documento você definir a visibilidade do conteúdo (público, privado ou protegido por senha) e o status, e de mais configurações do documento que já eram comum no editor clássico como imagem destacada, link permanente, nome do autor, categoria, entre outras.

Faça suas configurações publique conforme a visibilidade que mais se aplique no momento.

Campo para de opções para visualização, publicação e acesso para configurações do documento e blocos.Aba para configurações do documento.Configurações do documento.

Inserção e tipos de blocos

O processo de inserção de blocos é bem simples. Vá ao editor e no topo a esquerda e clique no ícone de adição +. Neste momento abrirá uma lista de opções de categorias de blocos.

Você notará que os blocos estão categorizados da seguinte forma:

Mais usados – É um recurso para se ganhar tempo onde mostra os blocos que você mais utiliza;

Blocos Comuns – Mostra os blocos de elementos mais comuns em interfaces web como título, subtítulo, parágrafo, imagem, galeria, etc;

Formatação – Mostra os blocos que possibilitem a formatação de conteúdo. Nesta categoria você encontrará o bloco para inserção de HTML personalizado, editor clássico, código pré-formatado, entre outros;

Elementos de layout – Mostra blocos para inserções de elementos de layout da página como por exemplo inserir colunas, botões, quebra de página, espaçador, etc;

Widgets – Esta é uma opção para fácil inserção os widgets disponíveis no tema de seu site, como por exemplo lista de postagens, lista de categorias, etc;

Códigos incorporados – Mostra todas as integrações disponíveis para você incorporar códigos de redes sociais e serviços web diversos.

Depois que você encontrar, dentro da categoria, o bloco que você pretende inserir, basta clicar nela que ele aparecerá dentro do editor para inserção e configuração do conteúdo.

Exemplo de inserção de bloco comum

Então caso você queira inserir um simples parágrafo você vai na categoria “Blocos Comuns” e escolher o bloco de parágrafo.

O bloco será inserido dentro do editor. Daí tudo que você tem que fazer é digitar o conteúdo do parágrafo.

Campo do bloco para inserção do conteúdo do parágrafo. Atalhos para blocos usados recentemente.Adição de novos blocos.Quando um bloco é adicionado ou selecionado no editor a coluna de configurações ativa a aba bloco.Com a aba bloco ativada você tem acesso as configurações do bloco inserido.

Personalização do conteúdo do bloco

Depois que você adiciona o bloco é possível fazer personalizações no seu bloco. No exemplo do parágrafo basta clicar no conteúdo para o bloco exibir opções para formatações comuns de texto.

Configurações do bloco

Uma grande vantagem da utilização dos blocos é essa manipulação direta onde podemos configurar as opções primárias de como um elemento será exibido.

Como já dito, o elemento quando adicionado ou selecionado ativa a aba de configurações do bloco onde podemos mexer com mais características do elemento.

No caso do parágrafo podemos configurar o texto mexendo na altura e no capitular, nas configurações de cor do texto e do fundo e ainda podemos mexer em uma opção avançada que possibilita adicionar uma class para estilização posterior via CSS.

Cada bloco de conteúdo do Gutenberg tem suas configurações particulares. Nem tudo que se aplica ao parágrafo se aplicará a outro elemento. Portanto é preciso que investigue as diferentes configurações de cada.

Exemplo de inserção de bloco formatação

Um exemplo de bloco de formatação é o bloco para inserção de códigos. Nele é possível a inserção de códigos de linguagens diversas (HTML, CSS, JavaScript, PHP, entre tantas), ou seja, apresenta um pequeno fragmento de código de computador utilizando tag HTML code.

É bastante útil para aqueles artigos técnicos em que é necessário apresentar um código de alguma linguagem, mas sem que eles acionem algum tipo de evento quando interpretado no navegador. É somente para que apresente o código para entendimento do leitor.

Vá até a o sinal de adição, categoria formatação e escolha o bloco código.

No bloco inserido no editor você terá a opção de inserir o código pretendido.

A seguir o resultado apresentado no navegador.

Imagem de código inserido com bloco Code

Exemplo de inserção de bloco de elementos de layout

O blocos desta categorias são bem interessantes porque possibilitam inserir elementos que precisariam de certo conhecimento técnico em outras linguagens para atingir os resultados esperados ou que são encontrados geralmente em page builders.

Elementos que ajudam muito a organizar conteúdos no layout e que não era possível desenvolver no editor clássico sem o conhecimento de certas linguagens são as colunas. Através de Gutenberg você consegue inserir e configurar facilmente colunas.

Na imagem abaixo vemos que o editor inseriu duas coluna e sugere que você coloque conteúdo em alguma delas. 

Você pode tanto adicionar um texto ou o mais bacana ainda inserir outros blocos dentro das colunas. Ver imagem abaixo.

Inserção de bloco dentro de uma coluna

E se eu quiser inserir mais colunas? Selecione e bloco e vá em configurações do bloco para definir mais colunas (máximo de 6).

Abaixo vemos um layout com 4 colunas

A comunidade WordPress preocupada com melhorias já está pensando no Gutenberg 6.0. Nele será apresentado um seletor de layout para o bloco Colunas, permitindo que o usuário escolha a partir de layouts predefinidos ou inicie do zero. Isso permitirá maior controle na largura das colunas.

Exemplo de inserção de bloco de elementos widgtes

Você quer inserir um widget do tema do seu WordPress dentro do post? O processo começa sempre clicando no sinal de adição.

A seguir listas de posts de um widget WordPress.

Exemplo de inserção de bloco de códigos incorporados

Um recurso que com certeza será bastante usado no Gutenberg serão os blocos de códigos incorporados que possibilitam embedar dentro do post códigos de terceiros provindo da web, como por exemplo, das redes sociais.

Um bom exemplo é a incorporação de vídeos do Youtube. Basta inserir a url dentro do bloco e clicar em incorporar para embedar um vídeo.

Outras funcionalidades do Gutenberg

O Gutenberg possui outras funções interessantes que se encontram no menu do canto superior esquerdo.

É possível desfazer e refazer uma ação clicando nas setas.Você também pode ver a estrutura do documento.E você pode navegar pelos blocos.

Existem outras funcionalidades específicas dentro de cada bloco. Uma delas é a possibilidade de mover o bloco dentro do post para cima ou para baixo, ou arrastá-lo para outra posição.

Outra funcionalidade interessante que é possível mexer dentro do bloco é alterar o tipo seu tipo por outro similar. Por exemplo; você tem três parágrafo simultâneos e gostaria que esse conteúdo fosse uma lista com três itens. Basta então seleciona-los e clicar em “Alterar tipo ou estilo do bloco”

Ainda existe no bloco o ícone de 3 pontos, que oferece mais opções de funções. Com ele você consegue:

Esconder as configurações do bloco;Duplicar um bloco;Inserir bloco antes e depois; Adicionar aos blocos reutilizáveis. Útil quando você sabe que usará muito este bloco. Para criá-lo você deve inserir um bloco qualquer, fazer as configurações necessários, clicar em “Adicionar aos blocos reutilizáveis” e salvar com um nome que possa ser lembrado; Você pode remover o bloco; E por fim editar o bloco com HTML se tiver essa opção.

Utilizando HTML no Gutenberg

Como foi dito no tópico anterior é possível editar certos blocos com HTML. Veja a seguir um exemplo utilizando um bloco de título.

Mas você pode também editar o post completo com HTML. Para isso você precisa:

Ir em “Mais ferramentas e opções” no canto superior direito do editor;Escolher a opção “Editor de códigos”; Após isso os blocos no Gutenberg serão substituídos por um campo com códigos HTML. Para retornar a posição inicial deve-se escolher a opção “Editor Visual”.

Edição HTML dentro do editor Gutenberg

Tutorial introdutório Gutenberg WordPress em vídeo

Para encerrar este artigo disponibilizo um vídeo onde mostro a utilização de alguns blocos dentro do editor Gutenberg. Dê uma conferida!

Conclusão

Como podemos ver neste artigo o editor WordPress Gutenberg trás inúmeras possibilidades de fácil personalização de blocos de conteúdos interferindo assim diretamente no layout dos posts e paginas.

Isso contrasta com forma de editar conteúdo nos tempos do editor clássico em que este tipo de personalização exigia a contratação de um desenvolvedor para criar a funcionalidade.

Gutenberg é que temos daqui para frente nesta era de Page Builders, apesar do Gutenberg não ser necessariamente como um construtor de páginas, mas sim um editor de conteúdos com algumas características de Page Builder.

Acredito que ele veio para facilitar a vida do usuário e é muito útil, apesar de alguns relatos de pessoas com dificuldade de adaptação ao editor. Eu, como produtor de conteúdo achei ele muito mais prático e rápido para publicar meus posts que muitas vezes possuem muitos detalhes comuns em interfaces web. Coisa que exigia mexer no HTML quando usava o editor clássico.

Agora quero saber de você sua opinião sobre o Gutenberg. Você já o utiliza? Ou ainda trabalho com editor clássico? Qual facilita mais seu trabalho?

Te aguardo nos comentários. Aproveite e compartilhe este artigo com os amigos!

Abraço!
The post Gutenberg WordPress – O editor de conteúdos do WordPress appeared first on Chief of Design.

Gutenberg WordPress – O editor de conteúdos do WordPress
Fonte: Chef of Design