Ao construir um site, é importante encontrar a eficiência sempre que possível. Esses pequenos truques que economizam tempo sem sacrificar a qualidade são sempre bem-vindos.
O editor de blocos do WordPress Gutenberg possui muitas joias de produtividade ocultas integradas. Recursos como atalhos de teclado e aprimoramentos de IU que podem nos ajudar a fazer as coisas com mais rapidez. Eles são especialmente adequados para as tarefas servis, como duplicar blocos ou reposicioná-los para caber em um layout específico. Mas isso é apenas o começo.
Claro, o editor continua mudando. Novos recursos estão sendo adicionados, enquanto a usabilidade também teve melhorias significativas. A parte difícil para os usuários é que alguns desses itens são lançados com pouco alarde.
Hoje, apresentaremos quatro recursos que você pode usar para concluir seus projetos de criação de conteúdo em tempo recorde.
Aproveite os atalhos de teclado
Assim como seu sistema operacional favorito, o Gutenberg vem com alguns atalhos de teclado úteis. Isso é uma coisa boa, porque usar um mouse ou trackpad para abrir menus de opções pode se tornar tedioso em projetos grandes.
Há até um atalho de teclado que exibe (você adivinhou) toda a gama de atalhos disponíveis: Shift + Alt + H
Entre os destaques:
Blocos Selecionados Duplicados – Ctrl + Shift + D
Sempre que você precisar usar mais de uma instância de um bloco específico em sua página, isso economizará muito tempo. Por exemplo, é ótimo para adicionar várias linhas de colunas ou separadores que você deseja espalhar por todo o conteúdo.
Insira um novo bloco antes Ctrl + Alt + Tou depois dos blocos selecionadosCtrl + Alt + Y
Às vezes, é necessário um pouco de ginástica com cursor para colocar um novo bloco logo acima ou abaixo de sua posição atual (embora falemos sobre isso com mais detalhes abaixo). Esses atalhos irão ajudá-lo a adicionar blocos sem interrupção.
Salve suas alterações Ctrl + S
Assim como seus aplicativos de desktop favoritos, salvar alterações em uma página ou postagem está apenas a um atalho.
Desfaça sua última alteração Ctrl + Z
Outro favorito dos desktops, este vai apagar aquele último momento “oops”.
Selecione e mova vários blocos
Ao criar o layout de página perfeito, pode haver momentos em que você precise mover vários blocos consecutivos para um novo local. Felizmente, você não terá que perder tempo movendo cada bloco individualmente. Em vez disso, existe uma maneira de selecionar os blocos que deseja reposicionar e colocá-los onde quiser.
Para fazer isso, clique no primeiro bloco que deseja mover e mantenha pressionada a Shifttecla. Em seguida, clique no último bloco que deseja mover. Isso selecionará automaticamente todos os blocos dentro do intervalo.
Substitua o conteúdo da página por meio do Editor de código
Existem muitos sites WordPress por aí que ainda utilizam o Editor Clássico ou um plugin de criação de páginas. O processo de alternar para o editor de blocos geralmente requer a reconstrução de quaisquer layouts de página personalizados. No entanto, trabalhar na versão “ativa” da página não é a opção mais segura.
O editor de código Gutenberg permite que você mova facilmente seu novo layout de uma página de teste para a versão “ao vivo”. É assim que funciona (certifique-se de fazer backup do seu conteúdo primeiro):
1. Crie uma nova página que use o editor de bloco. Em seguida, crie a página para atender às suas necessidades.
2. Satisfeito com a página que você criou? Agora, você pode copiar seu layout e conteúdo.
Em sua nova página, abra o painel Opções (um ícone de três pontos no canto superior direito da tela) e selecione “ Editor de código ”. Você também pode usar o atalho de teclado:Ctrl + Shift + Alt + M
Clique no editor de código. A partir daí, selecione todo o seu conteúdo ( Ctrl + A) e copie-o ( Ctrl + C). Você pode querer colar o código em um editor de texto para mantê-lo seguro.
3. Em seguida, abra sua página existente (aquela que você deseja substituir). Certifique-se de que está usando o editor de bloco (se você estiver usando o plugin do Editor Clássico, pode ser necessário clicar no link “Alternar para editor de bloco” no lado direito da tela).
4. Assim como na etapa 2 acima, abra o editor de código. Remova todo o conteúdo da página existente e cole o conteúdo ( Ctrl + P) da nova que você criou anteriormente.
Selecione facilmente um bloco aninhado
Selecionar um bloco específico dentro de um grupo aninhado usando o mouse pode ser frustrante. Por exemplo, escolher apenas uma coluna em uma linha ou até mesmo selecionar todo o bloco de colunas. Você tem que clicar em apenas o lugar certo.
Existe uma solução muito mais simples. As migalhas de pão do bloco que estão escondidas na parte inferior da tela são tudo de que você precisa. Ele exibe uma hierarquia completa da estrutura do grupo.
Para usá-lo, clique em qualquer lugar do grupo de blocos no editor. Em seguida, encontre exatamente o que deseja selecionar nas trilhas de navegação abaixo. Clique no bloco desejado na hierarquia e ele é seu para editar.
Tornando-se mais proficiente com o Editor de Bloco
Sim, o editor de blocos ainda está evoluindo. Mas finalmente chegamos ao ponto em que as coisas se estabilizaram um pouco. Isso o torna uma opção viável para praticamente qualquer site WordPress. Isso também significa que os criadores de conteúdo precisarão aumentar seu nível de proficiência.
Uma das melhores maneiras de fazer isso é evitar a abordagem de apontar e clicar para construir layouts. Pode ser frustrante e uma perda de tempo precioso . Por meio do uso de atalhos de teclado e alguns recursos úteis da IU, agora existem maneiras mais eficientes de fazer as coisas.
As dicas acima farão com que sua jornada tenha um ótimo começo. Use-os para reduzir o tempo de construção e realizar mais com menos esforço.