Avisos
Vaciar todo

Imágenes en línea en el footer  

Página 1 / 2
 
Joaquín
 Joaquín
Usuario activo

Buenos días,

Necesito añadir unos imágenes (media docena de logos, con su enlace) en línea (en una única fila) en el pie de página de Storefront. He instalado el plugin Storefront Footer Bar, que añade un footer adicional por encima del ya existente, y que creo que puede ser adecuado para estas imágenes en fila. El caso es que no consigo alienear dicha fila. Estoy intentando aplicar estilo a un DIV dentro del widget (no veo otra manera de aplicarlo, no sé identificar qué clase corresponde al widget dentro de ese footer, para alicar CSS a través del dashboard de wordpress), y no sé si lo estoy haciendo mal (tengo el CSS bastante oxidado, o lo que intento no es posible directamente en el widget, no sé...).  Las pruebas las estoy haciendo en otro sitio web  (aprovecho que le quedan unos meses de vida antes de expirar), replicando la instalación de woocommerce, tema Storefront, tema hijo...

¿Me podéis ayudar?  O aparte de HTML personalizado en el widget... ¿hay alguna otra manera?  (he googleado hasta la saciedad sin éxito)

Añado la imagen donde se ve lo que comento (el fondo rojo del div es simplemente para ver que el contenedor "funciona", y sólo hay un par de imágenes de prueba).

Gracias

Captura footer storefront

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 31/10/2023 8:30 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

Puedes indicarnos una URL donde podamos ver los iconos ?

Cada plantilla es distinta y necesitamos revisarlo en la web donde lo tienes añadido.

 

Un saludo

ResponderCitar
Respondido : 31/10/2023 9:30 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Joaquín
 Joaquín
Usuario activo

Hola Pepe,

la URL donde estoy haciendo las pruebas con gaseosa es:

https://informaticamaestrat.com/

 

ResponderCitar
Respondido : 31/10/2023 10:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

La web no se encuentra en Webempresa y solo podemos dar soporte a instalaciones que tengas en el hosting de Webempresa.

De todas formas prueba esto:

.footer-personalizado img {
display:inline-block;
}

 

Un Saludo

ResponderCitar
Respondido : 31/10/2023 10:53 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Joaquín
 Joaquín
Usuario activo

Hola Joaquín,

entiendo que no quieras/puedas mirar una web ajena, aunque como digo es simplemente una réplica instalada ad hoc para hacer pruebas, por miedo a descuajarringarlo todo, aunque vaya guardando backups.

Instalaré el footer adicional de Storefront en la web "auténtica" y replicaré lo que he estado probando, para poder pediros ayuda adecuadamente.

Y gracias por el consejo, voy a probarlo, obviamente.

ResponderCitar
Respondido : 31/10/2023 11:00 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

Ok, dejo el hilo abierto por si necesitas retomarlo.

 

Un Saludo

ResponderCitar
Respondido : 31/10/2023 11:14 am

Cursos Gratuitos WordPress

Joaquín
 Joaquín
Usuario activo

Buenos días,

 

al final lo he conseguido con la propiedad display: flex  (inline-block no funciona, se apilan igualmente). Lo que estoy viendo es que el código dentro del widget no se comporta siempre igual que en un sitio web "normal".

De momento me sirve así, aunque no funciona responsivamente (las imágenes simplemente se "comprimen" ad infinitum dentro de esa misma fila al reducir la pantalla). Más adelante ya miraré si consigo que se apilen progresivamenet al reducir la pantalla (dos filas, tres...).

 

La imagen es del sitio definitivo (en Webempresa, jeje 🙂

 

Gracias por el interés!

 

Ah, por cierto, también lo he googleado (aunque no a fondo), y sin haberlo probado yo todavía, lo que he visto que dice la gente es que no lo consigue, que el footer acaba apareciendo en sitios inesperados de la página (jugando con el CSS del footer, que sabemos si clase: sfb-footer-bar).

La cuestión es si se podría intercambiar la posición de los dos footers, el que viene de serie con Storefront (con sus 4 widgets) y este añadido que queda por encima  (y así lo especifica en la página de descarga del plugin: footer que se sitúa por encima del existente....).  ¿Alguna idea?

Gracias!

Captura

 

ResponderCitar
Respondido : 02/11/2023 7:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

Ok, adjunta la URL de la web para que podamos revisarlo.

 

Un Saludo

ResponderCitar
Respondido : 02/11/2023 9:24 am

Joaquín
 Joaquín
Usuario activo

Claro, disculpa: 

https://marketmaestrat.com

 

Resumiendo, con dispaly: flex he conseguido que se mantengan los iconos en línea en el footer añadido (que queda por encima). ¿Alguna idea sobre cómo poder intercambiar su posición con el footer por defecto? (el que tiene los 4 widgets, de serie en Storefront).

Eliminaré también el footer inferior, el que simplemente contiene el copyright. Ya he visto como se hace en otra respuesta vuestra del foro. Si no he malentendido, es editando (en la carpeta del tema hijo en este caso) functions.php con:

// Eliminar el footer en Storefront
add_action( 'init', 'bld_eliminar_footer_storefront', 10 );
function bld_eliminar_footer_storefront() {
remove_action( 'storefront_footer', 'storefront_credit', 20 );
}


 

ResponderCitar
Respondido : 02/11/2023 11:07 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

Veo que utilizas un plugin y ese plugin registra esa posición.

Prueba lo siguiente:

.- Accede a tu cuenta de wePanel -> Administrador de archivos.

.- Accede a la carpeta donde tienes la instalación.

.- Accede a wp-content -> Themes -> storefront y  copia el archivo footer.php

.- Accede a storefront-child y pega el archivo footer.php

.- Edita el archivo footer.php

.- Añade lo siguiente después de la línea </div><!-- #page -->

<div class="footer-personalizado">

<a href="https://marketmaestrat.com/pagina-ejemplo/" ><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-empace.png" ></a>

<a href="https://www.gva.es" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-generalitat.png" ></a>

<a href="https://labora.gva.es/" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-labora.png" ></a>

<a href="https://ceeicastellon.emprenemjunts.es/" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-ceei.png" ></a>

<a href="https://www.cev.es/" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-cev.png" ></a>

<a href="https://www.uji.es" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-uji.png" ></a>

<a href="https://www.ugt.es/" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-ugt.png" ></a>

<a href="https://ccoo.es" target="_blank" rel="noopener noreferrer"><img class="imatge" src="https://www.webempresa.com/foro/wp-content/uploads/2023/10/logo-ccoo.png" ></a>

</div>
screenshot cp7182.webempresa.eu 2443 2023.11.02 15 06 13

 

.- Accede a Apariencia -> Personalizar y añade lo siguiente:

.footer-personalizado { 
  background-color: #707070;
  padding-top: 2.618em;
  padding-bottom: 2.618em;
display: flex;
justify-content: center;

}

.footer-personalizado .imatge {
  margin-left: 10px;
}

 

Revisa si es eso lo que buscas y nos comentas.

 

Un Saludo

ResponderCitar
Respondido : 02/11/2023 2:18 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Joaquín
 Joaquín
Usuario activo

Buenos dias Pepe,

gracias por la info, lo probaré en mi página (la que no está en webempresa, que simplemene he replicado la instalación de Storefront para hacer experimentos), y si da resultado (aunque no sea plenamente satisfactorio) lo trasladaré a la de webempresa para que pueda seguir ayudándome.  Todo lo que pueda experimentar primero en dicha págona lo perfiero, porque así me evito hacer restauraciones continuas.

Por cierto, ayer, experimentando con el slideshow de Elementor Pro  (aquí sí que he de hacerlo en la web "de verdad", porque en la mía sólo tengo el Elementor básico), tras hacer una restauración con UpdraftPlus a un pundo de hacía sólo media hora (se me fue a pique la página de bienvenida), se quedó un mensaje de advertencia de que el programador de tareas tenía 13 tares retrasadas (aunque abria y cierre el backoffice, deslogeando y logeando.... ahí sigue). Y de hecho hoy me dice que hay 27 tareas atrasadas. He mirado la guía que ofrece el mensaje de posibles causas y cómo solucionarlo... y no saco nada en claro.  ¿Abro otro hilo con esto?

ResponderCitar
Respondido : 03/11/2023 9:07 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

Eso es por el Cron de WordPress tendrias que desactivar el Cron y crearlo en al cuenta de hosting

-> https://www.webempresa.com/blog/desactivar-el-fichero-wp-cron-php-para-evitar-consumo-excesivo-del-servidor.html

-> https://www.webempresa.com/blog/revision-tareas-programadas-cron-wordpress.html

Como ya te comente solo podemos dar soporte a instalación que estén en el hosting de Webempresa, puedes crear un subdominio y trasladar esa web al hosting de webempresa y realizar las pruebas en ese clon.

 

Un saludo

ResponderCitar
Respondido : 03/11/2023 9:18 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Joaquín
 Joaquín
Usuario activo

Ok, procederé a desactivar el cron interno de WP y usar el del panel.  la versión ed PHP he de sustituirla por la 74, el nombre de usuario....  OK, pero me surge una duda: la ruta para indicar la ubicación de wp-cron.php  es public_html así a pelo, o hay que poner también  la carpeta donde (aparentemente) están en realidad los archivos: pubic_html/hostingxxx-xxx.webempresa.site  (imagen)

Captura ruta

???

ResponderCitar
Respondido : 03/11/2023 10:23 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

La ruta seria a la carpeta donde esté la instalación:

Contenido solo visible a usuarios registrados

 

Un saludo

ResponderCitar
Respondido : 03/11/2023 10:42 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Joaquín
 Joaquín
Usuario activo

Pues parece que ha funcionado!  Muchas gracias por la asistencia.  Por cierto, ¿qué periodicidad me recomiendas para la tarea?  En el ejemplo ponéis 15 min, pero las opciones que ofrece el programador son 10 ó 30 min. Lo he puesto en 10 de momento, pero se me antoja excesivo, no?

Lo de intercambiar el footer lo aparco de momento, porque tengo otros frentes abiertos (abriré nuevos hilos si no encuenttro solución via buscador)

ResponderCitar
Respondido : 03/11/2023 12:03 pm
Página 1 / 2