Cómo incrustar archivos HTML directamente en WordPress

Question

Cómo incrustar archivos HTML directamente en WordPress

31 ene 2018, 00:46:27

Vistas: 15.1K

Votos: 3

Estoy buscando un complemento para WordPress que me permita incrustar archivos HTML directamente en la interfaz de mi sitio WordPress.

Después de investigar, el único método que encuentro es añadir los archivos HTML dentro del tema/sitio WordPress colocándolos en su propio directorio, pero esto no es lo que necesito.

Otra opción que encontré es usar iframes, pero esta podría no ser la mejor solución.

¿Alguien conoce alguna opción para incrustar archivos HTML directamente en mi sitio WordPress?

Gracias

sforg1

31

html incrustar

Comentarios

Podrías simplemente colocar el html en el editor de WordPress y funcionaría, ¿por qué no hacerlo así?

admcfajn

31 ene 2018 02:10:37

Esa es una forma de agregar código html simple a la página, pero tengo varios archivos html externos que me gustaría añadir directamente en WordPress.

sforg1

1 feb 2018 18:51:53

¿Qué tal si agregas un campo personalizado para los nombres de los archivos html o incluso rutas completas y usas .load() o file_get_contents() para cargar los contenidos en la plantilla de página? Hay muchas formas de agregar campos personalizados a WordPress, personalmente uso mucho ACF. Y crear una plantilla de página personalizada o una plantilla única para tipos de entrada también es sencillo.

admcfajn

1 feb 2018 19:31:29

@admcfajn Eso tiene sentido, ¿es similar a hacer <?php include 'ruta-al-archivo-html/archivo.html'; ?>?

sforg1

1 feb 2018 19:46:20

exacto, sí foreach($custom_files as $file){ include $file } o algo por el estilo

admcfajn

1 feb 2018 22:06:48

Todas las respuestas a la pregunta

Comentarios

Todas estas son buenas opciones para añadir HTML simple a una publicación/página de WordPress, pero tengo múltiples archivos HTML externos que me gustaría añadir directamente en WordPress. Tengo varios archivos HTML con código HTML plano y quiero almacenarlos en nuestro sitio (es decir, http://dominio.com/archivo.html). Luego nos gustaría "incluir" esto en una página de WordPress (es decir, http://www.sitio-a.com/archivo incluiría el código HTML de http://dominio.com/archivo.html). La razón por la que quiero incrustar el contenido de los archivos es porque también hay CSS que debe aplicarse.

¿Alguna idea?

sforg1

1 feb 2018 19:01:46

Ahora entiendo lo que intentas hacer. Podrías hacerlo con un iframe o mediante una ventana modal. Puedes encontrar detalles sobre eso aquí: https://wordpress.stackexchange.com/questions/69760/how-to-embed-external-webpage-in-my-wordpress-page

BenoitLussier

1 feb 2018 20:41:44

BenoitLussier 188 · Answer 1 · 2018-01-31T02:19:02Z

Realmente ayudaría saber exactamente qué estás tratando de lograr. Cuanto más trabajas con WordPress, más sentido tiene la frase "La necesidad es la madre de la invención".

Un sitio WordPress es esencialmente fragmentos de código html unidos con php. Por ejemplo, header.php contiene las instrucciones para construir el encabezado, la plantilla de página tiene las instrucciones para el cuerpo y footer.php tiene las instrucciones para el pie de página. Digo que contienen las instrucciones, porque generalmente se conectan con otras funciones para construir toda la sección.

Debido a eso, no podrías tomar una página html completa con su propio head, body y footer y simplemente ponerla en WordPress.

Dependiendo de lo que estés intentando hacer, las 3 formas más comunes de "importar" html son:

1- Puedes pegar código html en el editor de WordPress con la pestaña "Texto" en la parte superior derecha, en lugar de "Visual" que es un editor WYSIWYG.

2- PHP está hecho para trabajar con html, por lo que puedes agregar el código html directamente en tus archivos .php (idealmente con un tema hijo). La forma más simple de mostrar html con php es usualmente con echo.

3- Si es un diseño de página, puedes hacer una versión PHP del mismo, colocarla en la carpeta de plantillas y usarla como plantilla de página en WordPress.