Um logotipo é uma representação visual poderosa de uma marca. Quando sua empresa estiver conectada a outras marcas, seja por meio de parceria ou afiliação, talvez seja necessário exibir os logotipos delas em seu site para criar confiança e credibilidade entre os visitantes da Web.
Por exemplo, se você tiver um site de portfólio, deverá exibir os logotipos das marcas com as quais trabalhou. O mesmo se aplica a muitos outros sites. O WordPress permite que você faça isso de várias maneiras fáceis e sem complicações.
Nesta postagem de tutorial, mostraremos os dois métodos mais fáceis de exibir logotipos no WordPress, com e sem um plug-in. Comece agora!
Método um: sem um plug-in (usando o bloco de colunas)
A coluna é um bloco padrão do editor do Gutenberg.
Etapa 01: Adicionar o bloco de colunas ao Editor
Adicionar Bloco de colunas para o editor, clicando no botão ícone de mais (+).
Etapa 02: Selecione um layout de coluna
Selecione um layout de coluna. Quanto mais colunas você selecionar, mais logotipos poderá adicionar. Vamos selecionar o layout 33/33/33.
Depois que o bloco for adicionado, você poderá aumentar ainda mais o número da coluna.
Para fazer isso, clique o Ícone de coluna na barra de ferramentas. Ir para o Guia Configurações. Então, venha para o Seção Colunas.
Você pode aumentar o número de colunasbarbeiro arrastando a escala ou digitando diretamente uma figura.
Etapa 03: Adicionar o bloco de imagem às colunas individualmente
Você pode adicionar todos os outros blocos do Gutenberg dentro das colunas. Vá para a seção primeira coluna e clique o ícone de mais (+).
Tipo de imagem na caixa de pesquisa. Quando o bloco aparecer, adicione-o à coluna.
Agora, carregue um logotipo do seu disco local ou da Biblioteca de mídia.
Você pode ver que adicionamos um logotipo ao bloco de colunas.
Etapa 04: Adicione logotipos às outras colunas, uma a uma
Da mesma forma, adicione logotipos às outras colunas do bloco.
Etapa 05: Estilizar o bloco de colunas
Para estilizar o bloco, ir para o Guia Estilos na barra lateral direita.
Rolando a guia, vir para Espaçamento entre blocos. Essa seção permite adicionar espaço entre os logotipos vertical e horizontalmente. Mas, nesse caso, é melhor adicionar espaços horizontalmente.
Então, adicionar uma borda ao redor de todo o bloco da coluna. Você pode alterar a cor e a largura da borda.
Para personalização de nível avançado, você precisa usar um plug-in de terceiros. Explicaremos o método a seguir com esse plug-in.
Método dois: usando um plug-in (Tableberg)
Tableberg é um plug-in versátil para criar tabelas, caixas de ícones, caixas de imagens, caixas de logotipos e muito mais. Com esse plug-in, você pode exibir logotipos com personalizações avançadas em seu site. Obtenha-o no banner blow.
Criar mesas bonitas
Com o Block Editor
Depois de instalado, siga o esquema abaixo.
Etapa 01: Adicionar o bloco Tableberg ao Editor
O plug-in adiciona um bloco à biblioteca de blocos do Gutenberg chamado Tableberg. Adicione o bloco ao editor.
Você precisa definir as células da tabela para o número de logotipos que deseja exibir. Basta criar o número necessário de células, especificando o número de linhas e colunas.
Por exemplo, precisamos de oito células para exibir oito logotipos. Defina o número da coluna e da linha 4*2.