Estoy trabajando en un proyecto de complemento emergente modal. la premisa básica es crear un complemento que permita al usuario crear una ventana emergente/modal que se muestre en la interfaz.
Me las arreglé para crear dicho complemento y permitir que un usuario cree múltiples ventanas emergentes, que se mostrarán en la página de inicio si se selecciona "activo".
el siguiente paso de este proyecto es abrir la ventana emergente cuando el usuario hace clic en un botón en la parte frontal, por ejemplo, un usuario hace clic en un botón que dice "contáctenos" y aparecerá una ventana emergente de formulario. por supuesto, eso depende de lo que un usuario cree como una ventana emergente.
Realmente no tengo ni idea de por dónde empezar con esto, mi idea original era crear un nombre de clase generado aleatoriamente, que un usuario puede agregar a cualquier botón que desee, pero no se me ocurrió ninguna forma de buscar en el DOM. encuentre el botón con esa clase, y mucho menos ejecute la función PHP que muestra el modal. ¿algunas ideas?
código utilizado para mostrar modal a continuación.
function display_modal(){ if( is_front_page() ){ ?> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <?php $homepage_modal = new WP_Query(array( 'posts_per_page' => -1, 'post_type' => 'Modal', )); while($homepage_modal->have_posts()){ $homepage_modal->the_post(); $post_id = get_the_ID(); $active_modal = get_post_meta($post_id, 'active_modal', true); if($active_modal == "Yes"){ ?> <div class="popup" id="popup"> <div class="modal-content"> <span class="fa-solid fa-xmark close" id="close"></span> <?php echo the_content(); ?> </div> </div> <?php } } } } add_filter('wp_footer', 'display_modal');