Вставить HTML-страницу в страницу WordPress

Я знаю, что это может быть повторяющимся вопросом. Но какие бы решения ни были даны, мне ничего не помогает.

Я создал страницу

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

Я хочу добавить эту страницу на мою страницу WordPress.

1) Я попробовал «текстовый» режим с использованием iframe. Ничего не произошло..

2) Я прямо поставил свой html на странице WordPress .. Ничего не случилось ..

3) Кроме того, независимо от того, какие css и JS ссылаются на указанную выше (emicalc.html) страницу, я также добавил ту же ссылку на header.php. а затем я попытался поместить тег на страницу WordPress. Все еще ничего не произошло ..

Я не хочу использовать какой-либо плагин. пожалуйста

Видео для лучшего понимания проблемы – http://tinypic.com/r/2d93709/9

Любая помощь должна быть высоко оценена

Solutions Collecting From Web of "Вставить HTML-страницу в страницу WordPress"

Вы не можете, потому что это незащищенная страница http но вы загружаете ее на страницу https . Это называется Mixed Content .


Откорректируйте свой протокол на // и надейтесь, что он отобразит поверх https .

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

(код iframe изменен из ответа @ Ittikorn)


Если файл находится в одном каталоге тем, можно создать короткий код:

 [emicalc] 

Затем визуализируйте локальный файл:

 function emicalc__shortcode( $atts ) { $content = file_get_contents( get_stylesheet_directory() . '/emicalc.html'); return $content; } add_shortcode( 'emicalc', 'emicalc__shortcode' ); 

Если он удален, вы можете использовать wp_remote_get() вместо file_get_contents() но для этого требуется вытащить содержимое с помощью сервера, а не разрешать клиенту делать это.


Нет другого трюка / https только загрузка https / http всегда может загружать https .

Я попытался вставить этот код iframe в текстовый режим и, похоже, работает. Вы можете отрегулировать значение высоты, если оно не подходит, но постарайтесь оставить значение ширины равным 100%.

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