Zerif Lite: ¿Cómo añadir un mapa debajo de la sección “Contáctenos”?

16 comentarios

Hector Garrido Garrido Díaz · 9 octubre, 2017 a las 8:44 am

Hola, gracias por todos los tutoriales, son de gran ayuda la verdad. Es increíble todo el trabajo que haceis.

Tengo 2 dudas:

La primera intento cambiar el fondo únicamente de la parte del blog con

.page-id-1680 .site-content {
background: url(‘http://urldelsitio/carpeta/imagen.jpg’);
}

Cuando el id de esa página es 9. Sin embargo no funciona, pero para todas las demás paginas si funciona correctamente. Es debido a que es una página de entradas? debo cambiar page-id por otra cosa?

La otra duda es que teniendo el tema hijo, y custom.css solo me funcionan los cambios en el css del personalizador.

Un saludo

Caribdis Diseño Web · 10 octubre, 2017 a las 9:53 am
Hola, Héctor.
Para cambiar el fondo de la página del blog el código sería:
.blog .site-content {
   background: url('http://urldelsitio/carpeta/imagen.jpg');
}
En cuanto a la otra duda, depende de qué valores estés queriendo cambiar. La gran mayoría debería funcionar en custom.css. Hay algunos que necesitan la declaración !important, pero son los menos. Fijate que no sea un problema de caché del navegador (que esté cargando la hoja de estilos sin las últimas modificaciones).
Saludos.

Adrian · 9 octubre, 2017 a las 5:56 pm

Hola.
Primero que nada agradezco la información que hay en esta página. Muy completa y clara.
Estoy tratando de editar el pie de página. Me gustaría eliminarlo o que no tenga forma de contactarme, es posible eliminar por completo el pie de página?
Saludos

Caribdis Diseño Web · 10 octubre, 2017 a las 10:14 am
Hola, Adrián.
Si dejás todos los campos en blanco en Opciones del pie de página > Contenido del pie de página / Iconos de redes sociales del pie de página no se mostrará ningún dato de contacto. Si querés eliminar también el texto
Zerif Lite desarrollado por ThemeIsle, podés usar el siguiente código:
.copyright {
    display: none;
}
Saludos.

Hector Garrido Garrido Díaz · 10 octubre, 2017 a las 10:55 am

Perfecto, me ha ayudado mucho muchas gracias, eres genial.

Una última pregunta. ¿Hay alguna posibilidad de que cuando entre en mi página en vez de aparecerme mi pagina de inicio, crear una página principal (como introductoria) con un botón para que luego me redirija a mi página de inicio? Que no sea un pop up. Si no como una landing page o algo pero me aparezca al entrar en la página.

Caribdis Diseño Web · 11 octubre, 2017 a las 9:56 am
Hola, Héctor.
Podés usar un constructor de páginas para crear una landing page. Te recomiendo Elementor; con la plantilla de página Elementor Canvas crearías el contenido y la enlazarías a la página a la cual asignaste la plantilla Frontpage de Zerif.
Saludos.

Hector Garrido Díaz · 10 octubre, 2017 a las 8:15 pm

Hola de nuevo, y ya la última pregunta. Intento cambiar el color de las diferentes páginas con esto.

/* Textos y títulos */.site-content, .entry-title, .widget .widget-title {
color: #fff;
}
/* Enlaces */.entry-title a, .entry-footer a, article .entry-meta a, .widget .widget-title a, .widget li a {
color: #fff;
}

Sin embargo, no quiero que afecte a todas las páginas. Para cada una poder elegir algo distinto. Por ejemplo pruebo añadiendo .blog delante pero afecta a demás páginas también. O si en una pagina uso .pag-id-### afecta al blog por ejemplo

Muchas gracias

Caribdis Diseño Web · 11 octubre, 2017 a las 11:39 am
Hola, Héctor.
.blog tendría que ir delante de cada una de las clases, no solo de la primera. Ejemplo:
.blog .site-content, .blog .entry-title, .blog .widget .widget-title {
    color: #fff;
}
Saludos.

Alexander · 12 octubre, 2017 a las 2:00 am

Hola de antemano muchas gracias por tu ayuda.
Cómo puedo colocar una pagina embebida en una sección, tipo iframe… bueno de hecho ya lo logre con este codigo .
El problema es que me ralentiza la velocidad de la pagina en 2,9 segundos. De qué forma puedo agregar ese iframe sin que me reduzca la velocidad de carga de la pagina….

Muchas gracias.

Caribdis Diseño Web · 23 octubre, 2017 a las 11:14 am
Hola, Alexander.
Disculpas por la demora, no había visto este comentario. Un iframe es como una nueva página agregada, así que el tiempo de carga indefectiblemente se verá afectado.
Saludos.

Hector Garrido Garrido Díaz · 22 octubre, 2017 a las 9:18 pm

Hola de nuevo, muchas gracias por todo, ya he creado la landing page pero no se lo que me has dicho de enlazarla. Si cambio el pagina de inicio a la landing, pierdo la pagina de inicio. Como sería para que se entre a la página con la dirección http://www.pagina.es pero aparezca primero la landing?

Muchas gracias de antemano!

Caribdis Diseño Web · 23 octubre, 2017 a las 11:21 am
Hola, Héctor.
La que corresponde a Zerif Lite debe tener asignada la plantilla de página Frontpage. La landing page que asignaste como página de inicio debe contener un enlace a esa página. Ejemplo: si la página se Zerif se llama Inicio, el enlace que tenés que incluir en la landing es http://urldelsitio.com/inicio/.
Saludos.

luismiguelsec · 26 octubre, 2017 a las 6:23 pm

Hola, he intentando usar tu codigo para crear en vez de un mapa un slider en esa area, pero quisiera es mover el slider por encima de esa area, como puedo mover esa parte, para que quede al principio debajo del titulo y no al final? muchas gracias

Caribdis Diseño Web · 30 octubre, 2017 a las 8:55 pm
Hola, Luismiguelsec.
¿Dónde exactamente querés colocar el slider? Porque cada sección tiene hooks específicos (podés ver la lista completa en el archivo /wp-content/themes/zerif-lite/inc/hooks.php).
Saludos.

Alfonso · 31 octubre, 2017 a las 9:33 am

Hola Ana,
Ante todo gracias por la magnifica colección de tutoriales.
En mi página, en alguna sección de la página de inicio me gustaría incluir algún contador tipo WP COUNTUP JS o TF RANDOM NUMBERS, los cuales si no estoy equivocado solo funcionan en páginas o entradas.
¿Cómo se puede incluirlo en alguna sección existente de la página ya sea sustituyendo los widgets por defecto o en otra nueva sección a incluir en la página de inicio?
Gracias

Caribdis Diseño Web · 31 octubre, 2017 a las 8:38 pm
Hola, Alfonso.
Gracias por tu comentario.
En el archivo functions.php del tema hijo agregá la siguiente línea:
add_filter('widget_text', 'do_shortcode');
Luego podrás insertar un widget de texto o HTML y pegar el código abreviado que genera el plugin.
Saludos.