EditorPlus 2.4 lançado, baseia-se em seu sistema ‘Extend Core Blocks’

Na terça-feira desta semana, Munir Kamal lançou a versão 2.4 de seu plugin EditorPlus. Além de alguns bugs e certificando-se de que o plug-in era compatível com o WordPress 5.6, ele adicionou um seletor de ícone para o bloco de botão e sobreposições de forma SVG para o bloco de imagem. Isto é sobre um novo sistema “Extend Core Blocks” que ele adicionou na versão anterior.

A última vez que mergulhei no plugin foi no início de novembro. No mundo de Kamal, isso pode ter sido há muito tempo. Em um ritmo de desenvolvimento quase vertiginoso, ele lançou três atualizações importantes para o plugin com vários novos recursos. Eu continuo me perguntando onde ele não só encontra tempo para se dedicar ao projeto gratuitamente, mas também onde ele sempre obtém novas ideias. Certamente, alguns deles vêm de sua crescente base de usuários. O plug-in ainda é relativamente novo e já passou de 2.000 instalações ativas.

O Sistema Extend Core Blocks

Quando Kamal criou o EditorPlus pela primeira vez, a ideia era criar opções de estilo adicionais para os blocos principais do WordPress. Essencialmente, o plug-in permitiu que os usuários finais definissem valores personalizados para propriedades CSS a partir de uma interface no editor. Isso pode levar o usuário médio a se aprofundar na personalização. No entanto, ainda é um pouco limitante. Existem coisas que os desenvolvedores da web podem fazer com o código que vão além do que essa interface básica pode fazer. A questão então se torna: como você fornece esses métodos avançados aos usuários?

No coração do sistema Extend Core Blocks, que pode ser desabilitado na tela de configurações do plugin, o autor do plugin queria empurrar os limites do que é possível com os blocos existentes do WordPress.

“Existem diferentes extensões no EditorPlus que oferecem diferentes recursos que você pode ativar ou desativar”, disse Kamal. “Como o estilo, animações, CSS customizado, etc., e agora este novo. Esta extensão oferecerá funcionalidades / recursos adicionais para os blocos principais de Gutenberg. Por exemplo, o ‘bloco de lista’ estendido com a opção de incluir ícones, dividir em colunas e muito mais. Da mesma forma, o plano é estender outros blocos principais com recursos adicionais ausentes também. ”

Personalizando uma lista com várias opções do plugin EditorPlus.
Criação de uma lista de equipe de duas colunas com ícones.

Na versão 2.3, ele criou o primeiro conjunto de opções com o novo sistema. Começando com o bloco List, ele adicionou colunas, opções, ícones e várias outras opções. Os usuários podem escolher entre uma variedade de ícones das bibliotecas Font Awesome e Icon Moon.

Selecionando uma máscara de imagem blob do plugin EditorPlus.
Adicionando um estilo “blob” ao bloco de imagem.

Meu novo recurso favorito são os estilos de “blob” personalizados que Kamal adicionou ao bloco de imagens. “Eu simplesmente adicionei 10 máscaras de forma SVG como estilos de bloco para o bloco de imagem principal”, disse ele ao compartilhar um vídeo de demonstração.

Embora eu não tenha certeza se tenho algum uso imediato para imagens em forma de blob, estou animado com a possibilidade de outras máscaras de formato SVG pousarem no futuro. Tenho certeza de que existem muitas aplicações potenciais em design em que seriam úteis. Se nada mais, eles são divertidos de mexer.

Adicionando um ícone ao bloco de botão no editor do WordPress.
Personalização de ícones para o bloco de botões.

Talvez um pouco mais prático, Kamal adicionou novas opções de ícone para o bloco de botões. Como o bloco List, os usuários podem escolher entre as bibliotecas Font Awesome e Icon Moon. Eles também podem selecionar o alinhamento à esquerda ou à direita, alterar as cores do fundo e do primeiro plano, arredondar o fundo com uma opção de raio de borda e controlar o espaçamento.

Existem alguns outros plug-ins relacionados a blocos com opções de ícone semelhantes. No entanto, tê-los embutidos no EditorPlus foi uma boa decisão. A maioria dos usuários do plug-in provavelmente se encontrará abandonando outros plug-ins de bloco com tantos plug-ins disponíveis em um.

Kamal permaneceu calado sobre quaisquer recursos específicos futuros no 2.5 e além. No entanto, ele disse que continuaria a desenvolver o sistema Extend Core Blocks. Se o seu trabalho até agora servir de indicação, será interessante ver as novas opções que ele traz para os outros blocos do WordPress.

Opções de fundo

Imagem de fundo SVG no bloco de capa no editor WordPress.
Adicionando uma imagem de fundo SVG ao bloco de capa.

Embora o novo sistema Extend Core Blocks tenha sido o foco dos últimos lançamentos, Kamal adicionou vários outros recursos. Um dos maiores que ele lançou é um conjunto de novas opções de plano de fundo para cada bloco principal, que inclui o seguinte:

  • Insira a imagem via URL.
  • Opção de fixação de fundo.
  • Opção de colocação de fundo.

Neste ponto, com EditorPlus, os usuários podem fazer quase tudo o que precisam com fundos. O maior impulso de personalização vem com a opção de URL de imagem, o que significa que os usuários podem até inserir um URI de dados para padrões SVG. Hero Patterns tem uma tonelada de opções para escolher para quem quiser experimentá-lo.



Source

Deixe uma resposta

%d blogueiros gostam disto: