home > tutorial

2.5 Aggiungere video e mappe

Puoi aggiungere direttamente dall'editor del sito video youtube o mappe google o qualsiasi altro codice proposto da servizi esterni attraverlo l'editor di testo.

gpeditor-testo

Dal box testo, puoi usare quello che appare appena crei un nuovo contenuto, oppure crearne un nuovo, premi il bottone Code. Questo editor ti permetterà di inserire codice html e javascript.

Aggiungere un video di youtube

Vai su youtube e scegli il video da integrare.  Sotto al video troverai un bottone "condividi". Cliccaci sopra e scegli "codice da incorporare". Copia il codice e incollalo nell'editor.

gpeditor-videoyoutube

Aggiungere le mappe di google

Vai su google maps e ricerca il luogo che vuoi mostrare nella mappa. Premi il link condividi (2), clicca su "incorpora mappa" (3) e copia e incolla il codice nelleditor

gpeditor-maps

Definire le dimensioni

gpeditor-video-e-mappe

Come potete vedere gli iframe che vengono incorporati spesso hanno impostate la larghezza e altezza (width e height).

Se desiderate modificare le dimensioni potete aggiungere dopo allowfullscreen class="ck ck-iframe1" data-cktype="maps" . 1 sta per il primo iframe che inserite, se ne inserite un secondo aggiungete 2 e così via. Fate attenzione a lasciare uno spazio tra allowfullscreen e class. Se state includendo un video scrivete cktype="video" invece di maps. adesso, dopo aver salvato, se andate su modifica sito e con il cursore sopra alla mappa appariranno come al solito i tasti per modificare l'elemento che avete creato: la matita, il cestino e la goccia. Cliccate su la goccia e successivamente sulla mappa (o il video). Ora potrete modificarne le dimensioni e gli altri elementi grafici.