Este es el vigésimo tutorial de la serie para el tema gratuito de ThemeIsle, Zerif Lite. En solo un par de pasos vamos a ver cómo aumentar el tamaño de los logos de los clientes en la sección “Quiénes somos”.
El tamaño predeterminado de 130px en ocasiones puede resultar demasiado poco. Así se ven en la demo de Zerif Lite:
Como siempre que hacemos modificaciones de estilo, tenemos dos opciones: usar un tema hijo (instrucciones aquí para crearlo) o añadir el código en el recuadro CSS adicional del Personalizador:
.client-list div img {
max-width: 200px !important;
}Para este ejemplo agregamos cuatro logos y usamos un ancho de 200 píxeles para que la distribución sea lo más uniforme posible:
De acuerdo con la cantidad de logos que queremos que se vean en una línea, cambiaremos el valor de 200px al tamaño que sea necesario. Una recomendación para que se vean uniformes es guardar todas las imágenes con las mismas dimensiones (en nuestro ejemplo, usamos un ancho de 200px y un alto de 58px para los cuatro logos).
Tutorial original en inglés: How to change dimensions for “Clients” in Zerif
Técnica en electromecánica, periodista, entusiasta de los idiomas y enamorada de WordPress. Amante del mate, la lectura, la música y las series de sci-fi. Mamá de una vizsla loca.
- Guía para WordPress 6.4 disponible - 5 de diciembre de 2023
- 🔥 Ofertas de WordPress 🛒Black Friday y Cyber Monday 2023 - 21 de noviembre de 2023
- 🎃 Ofertas de WordPress Halloween 2023 - 30 de octubre de 2023
Hola, como puedo aumentar el tamaño de las letras del Menu?, pude agrandar el logo pero las letras quedan muy pequeñas, gracias
Hola, Hugo.
Fijate en esta respuesta.
Saludos.
Hola, buenos días.
Hay forma de cambiar los widgest de “nuestro enfoque” a rectángulos? o aumentarlos de tamaño?
Saludos
Y de antemano, gracias
Hola, Lorena.
El tutorial para cambiar los bordes está aquí. Y para cambiarles el tamaño, fijate en esta respuesta.
Saludos.
Muchas gracias por tu apoyo!!!!
Hola gracias por el tutorial quisiera saber como cambiar el tamaño del logo de la pagina, para poner un logo mas grande. gracias
Hola, Edward.
Fijate en este tutorial.
Saludos.
hola,
una pregunta, como puedo cambiar la class col-lg? es que tengo 6 widgets en el apartado nuestro enfoque y me gustaria que quedase 3 y tres pero por defecto salen 4 en una misma linia…
Gracias!
Hola, Aida.
Tendrías que usar el siguiente código CSS:
@media (min-width:768px) { .focus .row .col-lg-3 { width: 33%; } }Saludos.
Hola, no me queda claro dónde se debe agregar el código.
Hola, Kathy.
Los códigos CSS son personalizaciones de estilo. Para aplicarlas a un tema se requiere, o bien incluirlas en la hoja de estilos del tema hijo, o bien instalar un plugin que te permita usar esos códigos sin necesidad del tema hijo. En esta entrada se explica cómo crear un tema hijo para Zerif (solo el paso 1; en esta entrada se explica el porqué de los temas hijos). Si no, en esta entrada se recomienda el plugin Simple CSS (aunque cualquier plugin con la misma finalidad debería servir).
Saludos.
Hola, me gustaría poner mas grande el logotipo de la web en cuestion, podrian ayudarme con esto?
Hola, Younly. Fijate en esta respuesta. Saludos.
Hola! Tengo dos preguntitas, la primera es cómo has logrado poner un elemento “sección” de la pagina estática de inicio en una página normal. Poniendo como ejemplo el caso de esta entrada: poner la sección “QUIENES SOMOS” en una página a parte de la página principal.
La otra pregunta es donde está la sección “NUESTROS CLIENTES”
Muchísimas gracias y felicitarte por los tutoriales, son de gran ayuda.
Hola, Noemy.
La primera pregunta no me quedó muy clara. La imagen de la entrada es la página de inicio. Si te referís a mostrar la sección Quiénes somos en una página interna, lo que tendrías que hacer es crear una plantilla de página e incluir esa sección. Pero tené en cuenta que el contenido lo controlarás únicamente desde el Personalizador (y sería exactamente el mismo que el de la página de inicio si elegiste mostrarlo ahí).
En la carpeta del tema hijo creamos un archivo que se llame, por ejemplo,
template-aboutus.phpy pegamos lo siguiente:Luego creamos una página desde Páginas > Añadir nueva y seleccionamos la plantilla About Us del panel Atributos de página. La guardamos y listo.
Y la sección Nuestros clientes se muestra solo si añadiste algún widget correspondiente a la sección Quiénes somos.
Saludos.
Muchas gracias por la respuesta, exactamente era eso lo que preguntaba pero me da error 🙁 ¿En el caso de querer poner otro tipo de sección lo tengo que hacer igual?
Sí, se hace igual, modificando la línea
get_template_part( 'sections/about_us' );con la sección que elijas. ¿Cuál sería el error?Me da en la linea 9, pero no quiero causar molestias. Te puedo enviar una captura de pantalla. Muchas gracias por todo y disculpa
El error se da en los servidores que tienen una versión de PHP obsoleta. Si podés, actualizá a la versión 5.6+ (recomendado). Si no, probá borrando el código a partir de
if ( get_stylesheet() !== get_template() ) {.Saludos.
Cómo estas Ana. Muchas gracias por estas respuestas.
Mi consulta: Cómo puedo mostrar en una página la sección “Nuestro equipo” con el mismo formato de la Página Principal?
Hola, Aureliano.
Creá una página de ancho completo con un nombre específico (por ejemplo “Nuestro equipo”).
Luego en el archivo
functions.phpdel tema hijo pegá el siguiente código:function zerif_child_our_team() { if ( is_page( 'nuestro-equipo' ) ) { get_template_part( 'sections/our_team' ); } } add_action( 'zerif_bottom_page_content', 'zerif_child_our_team' );El contenido de
is_pageserá el slug de la página.Saludos.
Hola buenas!!
Estoy intentando dar uso al efecto parallax, el problema es que el tamaño de mi archivo png se ve demasiado grande con respecto al fondo, lo he cambiado de tamaño mediante photoshop ,pero al meterlo en parallax sigue apareciendo del mismo tamaño con respesto al fondo. Tambien lo cambio de tamaño con wordpress, pero nada. Ya no se que hacer para hacerlo mas pequeño.
Gracias de antemano .
Hola, Ángel.
No hay manera de controlar la altura de la imagen en este efecto. Lo que deberías hacer es crear una imagen del mismo tamaño que la predeterminada (
background2.png, de la carpeta/zerif-lite/images/), que es de 1650×1100 píxeles, y trabajar desde esa medida (pegale tu imagen en el tamaño y ubicación que quieras que aparezca). Luego la guardás como PNG transparente.Fijate si te sirve.
Saludos.
Hola,
una pregunta, donde puedo cambiar el título de este widget, es decir, que en vez de que se llame nuestros clientes, pueda poner nuestros partners.
Gracias Ana
Hola, Beatriz.
En Zerif Lite ese título es una de las cadenas de los archivos de traducción (en Zerif Pro es editable desde el Personalizador). Tendrías que abrir el archivo
es_ES.pode la carpeta/languages/con Poedit (o el plugin Loco Translate) y editar el texto NUESTROS CLIENTES por el que vos quieras.Espero que te sirva.
Saludos.