![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor.webp\")
<\/figure>\n\n\n\nPaso 02: Seleccionar una disposici\u00f3n de columnas<\/h3>\n\n\n\n
Seleccione un dise\u00f1o de columnas. Cuantas m\u00e1s columnas seleccione, m\u00e1s logotipos podr\u00e1 a\u00f1adir. Seleccionemos el dise\u00f1o 33\/33\/33<\/strong>.<\/p>\n\n\n\n Una vez a\u00f1adido el bloque, puede seguir aumentando el n\u00famero de columnas. <\/p>\n\n\n\n Para ello, haga clic en<\/strong> el Icono de columna<\/strong> en la barra de herramientas. Ir a<\/strong> el Ficha Configuraci\u00f3n<\/strong>. Entonces, ven al Secci\u00f3n de columnas<\/strong>. <\/span><\/p>\n\n\n\n Puede <\/span>aumentar la columna nu<\/span>mber<\/strong> arrastrando la escala o escribiendo directamente una cifra.<\/p>\n\n\n\n Puedes a\u00f1adir todos los dem\u00e1s bloques de Gutenberg dentro de las columnas. Vaya a la secci\u00f3n primera columna<\/strong> y haga clic en<\/strong> el icono m\u00e1s (+)<\/strong>. <\/p>\n\n\n\n Tipo Imagen<\/strong> en el cuadro de b\u00fasqueda. Una vez que aparezca el bloque, a\u00f1\u00e1delo a la columna.<\/p>\n\n\n\n Ahora, cargue un logotipo, ya sea desde su unidad local o desde la Biblioteca multimedia.<\/p>\n\n\n\n Puede ver que hemos a\u00f1adido un logotipo al bloque de columnas.<\/p>\n\n\n\n Del mismo modo, a\u00f1ada logotipos a las dem\u00e1s columnas del bloque.<\/p>\n\n\n\n Para estilizar el bloque, ir a<\/strong> el Ficha Estilos<\/strong> en la barra lateral derecha.<\/p>\n\n\n\n Desplazando la pesta\u00f1a, venir a<\/strong> Espacio entre bloques<\/strong>. Esta secci\u00f3n le permitir\u00e1 a\u00f1adir espacio entre los logotipos vertical y horizontalmente. Pero en este caso, es mejor a\u00f1adir espacios horizontalmente.<\/p>\n\n\n\n Entonces, a\u00f1adir un borde<\/strong> alrededor de todo el bloque de columnas. Puede cambiar el color y la anchura del borde.<\/p>\n\n\n\n Para la personalizaci\u00f3n de nivel avanzado, es necesario utilizar un plugin de terceros. Explicaremos el siguiente m\u00e9todo con un plugin de este tipo.<\/p>\n\n\n\n Tableberg<\/strong> es un plugin vers\u00e1til para construir tablas, cajas de iconos, cajas de im\u00e1genes, cajas de logotipos y mucho m\u00e1s. Puede mostrar logotipos con personalizaciones avanzadas en su sitio web con este plugin. Cons\u00edguelo a golpe de banner.<\/p>\n\n\n\n Cree bonitas mesas <\/strong> Una vez instalado, siga el esquema siguiente.<\/p>\n\n\n\n El plugin a\u00f1ade un bloque a la biblioteca de bloques de Gutenberg llamado Tableberg<\/strong>. A\u00f1ade el bloque al editor.<\/p>\n\n\n\n Debe definir las celdas de la tabla para el n\u00famero de logotipos que desea mostrar. Basta con crear el n\u00famero necesario de celdas especificando el n\u00famero de filas y columnas.<\/p>\n\n\n\n Por ejemplo, necesitamos ocho celdas para mostrar ocho logotipos. Establezca el n\u00famero de columna y de fila 4*2<\/strong>.<\/p>\n\n\n\n Como puede ver, se crea el n\u00famero de celdas necesario.<\/p>\n\n\n\n Tableberg te permite a\u00f1adir varios bloques personalizados a las celdas. Buscar y a\u00f1adir el bloque Imagen<\/strong> a una celda.<\/p>\n\n\n\n Ahora,\u00a0cargar un logotipo,<\/strong><\/span>\u00a0ya sea mediante carga o desde la mediateca.<\/p>\n\n\n\n A\u00f1adir todos los dem\u00e1s logotipos al resto de c\u00e9lulas Tableberg.<\/p>\n\n\n\n Ahora, ir a<\/strong> el ficha Estilos<\/strong> manteniendo seleccionada toda la tabla. Puede cambiar el color de fondo individualmente para todas las filas y celdas. Pero como no lo necesitamos para el tutorial, vamos a dejar esta opci\u00f3n.<\/p>\n\n\n\n Ven a<\/strong> el Espacio entre celdas<\/strong> desplaz\u00e1ndose hacia abajo por la pesta\u00f1a. Utilizando la opci\u00f3n de esta secci\u00f3n, puede a\u00f1adir espacios entre las columnas del logotipo tanto vertical como horizontalmente.<\/p>\n\n\n\n Ven a la mesa Frontera<\/strong>. En la secci\u00f3n Borde interior, puede cambiar el color y el radio del borde. <\/p>\n\n\n\n As\u00ed, puede dar una visi\u00f3n est\u00e9tica a las columnas del logotipo.<\/p>\n\n\n\n Tableberg es un emocionante plugin multiprop\u00f3sito con el que puedes crear numerosos dise\u00f1os impresionantes para tu sitio web. Antes de salir, se puede explorar algunos mensajes m\u00e1s tutoriales sobre el 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\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=3646"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3646\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3646\/revisions\/3679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/3678"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=3646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=3646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=3646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Seleccione](\"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\nPaso 03: A\u00f1adir el Bloque de Imagen a las Columnas Individualmente<\/h3>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Individually.webp\")
<\/figure>\n\n\n\n![\"Subir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-logo-to-the-Gutenberg-column-block.webp\"){kind=logo}
<\/figure>\n\n\n\n![\"Logo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Logo-added-to-the-column-block.webp\"){kind=logo}
<\/figure>\n\n\n\nPaso 04: A\u00f1adir logotipos a las dem\u00e1s columnas uno a uno<\/h3>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-logos-to-the-other-columns.webp\")
<\/figure>\n\n\n\nPaso 05: Estilizar el bloque de columnas<\/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![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-space-between-columsn-and-a-border.webp\")
<\/figure>\n\n\n\nSegundo m\u00e9todo: utilizar un plugin (Tableberg)<\/h2>\n\n\n\n
Con el editor de bloques<\/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\nPaso 01: A\u00f1adir el bloque Tableberg al editor<\/h3>\n\n\n\n
![\"A\u00f1ade](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\")
<\/figure>\n\n\n\n![\"Seleccione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-number-of-rows-and-columns.webp\")
<\/figure>\n\n\n\n![\"Celdas](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cells-created-for-displaying-logos.webp\")
<\/figure>\n\n\n\nPaso 02: Empezar a a\u00f1adir logotipos a las c\u00e9lulas Tableberg<\/h3>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-logos-to-the-Tableberg-cells.webp\")
<\/figure>\n\n\n\n![\"Logo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Logo-added-to-the-Tableberg-cell.webp\"){kind=logo}
<\/figure>\n\n\n\n![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-all-logos-to-the-Tableberg-cells.webp\")
<\/figure>\n\n\n\nPaso 03: Estilizar las celdas<\/h3>\n\n\n\n
![\"Estiliza](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Stylize-the-logos-displayed-with-Tableberg.webp\")
<\/figure>\n\n\n\n![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-space-between-the-logo-cells.webp\"){kind=logo}
<\/figure>\n\n\n\n![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-border-and-radius-to-the-logo-columns.webp\"){kind=logo}
<\/figure>\n\n\n\nConclusi\u00f3n<\/h2>\n\n\n\n
\n