Используйте привязку для открытия iframe внутри страницы WordPress

Мой вопрос:

Как вы создаете привязку к внешней веб-странице, которая при нажатии открывается на внешнюю веб-страницу как iframe, которая находится внутри новой страницы WordPress, где верхний и нижний колонтитулы WordPress остаются, но веб-страница iframed показывает, где обычно будет контент?

Например:

У вас есть страница wordpress с серией внешних ссылок. Каждая ссылка идет на страницу регистрации. Страница регистрации размещена сторонним сайтом.

____ get_header() ____ Logo.png ____ get_the_content(); Which class do you want to register for? Click here to register for Class A (link to 3rd party offsite webpage) Click here to register for Class B (link to 3rd party offsite webpage) ____ WordPress Footer ____ get_footer(); 

Когда нажимается «Нажмите здесь, чтобы зарегистрироваться для класса B», открывается новая страница WordPress.

 ____ get_header() ____ Logo.png ____ 3rd party webpage <iframe> Please fill out this registration form to continue. Name: Credit Card #: </iframe> ____ WordPress Footer ____ get_footer(); 

Возможный подход:

Является ли это излишним …

  • создайте новый шаблон темы темы thst, который втягивает верхний и нижний колонтитулы. Затем в области содержимого проанализируйте URL-адрес третьей стороны веб-страницы со сторонней ссылки и используйте эту ссылку в iframe, где обычно отображается содержимое пост / страницы.

  • в WordPress добавьте страницу и назначьте новый шаблон. Постоянная ссылка: ../reg-page

  • на странице, содержащей список ссылок третьей части, постройте якорь следующим образом:

     <a href="../reg-page?classID=1234">Click here to register for Class B</a> 
  • в шаблоне страницы темы:

     // I know this is not legal code /** * Template Name: iframe fullwidth */ get_header() <div class="content-wrapper"> <iframe src="3rdPartSite.com/ . $_GET["classID"] ." width="100%" height="100%"></iframe> </div> get_footer() 

Я бы подошел к этому одному из двух способов:

  1. Используйте target атрибут в ссылке, чтобы открыть его в iframe (не универсальном в браузерах)
  2. Используйте JavaScript для замены атрибута src на вашем iframe

Опция 1:

 <a href="somethirdpartysite.com/reg" target="thirdparty">Register</a> <iframe name="thirdparty"></iframe> 

Вариант 2:

 <a href="somethirdpartysite.com/reg" class="iframeit">Register</a> <iframe src="#" name="thirdparty"></iframe> <script> $('.iframeit').click(function(event) { event.preventDefault(); var theSrc = $(event.target).attr('href'); $('iframe[name="thirdparty"]').attr('src',theSrc); }); </script>