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.
O número necessário de células é criado, como você pode ver.
Etapa 02: Comece a adicionar logotipos às células Tableberg
O Tableberg permite que você adicione vários blocos personalizados às células. Localizar e adicionar o bloco Image para uma célula.
Agora, carregar um logotipo, seja por meio de upload ou da biblioteca de mídia.
Adicione todos os outros logotipos ao restante das células Tableberg.
Etapa 03: Estilizar as células
Agora, ir para o guia estilos mantendo a tabela inteira selecionada. Você pode alterar a cor de fundo individualmente para todas as linhas e células. Mas, como não precisamos disso para o tutorial, deixaremos essa opção.
Venha para o Espaçamento entre células rolando a guia para baixo. Usando a opção nessa seção, é possível adicionar espaços entre as colunas do logotipo, tanto vertical quanto horizontalmente.
Borda do Come to Table. Na seção Inner Border (Borda interna), é possível alterar a cor e o raio da borda.
Assim, você pode dar uma visão estética às colunas do logotipo.
Conclusão
O Tableberg é um plugin multiuso interessante com o qual você pode criar vários designs incríveis para o seu site. Antes de sair, você pode explorar mais algumas postagens de tutoriais sobre o plugin.
