WordPress es una de las mejores plataformas del mundo, esto se debe a sus funciones, que permiten a sus usuarios editar lo que quieran en sus sitios web y blogs. También tiene una interfaz simple. Para que ganes un poco más de conocimiento hoy, aprenderás cómo crear una ventana emergente en WordPress sin complemento.
Cómo crear una ventana emergente en WordPress sin un complemento
Y es que si eres nuevo en este mundo laboral en las páginas y en el creación de sus blogs, será útil para ayudarlo a lograr todas sus tareas. Ya que si bien WordPress es muy fácil de usar es necesario primero adaptarse al sistema que usa con códigos y plugins (después de haberlo manejado bien también puedes insertar un video mp4 en una entrada o página, o insertar una hoja de cálculo de excel, entre muchas otras cosas).
Crear una ventana emergente en WordPress sin un complemento
Para quien no esté familiarizado con la terminología, un POP UP es básicamente un recurso que permite insertar imágenes o llamadas, las cuales captan la atención del lector, tanto cuando se presiona un determinado botón, como después de cierto tiempo. Por lo general, estos aparecen en el centro y debajo de la pantalla de la PC.
Con crear una ventana emergente en WordPress sin complementos existen varios procedimientos, algunos más sencillos que otros, el primero de estos es con un código HTML.
Esto debe estar integrado en el pie de página. di página de tu blog o dentro del bloque HTML de la misma. Ponerlo en el primero permitirá que aparezca en cualquier página, en cambio si lo pones en el bloque solo aparecerá en la página del mismo. El código es:
× //Aquí insertas el código del formulario , de la llamada de azione o de lo que vayas a agregar
Código CCS para POP UP que se mostrará en el centro
Para crear una ventana emergente en WordPress sin un complemento, puoi también usar códigos CCS. Para agregarlos tienes que ir a tu panel de control y luego en el " Apariencia ", luego en" Personalizar "y finalmente en "CCS adicional" , cuando estés ahí pega lo siguiente:
# fondo {pantalla: ninguno; posición: fija; superior: 0; inferior: 0; izquierda: 0; derecha: 0; color de fondo: RGB (0,0,0,0.7); índice z: 1111111;} # ventana emergente {color de fondo: blanco; ancho: 800 píxeles; posición: absoluta; arriba: 200 px; izquierda: 50%; margen izquierdo: -400 px; relleno: 30px; borde-radio: 10px; } # cerrar-pop-up {posición: absoluta; superior: 0; derecha: 0; color de fondo: transparente;
} # cerrar-pop-up span {display: flex; ancho: 50px; altura: 50px; color de fondo: gris; justificar-contenido: centro; alinear-contenido: centro; dirección de flexión: columna; alineación del texto: centro; El color blanco; tamaño de fuente: 40px; fuente-peso: negrita; radio del borde: 1000%;
} @media (ancho máximo: 800 px) {# pop-up {superior: 0; izquierda: 0; ancho: 100%; margen: 0; inferior: 0; desbordamiento-y: desplazamiento; }}
Leer Cómo crear una academia online o plataforma de cursos en WordpressUna vez hecho esto, programe el evento que desea que ocurra y guarde los cambios. Con este, se creará su ventana emergente POP UP , pudiendo publicar los mensajes que quieras en tu blog.
CCS en la esquina inferior derecha
Si lo que quieres es dejar de lado el POP para que sea menos invasivo para el lector, también debes ir al apartado "CSS adicional" como en el anterior, pero esta vez hay que introducir el siguiente código:
#fondo {pantalla: ninguno; posición: fija; inferior: 50 píxeles; derecha: 50 píxeles; índice z: 1111111; ancho: 400 píxeles; altura: 400px; radio del borde: 10px; relleno: 30px; color de fondo: blanco; desbordamiento-y: desplazamiento; } cerrar-pop-up {posición: absoluta; superior: 0; derecha: 0; color de fondo: transparente;
} # cerrar-pop-up span {display: flex; ancho: 50px; altura: 50px; color de fondo: gris; justificar-contenido: centro; alinear-contenido: centro; dirección de flexión: columna; alineación del texto: centro; El color blanco; tamaño de fuente: 40px; fuente-peso: negrita; border-radius: 1000%} @media (ancho máximo: 460px) {# fondo {derecha: 0; ancho: 70%; }}
Y listo, con esto último ya sabes lo que hace falta para poder crear una ventana emergente en WordPress sin complementos , solo tienes que configurar el evento que quieres que suceda y saldrá inmediatamente con la ayuda de estos códigos.
Ahora que está un poco familiarizado, puede pasar a cosas más difíciles como: insertar videos de YouTube en WordPress con el complemento, o agregar bordes alrededor de las imágenes con CSS, recuerde que el cielo es el límite.
