Tengo lo siguiente en header.php

 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

Y lo siguiente en footer.php

 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>

En functions.php , agregué un modal de arranque dentro de wpb_hook_javascript (id="tiopatinhas")

Todo lo que quiero en este punto es mostrar el modal programáticamente.

También dentro de wpb_hook_javascript, tengo lo siguiente

 <script> var merda = document.getElementById("tiopatinhas");

El anterior funciona bien, pero luego intento lo siguiente:

 merda.show(); //Doesn't work var merda = new bootstrap.Modal(document.getElementById('tiopatinhas')); //Doesn't work $("#tiopatinhas").modal('show'); // Doesn't work

Sé que hay algo relacionado con "niños". Sé que el último está relacionado con algo llamado jQuery, que leí que está en desuso. Entonces, no quiero usarlo.

¿Alguna idea de cómo puedo llamar al modal programáticamente?

PD Tengo una buena lógica de alguna manera. En el pasado, yo era un C, C++ y ASM experimentado... ¡en los años 80 y 90! :). Pero, hoy en día, no sé casi nada sobre todos esos marcos, capas, etc.

Cualquier ayuda será muy apreciada.