Actualmente estoy tratando de crear una aplicación desde mi sitio de WordPress, pero cuando lo hago, me encuentro con el problema del encabezado, la barra lateral derecha y el pie de página. En última instancia, me gustaría ocultarlos si aparecen dentro de una ventana sin una opción de URL. Ni siquiera estoy seguro de que eso sea viable.
Lo que sucede es que el creador de la aplicación extrae páginas de mi sitio de WordPress y se muestra como una aplicación. Excepto por el encabezado, la barra lateral y el pie de página que están allí innecesariamente. No puedo ocultarlos en función de la pantalla porque todavía quiero que las personas con dispositivos móviles puedan ver si están mirando en una ventana del navegador.
Podría decirle al creador de la aplicación que llame a la URL con un parámetro adicional como ?hide_ui=1 y luego en su sitio use JS para verificar si ese parámetro está presente en la URL y ocultar los elementos que no desea que estén visibles en la aplicación.
CSS no tiene el poder de hacer esto, es algo que debe hacerse con el lado del cliente (JS) o el lado del servidor. Esta última probablemente sería una opción más limpia y fácil.
Del lado del servidor, con PHP puedes hacer lo siguiente:
$hide_stuff = (isset($_GET['hide']) && trim($_GET['hide']) == '1'); if ($hide_stuff) { echo '<link rel="stylesheet" type="text/css" href="/path/to/file.css">'; } Entonces, cuando la URL de la página incluya ?hide=1 , el servidor agregará automáticamente /path/to/file.css a la página. Luego, en file.css puedes simplemente hacer lo que quieras, como ocultar elementos.