Un logotipo es una poderosa representación visual de una marca. Si su empresa está relacionada con otras marcas, ya sea por asociación o afiliación, puede que necesite mostrar sus logotipos en su sitio web para generar confianza y credibilidad entre los visitantes.
Por ejemplo, si tiene un sitio web de portafolio, debe mostrar los logotipos de las marcas con las que ha trabajado. Lo mismo ocurre con muchos otros sitios web. WordPress te permite hacerlo de varias formas fáciles y sin complicaciones.
En este post tutorial, le mostraremos dos métodos más fáciles de cómo mostrar logotipos en WordPress, con y sin un plugin. Para empezar
Primer método: sin plugin (con el bloque de columnas)
La Columna es un bloque por defecto del editor Gutenberg.
Paso 01: Añadir el bloque de columnas al editor
Añadir Bloque de columnas al editor pulsando el botón icono más (+).
Paso 02: Seleccionar una disposición de columnas
Seleccione un diseño de columnas. Cuantas más columnas seleccione, más logotipos podrá añadir. Seleccionemos el diseño 33/33/33.
Una vez añadido el bloque, puede seguir aumentando el número de columnas.
Para ello, haga clic en el Icono de columna en la barra de herramientas. Ir a el Ficha Configuración. Entonces, ven al Sección de columnas.
Puede aumentar la columna number arrastrando la escala o escribiendo directamente una cifra.
Paso 03: Añadir el Bloque de Imagen a las Columnas Individualmente
Puedes añadir todos los demás bloques de Gutenberg dentro de las columnas. Vaya a la sección primera columna y haga clic en el icono más (+).
Tipo Imagen en el cuadro de búsqueda. Una vez que aparezca el bloque, añádelo a la columna.
Ahora, cargue un logotipo, ya sea desde su unidad local o desde la Biblioteca multimedia.
Puede ver que hemos añadido un logotipo al bloque de columnas.
Paso 04: Añadir logotipos a las demás columnas uno a uno
Del mismo modo, añada logotipos a las demás columnas del bloque.
Paso 05: Estilizar el bloque de columnas
Para estilizar el bloque, ir a el Ficha Estilos en la barra lateral derecha.
Desplazando la pestaña, venir a Espacio entre bloques. Esta sección le permitirá añadir espacio entre los logotipos vertical y horizontalmente. Pero en este caso, es mejor añadir espacios horizontalmente.
Entonces, añadir un borde alrededor de todo el bloque de columnas. Puede cambiar el color y la anchura del borde.
Para la personalización de nivel avanzado, es necesario utilizar un plugin de terceros. Explicaremos el siguiente método con un plugin de este tipo.
Segundo método: utilizar un plugin (Tableberg)
Tableberg es un plugin versátil para construir tablas, cajas de iconos, cajas de imágenes, cajas de logotipos y mucho más. Puede mostrar logotipos con personalizaciones avanzadas en su sitio web con este plugin. Consíguelo a golpe de banner.
Cree bonitas mesas
Con el editor de bloques
Una vez instalado, siga el esquema siguiente.
Paso 01: Añadir el bloque Tableberg al editor
El plugin añade un bloque a la biblioteca de bloques de Gutenberg llamado Tableberg. Añade el bloque al editor.
Debe definir las celdas de la tabla para el número de logotipos que desea mostrar. Basta con crear el número necesario de celdas especificando el número de filas y columnas.
Por ejemplo, necesitamos ocho celdas para mostrar ocho logotipos. Establezca el número de columna y de fila 4*2.
Como puede ver, se crea el número de celdas necesario.
Paso 02: Empezar a añadir logotipos a las células Tableberg
Tableberg te permite añadir varios bloques personalizados a las celdas. Buscar y añadir el bloque Imagen a una celda.
Ahora, cargar un logotipo, ya sea mediante carga o desde la mediateca.
Añadir todos los demás logotipos al resto de células Tableberg.
Paso 03: Estilizar las celdas
Ahora, ir a el ficha Estilos 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ón.
Ven a el Espacio entre celdas desplazándose hacia abajo por la pestaña. Utilizando la opción de esta sección, puede añadir espacios entre las columnas del logotipo tanto vertical como horizontalmente.
Ven a la mesa Frontera. En la sección Borde interior, puede cambiar el color y el radio del borde.
Así, puede dar una visión estética a las columnas del logotipo.
Conclusión
Tableberg es un emocionante plugin multipropósito con el que puedes crear numerosos diseños impresionantes para tu sitio web. Antes de salir, se puede explorar algunos mensajes más tutoriales sobre el plugin.
