EditorPlus apresenta seus primeiros blocos e adiciona um criador de bloco personalizado

No que parece ser um ataque sem fim de novos recursos, Munir Kamal lançou alguns novos recursos importantes para seu plugin EditorPlus nas duas últimas atualizações. A versão 2.0, que chegou hoje cedo, inclui um conjunto de sete novos blocos. A versão anterior apresentou um recurso de criação de bloco que coloca mais opções de personalização nas mãos dos usuários finais.

O editor de blocos alimentou sua criatividade e ele não ficou sem ideias para seu site de compartilhamento de blocos GutenbergHub ou plugin EditorPlus. Os próximos lançamentos devem ter uma revisão da interface do usuário do plug-in e uma possível API para desenvolvedores de terceiros.

Ele disse que garantirá que o EditorPlus esteja trabalhando ao lado do editor de sites do WordPress quando chegar no futuro. Além disso, o suporte eventual dos blocos do WooCommerce está na mesa. Por enquanto, o foco está nos recursos do plugin que ele lançou nas últimas semanas.

Criando blocos personalizados

Com o conjunto principal de blocos do WordPress já nas mãos dos usuários, quase tudo já é possível. Esses blocos cobrem essencialmente todos os elementos fundamentais do web design, como títulos, parágrafos, listas, citações e muito mais. Às vezes, o truque para construir algo único é misturar e combinar esses elementos para criar algo novo. Isso é essencialmente o que esse novo recurso de criação de bloco é para o EditorPlus.

Salvar um bloco personalizado é simples. Os usuários devem primeiro agrupar seus blocos em um bloco de grupo principal. Em seguida, no menu “mais opções” na barra de ferramentas do bloco, selecione a opção “Adicionar a blocos personalizados”. O plugin pedirá um título de bloco antes de salvar.

Para não confundir com blocos reutilizáveis, que são recursos que permanecem os mesmos de postagem para postagem, os blocos criados são como quaisquer outros blocos. Eles podem ser acessados ​​pelo insersor de blocos na categoria “Meus blocos personalizados”.

Faltam alguns pequenos detalhes que seriam ótimas adições a longo prazo. A primeira é a capacidade de selecionar um ícone personalizado para o bloco. Atualmente, todos os blocos personalizados compartilham um ícone. A segunda é a capacidade de adicionar uma visualização no insersor de bloco.

A Kamal construiu esse recurso para que os usuários finais pudessem criar blocos simples para si mesmos. Também é uma ferramenta para desenvolvedores criarem rapidamente blocos para sites de clientes.

“Por exemplo, quase todos os sites de negócios precisam de um bloco de depoimentos, mas não há um no núcleo para esse propósito exato”, disse ele. “Claro, você pode criá-lo usando a combinação de blocos principais, e essa é a maneira de fazer isso. Já vi muitos plugins de bloco trazendo blocos como Testemunho, Equipe, Preço, etc., mas esses podem ser facilmente criados com blocos principais.”

Ele já mostrou à comunidade até onde você pode esticar os blocos principais para criar layouts exclusivos com suas bibliotecas de blocos e modelos. Portanto, não está fora da possibilidade que os usuários possam construir algumas dessas coisas diretamente do editor.

O criador de bloco parece que seria melhor tratado como um criador de padrão de bloco. Em essência, os usuários estão criando padrões personalizados, que são agrupamentos de blocos. Kamal disse que um criador de padrões também está na lista de tarefas.

“Como Gutenberg tem essas duas peças para usar na criação de conteúdo/layouts, adicionarei os dois recursos”, disse ele. “Salvar como bloco foi adicionado, 'salvar como padrão' também será adicionado. Caberá ao usuário usar da maneira que quiser de acordo com seu fluxo de trabalho.”

Eu me inclino para ficar com o paradigma de padrão existente, um único recurso que lida com grupos de blocos. No entanto, será interessante ver o que os usuários preferem. A longo prazo, o que mais importa é que eles tenham acesso fácil às ferramentas de que precisam para construir suas páginas.

Os blocos “ausentes”

Hoje cedo, Kamal lançou o que ele chama de blocos “ausentes” para o WordPress. Estes são um conjunto de sete blocos personalizados que lidam com tipos de conteúdo que não são possíveis com os blocos principais existentes. No passado, ele hesitou em criar quaisquer blocos, preferindo estender as ferramentas que o WordPress fornecia imediatamente.

“Minha ideia original e ainda é estender o Gutenberg para o que está faltando e torná-lo mais poderoso para criar belos designs visualmente sem código”, disse ele. “E, depois de criar centenas de modelos/designs, percebi a necessidade de alguns blocos ausentes importantes que são mais comumente usados ​​em construtores de sites, mas ausentes em Gutenberg. Portanto, estou adicionando apenas os blocos no EditorPlus que estão faltando, devem ser necessários para criar designs modernos e não podem ser criados usando uma combinação de blocos principais facilmente. Por exemplo, um bloco de guias, um bloco de acordeão ou todos os outros blocos adicionados são aqueles que se encaixam nesses critérios. ”

O plugin inclui os seguintes novos blocos:

• Abas
• Alternar/Acordeão
• Ícone
• Avaliação
• Barra de progresso
• Estatísticas/Contador
• Temporizador de contagem regressiva

Alguns deles exigem JavaScript adicional, e é por isso que eles não são bons candidatos para o WordPress principal. No entanto, eles são boas opções para desenvolvedores de plugins, e não são blocos incomuns de outros plugins do tipo biblioteca.

O que os diferencia é a integração com o sistema de estilo do plugin, que Kamal pode estar abrindo para outros desenvolvedores de plugins em uma versão futura. O plano atual é criar uma API de estilos independente para permitir que os usuários personalizem qualquer bloco. Ele já recebeu alguns comentários do grupo Advanced WP no Facebook sobre a ideia. Grande parte do feedback está desejando que tal sistema chegue ao próprio WordPress.

Uma característica interessante dos novos blocos do plugin é que ao clicar em um subelemento de um bloco, suas opções de design são acionadas automaticamente no painel de opções do bloco. Por exemplo, o bloco de classificação por estrelas tem elementos "título" e "classificação". Ao clicar no título, suas opções de design abrem na barra lateral, e o mesmo acontece com as avaliações. Este é um desvio da organização típica das opções de design do EditorPlus nos blocos principais, que são agrupados por propriedades CSS. O foco é colocado no elemento individual e torna muito mais fácil encontrar uma opção específica.

Essa experimentação é um pouco precursora do que Kamal está trabalhando para uma atualização futura. Um de seus grandes objetivos é fazer uma limpeza na interface do usuário – há muitas opções no plug-in – e permitir que os usuários personalizem mais rapidamente seus blocos.