comment intégrer une page Web externe dans ma page wordpress

Question

comment intégrer une page Web externe dans ma page wordpress

- 1
- 44530 2012-10-18
J'ai deuxpages àintégrer dansmon site WP.

Les deux contiennent des donnéesprovenant d'un siteexterne quiexécutenotrebase de données degestion d'événements.Ces données sontprésentées sur deuxpages - l'unepour lesmenus de restaurationproposés ànos clients,l'autreest unformulaire de demande/contact.

Deux liens depage sontfournispour l'intégration dansmon site.Lesinformations soumisespar le client sur l'une ou l'autre despages sont collectées dansnotrebase de données sur le sitetiers.

Est-cepossible?

I have two pages to embed within my WP site.

Both contain data from an external site which runs our events management database. This data is presented on two pages - one for catering menus offered to our customers, the other is an inquiry/contact form.

Two page links are given for embedding into my site. The information submitted by the customer on either page is collected onto our database within the third party site.

Is this possible?

embed

1 réponses

votes

Mateusz Michalik · Answer 1 · 2012-10-18

4

2012-10-18

Vouspouvez simplementencadrer le contenu dans vospages?

 <iframe src="http://www.w3schools.com"></iframe>

Pourplus d'informations sur lesparamètresiframe,cliquezici: http://www.w3schools.com/tags/tag_iframe.asp

Sinon,unemeilleure alternativepourrait être d'afficher lespagesexternes via unefenêtremodale (quiestencoreessentiellement uneiframe).

Vouspouvezessayer Fancybox (http://fancyapps.com/fancybox/#examples),il y a desexempleset du codeiframe sur lapage,mais c'est assez simple,unefois que vous avezinclus lesfichierspertinents que vous utilisez simplementp>

 <a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">Iframe</a>

Alors le JS ressemblerait à:

 $(document).ready(function() {
$(".various").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
});

});

You could simply iframe the content into your pages?

<iframe src="http://www.w3schools.com"></iframe>

Some more info on iframe params are here: http://www.w3schools.com/tags/tag_iframe.asp

Otherwise a nicer alternative might be to show the external pages via a modal window (which is still essentially an iframe).

You could try Fancybox (http://fancyapps.com/fancybox/#examples), there are iframe examples and code on the page, but it's quite simple, once you've included the relevant files you just use

<a class="various" data-fancybox-type="iframe" href="/demo/iframe.html">Iframe</a>

Then the JS would look like:

$(document).ready(function() {
$(".various").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
});

});