How To Edit Pages

Visto che nessuno lo ha fatto, inizio io la traduzione…


Questa pagina descrive le informazioni di base per la realizzazione e la gestione delle pagine. Parte dei testi e degli esempi che seguono sono stati tradotti (liberamente) dalla pagina Wiki-syntax del server che ospita questo wiki, e a cui vi suggerisco di fare riferimento per tutte quelle informazioni che non sono presenti qui. Ho cercato, comunque, di selezionare solo le parti di maggior interesse. Se ne mancano, siete liberi di aggiungerle.

Formattazione del testo & tipografici

Cosa scrivi Cosa ottieni
//italico// italico
**grassetto** grassetto
//**italico e grassetto**// italico e grassetto
__sottolineato__ sottolineato
--cancellato-- cancellato
{{'telescrivente'}} 'telescrivente'
normale^^scritto sopra^^ normalescritto sopra
normale,,scritto sotto,, normalescritto sotto
[!-- commento (invisibile) --]
[[span style="color:red"]]elemento //span// customizzato[[/span]] elemento span customizzato
##blue|predefinito## o ##44FF88|codice-colore## colore predefinito o codice-colore colore
``qualcosa'' “qualcosa”
`qualcosa' ‘qualcosa’
,,qualcosa'' „qualcosa”
puntini di sposensione... puntini di sospensione…
divisorio -- esteso divisorio — esteso

Paragrafi e ritorni a capo

I paragrafi sono separati da due ritorni a capo. Un singolo ritorno a capo produce… una nuova linea e basta :)

Primo paragrafo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Secondo paragrafo. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Un ritorno a capo (nuova linea).
Un ulteriore ritorno a capo (nuova linea).

Primo paragrafo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Secondo paragrafo. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Un ritorno a capo (nuova linea).
Un ulteriore ritorno a capo (nuova linea).

Testi non processati

Se non volete che il testo non venga processato e rimanga, quindi, esattamente come scritto (raw), racchiudetelo tra due coppie di '@' in questo modo:

Questo //testo// viene **processato**.

@@Questo //testo// non viene **processato**.@@

Questo testo viene processato.

Questo //testo// non viene **processato**.

Commenti

Il commento è un frammento di testo che rimane all'interno della parte sorgente della pagina, ma che è invisibile sulla pagina che viene processata. E' un modo per dare indicazioni a chi fa modifiche sui contenuti per indicare, ad esempio, da dove iniziare a modificare o dove non modificare.
Per inserire un commento usare [!-- ... --] ad esempio:

[!--
Questo testo non verrà mostrato...
--]

Titoli

Per fare un titolo iniziate la riga con un '+'. Potete metterne fino a 6 per indicare il tipo di livello che desiderate,

+ Titolo 1 (primo livello)
++ Titolo 2 (secondo livello)
+++ Titolo 3 (terzo livello)
++++ Titolo 4 (quarto livello)
+++++ Titolo 5 (quinto livello)
++++++ Titolo 6 (sesto livello)

Indice

Per creare un Indice (in inglese Table of Contents) che si basa sui titoli utilizzati nella pagina, basta inserire l'apposito tag [[toc]] in una linea.

[[toc]]
[[f>toc]] - indice a destra
[[f<toc]] - indice a sinistra

Linee orizzontali

Per ottenere una linea orizzontale, basta utilizzare 4 (o più) segni '-' consecutivi: ----.

Liste

Non numerate

Create un elemento inserendo, a inizio riga, un asterisco ('*'). Per aumentare l'indentazione, aggiungere spazi prima dell'asterisco:

* Elemento 1
* Elemento 2
 * Elemento 2.1
  • Elemento 1
  • Elemento 2
    • Elemento 2.1

Numerate

Allo stesso modo potete inserire una lista numerata iniziando il paragrafo con uno o più diesis ('#'):

# Elemento 1
# Elemento 2
 # Elemento 2.1

# Seconda serie 1
# Seconda serie 2
  1. Elemento 1
  2. Elemento 2
    1. Elemento 2.1
  1. Seconda serie 1
  2. Seconda serie 2

Potete ovviamente mischiare liste numerate e non.

Definizioni

Potete anche creare liste di descrizioni in questo modo:

: Elemento 1 : Definizione
: Elemento 2 : Altra definizione
Elemento 1
Definizione
Elemento 2
Altra definizione

Blocchi indentati

Potete usare blocchi indentati iniziando la linea con uno o più 'maggiori' ('>') seguito da uno spazio e dal testo da, ad esempio, citare o, comunque, da indentare.

Si parte da testo normale.

> Indentato! blah blah blah, blah blah blah e anche blah blah blah. \
blah blah blah, blah blah blah e anche blah blah blah \
Notate come è possibile continuare il blocco nello stesso "paragrafo" \
utilizzando una barra reversa alla dine della riga.
>
> Un altro blocco indentato che porta a un...
>> Secondo livello di indentazione. Questo secondo è indentato anche più \
del primo.

Tornati al testo normale.

Si parte da testo normale.

Indentato! blah blah blah, blah blah blah e anche blah blah blah. blah blah blah, blah blah blah e anche blah blah blah Notate come è possibile continuare il blocco nello stesso "paragrafo" utilizzando una barra reversa alla dine della riga.
Un altro blocco indentato che porta a un…

Secondo livello di indentazione. Questo secondo è indentato anche più del primo.

Tornati al testo normale.

Collegamenti

Collegamenti interni

A differenza di altri motori wiki, il sistema alla base di questo wiki interpreta come collegamento interno solo quello che viene definito come tale, senza cercare di "indovinare". Ogni collegamento deve essere definito all'interno di 3 parentesi quadre. Ecco alcuni esempi:

cosa inserite cosa ottenere note
[[[collegamento-alla-pagina]]] collegamento-alla-pagina il nome del file della pagina
[[[Collegamento "alla" pagina]]] Collegamento "alla" pagina versione pulita del nome della pagina
[[[categoria: pagina esempio]]] pagina esempio collegamento ad una pagina con categoria
[[[pagina-esempio| Testo personalizzato]]] Testo personalizzato pagina con testo personalizzato
[[[doc|Documentazione]]] Documentazione link ad una pagina che esiste (diverso colore)
[[[doc#toc1|Sezione 1]]] Sezione 1 link ad un 'anchor' (Prima sezione)
[[[doc#toc1]]] doc link ad un 'anchor' (Prima sezione)

URLs

cosa inserite cosa ottenere note
http://www.wikidot.com http://www.wikidot.com semplice link automatico
[http://www.wikidot.com wikidot] wikidot link con testo personalizzato
*http://www.wikidot.com
[*http://www.wikidot.com wikidot]
http://www.wikidot.com
wikidot
si apre in una nuova pagina/scheda
[# collegamento vuoto] collegamento vuoto collegamento con href="javascript:;" (non porta da nessuna parte, ma utile per la costruzione di menu a tendina)

Anchors

Per inserire un 'Anchor', usate questa sintassi: [[# nome-anchor]]. Per fare un collegamento ad un anchor (e andare su di esso) usate [#nome-anchor testo da mostrare].

E-Mails

cosa inserite cosa ottenere note
support@example.com moc.elpmaxe|troppus#moc.elpmaxe|troppus semplice email automatica
[support@example.com Scrivetemi!] moc.elpmaxe|troppus#!imetevircS email personalizzata

Sebbene è sconsigliato inserire il proprio indirizzo di email sul web, il motore di WikiDot è dotato di un semplice meccanismo di disturbo per evitare ai motori automatici per lo spam di leggere gli indirizzi di posta. Ogni indirizzo è disturbato ed è decodificato sul vostro browser. Ovviamente non è al 100% a prova di spam, ma cero molto più sicuro delle email scritte in maniera diretta.

InterWiki

Per collegarsi in maniera diretta a Wikipedia (versione inglese), potete usare questa sintassi:

cosa inserite cosa ottenere
[wikipedia:Albert_Einstein] Albert_Einstein
[wikipedia:Albert_Einstein Albert] Albert

Attenzione: il collegamento sarà diretto alla versione inglese (en) di wikipedia!

Altri (esempi)

  • [google:free+wiki] - ricerca su Google per il termine "free wiki"
  • [dictionary:wiki] - cerca le definizioni della parola wiki dal dizionario "dictionary.reference.com"

Immagini

Immagini singole

Per inserire un'immagine nella pagina utilizzare la sintassi seguente:

[[image fonte-immagine attributo1="valore1" attributo2="valore2" ...]]

Questo è l'elenco degli attributi consentiti:

nome attributo valore consentito esempio descrizione
link nome della pagina wiki o URL "wiki-page"
"http://www.example.com"
Trasforma l'immagine in un collegamento a un'altra pagina o indirizzo web; this is ignored when using Flickr as a source; anteporre al link il simbolo "*" per fare aprire il collegamento in una nuova pagina
alt qualsiasi stringa "una mia fotografia" testo che apparirà se l'immagine non è disponibile
width numero di pixels "200px" forza la larghezza dell'immagine che viene mostrata
height numero di pixels "200px" forza l'altezza dell'immagine che viene mostrata
style definizione di stile CSS valido "border: 1px solid red; padding: 2em;" aggiunge un ulteriore stile CSS all'immagine
class classe CSS "miostile" forza la classe CSS dell'immagine - se ne suggerisce l'utilizzo solo con i temi personalizzati
size "square" - 75x75 pixels
"thumbnail" - 100 sul lato più lungo
"small" - 240 sul lato più lungo
"medium" - 500 sul lato più lungo
"large" - 1024 sul lato più lungo (only for Flickr large images)
"original" - immagine originale (solo per il sito Flickr)
qualunque fra quelli consentiti ;-) mostra l'immagine ridimensionata; ottimo per le anteprime
if flickr is the source it pulls required size from a Flickr server;
questa opzione ha effetto solo sulle immagini locali o ospitate su Flickr

l'attributo size funziona molto bene con i file locali (attached to pages) non solo con i file immagine, ma ad es. anche con i PDF o PostScript. Vedi questa pagina per ulteriori dettagli.

La fonte-immagine può essere una delle seguenti:

tipo fonte formato esempio descrizione
indirizzo URL qualunque indirizzo URL valido http://www.esempio.com/immagine.jpg mostra l'immagine da una pagina web
file allegato (pagina corrente) nomefile immagineesempio.jpg mostra l'immagine allegata alla pagina corrente
file allegato (pagina diversa) /nome-altra-pagina/nomefile /altra-pagina/immagineesempio.jpg mostra l'immagine allegata in un altra pagina
immagine flickr flickr:fotoid flickr:83001279 mostra l'immagine dal sito Flickr e linka alla pagina Flikr originale
immagine flickr (privata) flickr:fotoid_riservato flickr:149666562_debab08866 mostra l'immagine ospitata su Flickr e linka alla pagina originale; se viene fornito il riservato l'immagine viene visualizzata anche se è contrassegnata come non pubblica

Per fare aprire il documento in una nuova finestra è possibile anteporre all'attributo link il simbolo '*' (es. link="*http://www.esempio.com" o il simbolo "*" all'elemento src (es. *flickr:149666562_debab08866, *file-immagine ecc.) per le immagini che generano automaticamente dei collegamenti.

Per scegliere l'allineamento orizzontale utilizzate:

  • [[=immagine… - immagine centrata
  • [[<immagine… - immagine allineata a sinistra
  • [[>immagine… - immagine allineata a destra
  • [[f<immagine… - immagine fluttuante a sinistra (circondata dal testo)
  • [[f>immagine… - immagine fluttuante a destra (circondata dal testo)

Galleria di immagini

Per inserire una serie di immafini all'interno di una pagina, utilizzate l'elemento: [[gallery]]

[[gallery size="dimensione-immagine"]]

oppure
[[gallery size="dimensione-immagine"]]
: fonte-immagine1 attributo1="valore1" attributo2="valore2" ...
: fonte-immagine2 attributo1="valore1" attributo2="valore2" ...
...
[[/gallery]]

L'unico attributo consentito all'interno del tag [[gallery]] è size che accetta solo i seguenti valori: "square", "thumbnail", "small", "medium".

Se viene utilizzato il tag [[gallery]] senza un elenco di immagini, automaticamente verranno mostrate delle immagini ridimensionate (thumbnails) dei file allegati alla pagina corrente (comprese anteprime di file .pdf o .ps).

Se al contrario viene utilizzato il tag [[gallery]] con un elenco di immagini, nella pagina verranno mostrate solo queste. image-source in questo caso non deve essere un URL. Gli attributi consentiti "per-immagine" sono:

  • link - URL o nome della pagina wiki (does not work with Flickr images to be o.k. with Flickr terms)
  • alt - testo alternativo quando l'immagine non è disponibile

Per far sì che un documento venga aperto in una nuova finestra valgono le stesse regole citate per le immagini singole.

Vedere anche Modulo FlickrGallery se si vogliono importare immagini da Flickr.

Blocco di Codice

Creare un blocco di codice utilizzando i tag [[code]]…[[/code]] (ognuno sulla propria linea).

Questo è un esempio di un blocco di codice!

Per creare dei blocchi PHP che si colorano automaticamente quando vengono utilizzati i tag PHP, circondare il codice con i tag [[code type="php"]]…[[/code]]).

Per colorare il codice PHP racchiuderlo entro <?php.. ?>.

WikiDot.com usa il formato PEAR::Text_Highlighter e supporta diversi schemi di colore. In particolare (tipi di valore concessi):

php, html, cpp, css, diff, dtd, java, javascript, perl, python, ruby, xml.

[[code type="php"]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>
[[/code]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>

Tabelle

Si possono creare delle tabelle utilizzando le barre verticali a paia:

||~ intestazione 1 ||~ intestazione 2 ||~ intestazione 3 ||
|| cella 1 || cella 2 || cella 3 ||
|||| cella lunga 4 || cella 5 ||
||cella 6 |||| cella lunga 7 ||
|||||| cella moooolto lunga 8||
intestazione 1 intestazione 2 intestazione 3
cella 1 cella 2 cella 3
cella lunga 4 cella 5
cella 6 cella lunga 7
cella moooolto lunga 8
|| ogni linea deve iniziare e finire || con una doppia barra verticale || nulla ||
|| ogni cella è separata da || una doppia barra verticale || nulla ||
|||| si possono unire più colonne || cominciando ogni cella ||
|| con un |||| ulteriore separatore ||
|||||| ma fose un esempio _
è il modo migliore per vederlo ||
ogni linea deve iniziare e finire con una doppia barra verticale nulla
ogni cella è separata da una doppia barra verticale nulla
si possono unire più colonne cominciando ogni cella
con un ulteriore separatore
ma fose un esempio
è il modo migliore per vederlo

Per andare a capo all'interno delle celle utilizzare il simbolo _ (underscore) alla fine della linea (vedere l'esempio sopra).

Elementi di formattazione dei blocchi

A sinistra, a destra, centrato e giustificato

Per allineare orizzontalmente un blocco di testo, utilizare:

[[<]] ... [[/<]] allineamento a sinistra
[[>]] ... [[/>]] allineamento a destra
[[=]] ... [[/=]] centrato
[[==]] ... [[/==]] giustificato

Esempio:

[[=]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\
Aenean a libero. Vestibulum adipiscing, felis ac faucibus \
imperdiet, erat lacus accumsan neque, vitae nonummy lorem \
pede ac elit.

Maecenas in urna. Curabitur hendrerit risus vitae ligula.
[[/=]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.

Maecenas in urna. Curabitur hendrerit risus vitae ligula.

Per centrare invece una linea singola anteporre semplicemente =:

= Linea centrata

Linea centrata

Blocchi div personalizzati

Per migliorare l'impaginazione è possibile utilizzare gli elementi [[div]] ... [[/div]] che trasformano in html i blocchi @div> ... </div@.
Gli attributi permessi sono solo class e style ma questi dovrebbero essere più che sufficienti per creare il layout desiderato.

I blocchi [[div]] possono essere annidati.

Sotto un esempio di come si crea un'impaginazione a due colonne utilizzando i blocchi div:

[[div style="float:left; width: 45%; padding: 0 2%"]]
colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra 
colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra 
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
colonna destra colonna destra colonna destra colonna destra colonna destra 
colonna destra colonna destra colonna destra colonna destra colonna destra 
[[/div]]

~~~~~

colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra

colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra

L'elemento ~~~~ è utilizzato per annullare i floats e corrisponde più o meno a <div style="clear:both"></div>.

Blocchi [[div]] personalizzati possono essere utilizzati per creare formattazioni molto avanzate.

Matematica

WikiDot.com utilizza il sistema LaTeX per restituire delle bellissime equazioni. Per chi conosce la sintassi LaTeX le equazioni dovrebbero quindi essere piuttosto ovvie. Per favore (mancava il testo…)

Equazioni

Inserire semplicemente l'equazione fra i tag [[math etichetta]] … [[/math]] (l'etichetta è opzionale). L'equazione è resa all'interno dell'ambiente LaTeX \begin{equation} ... \end{equation}. Per i dettagli sulla sintassi fare riferimento a un manuale LaTeX.

[[math etichetta1]]
\rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right.
+ \left. {3\over 2} \theta (\eta) H(\eta)
\xi \sin \chi \cos \phi \right]
[[/math]]
(1)
\begin{align} \rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right. + \left. {3\over 2} \theta (\eta) H(\eta) \xi \sin \chi \cos \phi \right] \end{align}

Per fare riferimento a un'equazione provvista di etichetta utilizzare [[eref etichetta]] per visualizzarne il numero fra parentesi, oppure ad esempio Eq. ([[eref label1]]) col quale si ottiene il testo Eq. (1).

Per spezzare equazioni molto lunghe, utilizzare l'attributo type="eqnarray", per esempio:

[[math etichetta2 type="eqnarray"]]
\lefteqn{ \cos x = 1        
-\frac{x^{2}}{2!} +{} } \\
& & {}+\frac{x^{4}}{4!}
-\frac{x^{6}}{6!}+{}\cdots
[[/math]]
(2)
\begin{eqnarray} \lefteqn{ \cos x = 1 -\frac{x^{2}}{2!} +{} } \\ & & {}+\frac{x^{4}}{4!} -\frac{x^{6}}{6!}+{}\cdots \end{eqnarray}

Matematica nel testo

Per utilizzare espressioni matematiche all'interno del testo utilizzare i blocchi [[$ ... $]].

[[$ E = mc^2 $]] è molto più conosciuta di
[[$ G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu} $]]

$E = mc^2$ è molto più conosciuta di $G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu}$

Note a piè di pagina

Per inserire nel testo una nota a piè di pagina utilizzare il blocco [[footnote]]. Per fare in modo che le note appaiano non alla fine della pagina, utilizzare [[footnoteblock]].

Un po' di testo[[footnote]]E una piccola nota a piè di pagina[[/footnote]]. Qui un altro po' di testo[[footnote]]E il contenuto della seconda nota.[[/footnote]].

[[footnoteblock]]

Un po' di testo1. Qui un altro po' di testo2.

E' possibile modificare la dicitura predefinita ("Footnotes") utilizzando [[footnoteblock title="Dicitura personalizzata"]], oppure evitare di utilizzare qualunque dicitura [[footnoteblock title=""]].

Bibliografia

Il blocco bibliografia è definito dai tag [[bibliography]]...[[/bibliography]]. Ogni elemento della bibliografia ha il seguente formato:
etichetta: riferimento completo
Per citare un elemento della bibliografia utilizzare la stringa seguente: ((bibcite etichetta)).
To cite a bibliography entry use ((bibcite label)).

La prima pulsar fu osservata da J. Bell e A. Hewish [((bibcite bell))]. Altro riferimento [vedi ((bibcite guy))].

[[bibliography]]
: bell : Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. //Observation of a Rapidly Pulsating Radio Source.// Nature 217, 709, 1968.
: guy : Guy, R. K. //Modular Difference Sets and Error Correcting Codes.// §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.
[[/bibliography]]

La prima pulsar fu osservata da J. Bell e A. Hewish [1]. Altro riferimento [see 2].

Bibliography
1. Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. Observation of a Rapidly Pulsating Radio Source. Nature 217, 709, 1968.
2. Guy, R. K. Modular Difference Sets and Error Correcting Codes. §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.

E' possibile modificare la dicitura "Bibliografy" utilizzando [[bibliography title="Dicitura personalizzata"]] oppure evitare di utilizzare qualunque dicitura [[bibliography title=""]].

Includere altre pagine

Per includere il contenuto di qualsiasi altra pagina, utilizzare:

 [[include nomepagina]]

Il tag include dovrebbe iniziare e finire in una nuova linea.

Il tag [[include]] può anche accettare dei parametru e sostituire variabili all'interno del sorgente che è stato incluso. Per definire le variabili nella pagina da includere, usare:

{$var1}, {$number_books}, {$title}, {$variable_name}, {$variableName}

e nella pagina che include usare:

 [[include pagename var1=valore1 | number_books = 43 | title=Il miglior Wiki del mondo
| variable_name = una semplice variabile
| variableName = una nuova variabile
]]

Come è possibile vedere, si possono dividere le definizioni delle variabili anche su diverse linee per ottenere un codice più leggibile.

NOTA: inclusioni e file/immagini: Il tag [[include]] funziona semplicemente inserendo il sorgente della pagina in un punto definito. Se si hanno immagini o file collegati alla pagina e ci si riferisce a loro con [[nome immagine.jpg]] nella pagina inclusa, è meglio utilizzare la notazione contenente il nome della pagina, ad esempio: [[**pagina-inclusa/**nome immagine.jpg]]

NOTE: includes and images/files: The [[include]] works just by inserting the page source at a given place. If you have any images or files attached in the included page and you refer to them as [[image filename.jpg]] in the included page, please rather use the image/file source with the name of the page too, e.g. [[image included-page/filename.jpg]]






Any page of any of the sites exists in two different forms: the source code and the compiled code. Source code is what you can edit and what describes the content of the page. Source code is compiled into the (XHTML) code that is sent to the browser when you view/browse the page. The Wiki Syntax is used to create content of the pages by editing the source code.

If you are looking for wiki code snippets ready to copy/paste/modify, please visit our Code Snippets Site.

Inserire file multimediali

Video

Per inserire un video direttamente nella pagina utilizzare il blocco [[embedvideo]] ... [[/embedvideo]].
All'interno del blocco, immettere il "codice HTML di inserimento" relativo al file video da visualizzare, che può essere ospitato ad esempio su:

Esempio:

[[embedvideo]]
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle"
type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=263244138622602613"
allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL"
FlashVars="playerMode=embedded"> </embed>
[[/embedvideo]]

Audio

Per inserire l'audio utilizzare il blocco [[embedaudio]] ... [[/embedaudio]] e all'interno scrivere il relativo codice HTML trovato nel sito web che ospita il file.

Attualmente sono supportati:

E.g.

[[embedaudio]]
<embed src="http://www.odeo.com/flash/audio_player_standard_gray.swf"
quality="high" width="300" height="52" name="audio_player_standard_gray"
align="middle" allowScriptAccess="always" wmode="transparent"  
type="application/x-shockwave-flash" flashvars="audio_id=99133&audio_duration=282.0&valid_sample_rate=true&external_url=http://www.vitalpodcasts.com/FileSystem/podcasts/89/opensource_episode1.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39;
letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/99133/view">
powered by <strong>ODEO</strong></a>
[[/embedaudio]]

Embedding code from other sites

Sometimes web sites (mainly social-oriented ones) allow you to paste a code block directly into other pages in order to increase your site functionality or embed some contet from the original site.

[[embed]] tag

The [[embed]] block tag allows you to do the same with your wiki pages. E.g. to display del.icio.us tag cloud as generated from http://del.icio.us/help/tagrolls simply wrap the html code:

[[embed]]
<script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script>
[[/embed]]

For the list of supported services please see the page: Embedding code from other services.

Please note that if the code contains <script type="text/javascript"… i.e. just JavaScript, the content will not be fully rendered when you click preview while editing the page. It should be there however when you view the page afterwards.

[[iframe]] element

Using the iframe element one can embed content of any other web page. The syntax is

[[iframe url-source attributes]]

and it translates into HTML tags <iframe src="url-source" attributes></iframe>. The allowed attributes are: frameborder (0 or 1 allowed), align (left, right, top, bottom, middle), height (number of pixels or %), width (number of pixels or %), scrolling (yes or no), class, style

Moduli

I moduli sono degli aggeggi indipendenti che possono essere messi nelle pagine. La sintassi generale è: [[module NomeModulo parametro1="valore1" parametro2="valore2" ...]]

Per saperne di più sui moduli, consultare la sezione modules della documentazione.

File allegati

istruzione significato
[[file nomefile]] Genera un link a un file allegato alla presente pagina
[[file /altra-pagina/nomefile]] Genera un link a un file allegato a un'altra-pagina

Il file di destinazione deve essere preventivamente allegato — cliccando su "files" e quindi su "upload file" dalle opzioni in fondo alla pagina.

Utenti

istruzione risultato commenti
[[user nome utente]]
e.g. [[user nuova_leva]]
nuova_leva info utente (no iconcina)
[[*user nome utente]]
e.g. [[*user nuova_leva]]
nuova_levanuova_leva info utente (con iconcina)

Social bookmarking

Il social bookmarking è un servizio basato sul web, dove vengono resi disponibili elenchi di segnalibri (bookmark) creati dagli utenti. Questi elenchi sono liberamente consultabili e condivisibili con gli altri utenti appartenenti alla stessa comunità virtuale. Per maggiori informazioni consultare il relativo 'approfondimento su Wikipedia.

E' facile aggiungere i pulsanti "social bookmarking" alle pagine — basta scrivere [[social]] (senza specificare alcun parametro) e si otterrà quanto segue:

BlinkListblogmarksdel.icio.usdiggFarkfeedmelinksFurlLinkaGoGoNewsVineNetvouzRedditYahooMyWebFacebook

Il che equivale a scrivere per esteso:

[[social blinkbits,blinklist,blogmarks,co.mments,connotea,del.icio.us,de.lirio.us,digg,fark,feedmelinks,furl,linkagogo,ma.gnolia,newsvine,netvouz,rawsugar,reddit,scuttle,shadows,simpy,smarking,spurl,tailrank,wists,yahoomyweb]]

E' possibile inserire anche solo alcuni servizi. Per es. per scegliere digg, furl e del.ici.us utilizzare il seguente blocco:

[[social digg,furl,del.icio.us]]

che darà come risultato: diggFurldel.icio.us

Suggerimento: usate i social bookmarking! It is always a good idea to put social shortcuts under an article or inside your side bar.

Bottoni indipendenti (opzioni della pagina)

Qualche volta può rivelarsi conveniente nascondere i bottoni di default della pagina e mostrare agli utenti solo alcuni di essi. La sintassi per questo è:

[[button tipo opzioni]]

Dove il tipo è: edit, edit-append, edit-sections, history, print, files, tags, source (view page source), backlinks, talk (funziona in maniera simile a MediaWiki/Wikipedia).

Gli attributi possibili sono:

  • text — testo alternativo da visualizzare
  • class — classe (style) CSS dell'elemento A
  • style — definizione (style) CSS

Ecco un esempio per avere dei bottoni "view source" (guarda sorgente) e "print" (//stampa"") con icone, si può usare questo codice:

[[>]]
[[button source style="background-image: url(http://www.wikidot.com/local--files/files/view-source.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 20px; color: #444"]]
[[button print style="background-image: url(http://www.wikidot.com/local--files/files/document-print.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 20px;color: #444"]]
[[/>]]

per ottenere: