Insertar página HTML en una página de WordPress

Question

Insertar página HTML en una página de WordPress

28 feb 2016, 06:04:58

Vistas: 19.3K

Votos: 1

Sé que puede ser una pregunta repetitiva, pero ninguna de las soluciones que he encontrado me ha funcionado.

He creado la página:

http://creditsmart.in/wp-content/themes/voice/emicalc.html

Quiero añadir esta página a mi página de WordPress solamente.

1) He probado el modo 'texto' usando iframe. No funcionó.

2) He insertado directamente mi HTML en la página de WordPress. No funcionó.

3) Además, he referenciado los mismos archivos CSS y JS que usa la página (emicalc.html) en el header.php y luego intenté usar la etiqueta <iframe> en la página de WordPress. Tampoco funcionó.

No quiero usar ningún plugin. Por favor.

Comparto un video para entender mejor el problema - http://tinypic.com/r/2d93709/9

Cualquier ayuda será muy apreciada.

Amul Bhatia

117

html

Comentarios

¿Qué tal un shortcode?

jgraup

28 feb 2016 06:46:57

@jgraup - No quiero usar ningún plugin. Por favor

Amul Bhatia

28 feb 2016 06:53:13

Todas las respuestas a la pregunta

Comentarios

Oh, lo has entendido correctamente, entonces, ¿cómo debería proceder ahora?

Amul Bhatia

28 feb 2016 06:59:38

Intenté insertar este código iframe en el modo de texto y parece estar funcionando. Puedes ajustar el valor de altura si no encaja, pero intenta dejar el valor de ancho al 100%.

<iframe src="//creditsmart.in/wp-content/themes/voice/emicalc.html" name="frame1" scrolling="auto" frameborder="no" align="center" height = "300px" width = "100%">
</iframe>

Ittikorn S.

85

28 feb 2016 06:33:56

Comentarios

@lttikorn - He hecho lo mismo que dijiste, pero el problema sigue existiendo. Por favor, revisa el enlace adjunto con un video para una mejor comprensión..http://tinypic.com/r/2d93709/9

Amul Bhatia

28 feb 2016 06:50:30

@user2921939, Sumit ha corregido el problema del protocolo eliminando el http delante de la URL. ¿Puedes intentarlo de nuevo y ver si resuelve tu problema?

Ittikorn S.

28 feb 2016 09:27:10

sí, ¿cómo puedo renderizar lo mismo en https ??

Amul Bhatia

28 feb 2016 09:56:10

jgraup 9.84K · Accepted Answer · 2016-02-28T06:57:36Z

No puedes porque es una página no segura http pero estás cargándola en una página https. Esto se llama Contenido Mixto.

Ajusta tu protocolo a // y espera que se renderice sobre https.

<iframe src="//creditsmart.in/wp-content/themes/voice/emicalc.html" name="frame1" scrolling="auto" frameborder="no" align="center" height = "300px" width = "100%">
</iframe>

(código del iframe modificado de la respuesta de @Ittikorn)

Si el archivo está en el mismo directorio de tu tema, es posible crear un shortcode:

[emicalc]

Luego renderizar el archivo local:

function emicalc__shortcode( $atts ) {

    $content = file_get_contents( get_stylesheet_directory() . '/emicalc.html');
    return $content;
}

add_shortcode( 'emicalc', 'emicalc__shortcode' );

Si es remoto, podrías usar wp_remote_get() en lugar de file_get_contents() pero requiere que obtengas los contenidos usando el servidor en lugar de permitir que el cliente lo haga.

No hay otro truco / https solo puede cargar https / http siempre puede cargar https.