![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor.webp\")
<\/figure>\n\n\n\nEtapa 02: Selecione um layout de coluna<\/h3>\n\n\n\n
Selecione um layout de coluna. Quanto mais colunas voc\u00ea selecionar, mais logotipos poder\u00e1 adicionar. Vamos selecionar o layout 33\/33\/33<\/strong>.<\/p>\n\n\n\n Depois que o bloco for adicionado, voc\u00ea poder\u00e1 aumentar ainda mais o n\u00famero da coluna. <\/p>\n\n\n\n Para fazer isso, clique<\/strong> o \u00cdcone de coluna<\/strong> na barra de ferramentas. Ir para<\/strong> o Guia Configura\u00e7\u00f5es<\/strong>. Ent\u00e3o, venha para o Se\u00e7\u00e3o Colunas<\/strong>. <\/span><\/p>\n\n\n\n Voc\u00ea pode <\/span>aumentar o n\u00famero de colunas<\/span>barbeiro<\/strong> arrastando a escala ou digitando diretamente uma figura.<\/p>\n\n\n\n Voc\u00ea pode adicionar todos os outros blocos do Gutenberg dentro das colunas. V\u00e1 para a se\u00e7\u00e3o primeira coluna<\/strong> e clique<\/strong> o \u00edcone de mais (+)<\/strong>. <\/p>\n\n\n\n Tipo de imagem<\/strong> na caixa de pesquisa. Quando o bloco aparecer, adicione-o \u00e0 coluna.<\/p>\n\n\n\n Agora, carregue um logotipo do seu disco local ou da Biblioteca de m\u00eddia.<\/p>\n\n\n\n Voc\u00ea pode ver que adicionamos um logotipo ao bloco de colunas.<\/p>\n\n\n\n Da mesma forma, adicione logotipos \u00e0s outras colunas do bloco.<\/p>\n\n\n\n Para estilizar o bloco, ir para<\/strong> o Guia Estilos<\/strong> na barra lateral direita.<\/p>\n\n\n\n Rolando a guia, vir para<\/strong> Espa\u00e7amento entre blocos<\/strong>. Essa se\u00e7\u00e3o permite adicionar espa\u00e7o entre os logotipos vertical e horizontalmente. Mas, nesse caso, \u00e9 melhor adicionar espa\u00e7os horizontalmente.<\/p>\n\n\n\n Ent\u00e3o, adicionar uma borda<\/strong> ao redor de todo o bloco da coluna. Voc\u00ea pode alterar a cor e a largura da borda.<\/p>\n\n\n\n Para personaliza\u00e7\u00e3o de n\u00edvel avan\u00e7ado, voc\u00ea precisa usar um plug-in de terceiros. Explicaremos o m\u00e9todo a seguir com esse plug-in.<\/p>\n\n\n\n Tableberg<\/strong> \u00e9 um plug-in vers\u00e1til para criar tabelas, caixas de \u00edcones, caixas de imagens, caixas de logotipos e muito mais. Com esse plug-in, voc\u00ea pode exibir logotipos com personaliza\u00e7\u00f5es avan\u00e7adas em seu site. Obtenha-o no banner blow.<\/p>\n\n\n\n Criar mesas bonitas <\/strong> Depois de instalado, siga o esquema abaixo.<\/p>\n\n\n\n O plug-in adiciona um bloco \u00e0 biblioteca de blocos do Gutenberg chamado Tableberg<\/strong>. Adicione o bloco ao editor.<\/p>\n\n\n\n Voc\u00ea precisa definir as c\u00e9lulas da tabela para o n\u00famero de logotipos que deseja exibir. Basta criar o n\u00famero necess\u00e1rio de c\u00e9lulas, especificando o n\u00famero de linhas e colunas.<\/p>\n\n\n\n Por exemplo, precisamos de oito c\u00e9lulas para exibir oito logotipos. Defina o n\u00famero da coluna e da linha 4*2<\/strong>.<\/p>\n\n\n\n O n\u00famero necess\u00e1rio de c\u00e9lulas \u00e9 criado, como voc\u00ea pode ver.<\/p>\n\n\n\n O Tableberg permite que voc\u00ea adicione v\u00e1rios blocos personalizados \u00e0s c\u00e9lulas. Localizar e adicionar o bloco Image<\/strong> para uma c\u00e9lula.<\/p>\n\n\n\n Agora,\u00a0carregar um logotipo,<\/strong><\/span>\u00a0seja por meio de upload ou da biblioteca de m\u00eddia.<\/p>\n\n\n\n Adicione todos os outros logotipos ao restante das c\u00e9lulas Tableberg.<\/p>\n\n\n\n Agora, ir para<\/strong> o guia estilos<\/strong> mantendo a tabela inteira selecionada. Voc\u00ea pode alterar a cor de fundo individualmente para todas as linhas e c\u00e9lulas. Mas, como n\u00e3o precisamos disso para o tutorial, deixaremos essa op\u00e7\u00e3o.<\/p>\n\n\n\n Venha para<\/strong> o Espa\u00e7amento entre c\u00e9lulas<\/strong> rolando a guia para baixo. Usando a op\u00e7\u00e3o nessa se\u00e7\u00e3o, \u00e9 poss\u00edvel adicionar espa\u00e7os entre as colunas do logotipo, tanto vertical quanto horizontalmente.<\/p>\n\n\n\n Borda do Come to Table<\/strong>. Na se\u00e7\u00e3o Inner Border (Borda interna), \u00e9 poss\u00edvel alterar a cor e o raio da borda. <\/p>\n\n\n\n Assim, voc\u00ea pode dar uma vis\u00e3o est\u00e9tica \u00e0s colunas do logotipo.<\/p>\n\n\n\n O Tableberg \u00e9 um plugin multiuso interessante com o qual voc\u00ea pode criar v\u00e1rios designs incr\u00edveis para o seu site. Antes de sair, voc\u00ea pode explorar mais algumas postagens de tutoriais sobre o plugin. <\/p>\n\n\n\n A logo is a powerful visual representation of a brand. When your business is connected with other brands, whether through partnership or affiliation, you may need to display their logos on your website to build trust and credibility among web visitors. For example, if you have a portfolio website, you must display logos of the […]<\/p>\n","protected":false},"author":1,"featured_media":3678,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[41,120,102],"class_list":["post-3646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-image-block","tag-logo-box","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Showcase-Logos-in-WordPress-With_out-a-Plugin.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=3646"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3646\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3646\/revisions\/3679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/3678"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=3646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=3646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=3646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Selecione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-column-layout.webp\")
<\/figure>\n\n\n\n![\"Aumentar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Increase-the-column-number.webp\")
<\/figure>\n\n\n\nEtapa 03: Adicionar o bloco de imagem \u00e0s colunas individualmente<\/h3>\n\n\n\n
![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Individually.webp\")
<\/figure>\n\n\n\n![\"Fazer](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-logo-to-the-Gutenberg-column-block.webp\"){kind=logo}
<\/figure>\n\n\n\n![\"Logotipo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Logo-added-to-the-column-block.webp\"){kind=logo}
<\/figure>\n\n\n\nEtapa 04: Adicione logotipos \u00e0s outras colunas, uma a uma<\/h3>\n\n\n\n
![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-logos-to-the-other-columns.webp\")
<\/figure>\n\n\n\nEtapa 05: Estilizar o bloco de colunas<\/h3>\n\n\n\n
![\"Estilizar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Stylize-the-column-block-after-adding-logos.webp\")
<\/figure>\n\n\n\n![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-space-between-columsn-and-a-border.webp\")
<\/figure>\n\n\n\nM\u00e9todo dois: usando um plug-in (Tableberg)<\/h2>\n\n\n\n
Com o Block Editor<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nEtapa 01: Adicionar o bloco Tableberg ao Editor<\/h3>\n\n\n\n
![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\")
<\/figure>\n\n\n\n![\"Selecione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-number-of-rows-and-columns.webp\")
<\/figure>\n\n\n\n![\"C\u00e9lulas](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cells-created-for-displaying-logos.webp\")
<\/figure>\n\n\n\nEtapa 02: Comece a adicionar logotipos \u00e0s c\u00e9lulas Tableberg<\/h3>\n\n\n\n
![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-logos-to-the-Tableberg-cells.webp\")
<\/figure>\n\n\n\n![\"Logotipo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Logo-added-to-the-Tableberg-cell.webp\"){kind=logo}
<\/figure>\n\n\n\n![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-all-logos-to-the-Tableberg-cells.webp\")
<\/figure>\n\n\n\nEtapa 03: Estilizar as c\u00e9lulas<\/h3>\n\n\n\n
![\"Estilize](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Stylize-the-logos-displayed-with-Tableberg.webp\")
<\/figure>\n\n\n\n![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-space-between-the-logo-cells.webp\"){kind=logo}
<\/figure>\n\n\n\n![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-border-and-radius-to-the-logo-columns.webp\"){kind=logo}
<\/figure>\n\n\n\nConclus\u00e3o<\/h2>\n\n\n\n
\n