IFrame (iFrame (HTML))

Embedding-toiminto (Embedding function)

Wondrissa voit mennä kohtaan Asetukset - Kotisivu - Embedding. Täältä voit hakea koodit kaikille upotuksille ulkoisille verkkosivustoille ja esikatsella, miltä ne näyttävät, kun olet julkaissut sisällön sivustollasi. (In Wondr, you can go to Settings - Website - Embedding. Here you can retrieve codes for all embedding on external websites and preview how it will look once you have published the content on your website.)

Valitset upotettavan sisällön tyypin "View"-kentässä.

• Rekisteröinti – Jäsenyydet

• Shema – Aktiviteettien varaus

• Shema today – Vain tämän päivän aktiviteetit

• Booking wizard – Erityiset kulut esim. PT:lle ja hieronnalle

• Rekisteöidy- minun Jäsenyydet – Vain nykyisille jäsenille, linkki kirjautumiseen, josta he pääsevät omalle sivulleen

Jokaiselle "View"-valinnalle saat erilaisia lisävaihtoehtoja. Näiden avulla voit hallita, miten sisältö näkyy verkkosivustollasi. Jos esimerkiksi valitset "Rekisteröinti", voit valita näytettäväksi vain tietyn jäsenyyskategorian tai tiettyyn toimipisteeseen liittyvät jäsenyydet.

Jos valitset sen sijaan "Shema", voit esimerkiksi määrittää, mikä varaustyyppi näytetään (esim. vain "Kokeilu") tai piilottaa näkymän vaihtajan.

Mukauta siis sisältö ensin; näet sivun alareunassa aina esikatselun, joka näyttää, miltä se tulee näyttämään ja miten valintasi vaikuttavat siihen.

Kun olet tyytyväinen sisältöön, kaikki koodit löytyvät oikealta puolelta.

Suora linkki: Tämä on täydellinen linkki, jota käytetään, jos et halua upottaa sisältöä sivulle, vaan mieluummin linkittää esimerkiksi tavallisen painikkeen tai sosiaalisen median kautta. Kopioit vain linkin tästä ja liität sen haluamaasi paikkaan.

IFrame: Sisällön upottamiseen kaikille ulkoisille verkkosivustoille paitsi niille, jotka on rakennettu WordPressillä. Kopioi linkki ja liitä se koodilohkoon verkkosivustollasi. Heti alapuolella on jQuery-valitsin, josta voit helposti aktivoida ja deaktivoida kyseisen toiminnon. Lisätietoja jQueryn merkityksestä löytyy myöhemmin tässä artikkelissa luvusta "Mikä on jQuery?".

Mikä on jQuery? (turha mutta hauska tietää) (What is jQuery? (unnecessary but fun to know)) jQueryä käytetään useimmilla nykyaikaisilla verkkosivustoilla, ja se hallitsee kaikkea sivun sisäisistä hauista graafisiin käyttöliittymiin ja kuvanvaihtajiin. jQuerylle on myös suuri määrä valmiita lisäosia (plugins), jotka laajentavat toiminnallisuutta entisestään. Jotkut ovat edistyneitä ja niitä kehitetään säännöllisesti, kuten jQuery UI, kun taas toiset eivät muutu paljoakaan ajan myötä.