Porady dla początkujących

Jeśli tylko masz odpowiednie uprawnienia, po prostu wciśnij guzik edytuj, który znajduje się na dole każdej ze stron, lub guzik Edytuj stronę, który znajduje się w menu po prawej. Otworzy się wtedy edytor z odpowiednimi opcjami.

Aby stworzyć link do nowej strony, użyj składni [[[nazwa nowej strony]]] or [[[nazwa nowej strony | tekst do wyświetlenia]]]. Kliknij na link (który powinien mieć inny kolor, jeśli strona nie istnieje), utwórz nową stronę i edytuj ją. W ten sposób możesz rozbudowywać strony i tworzyć połączenia pomiędzy nimi.

Mimo że tworzenie stron i ich edycja jest stosunkowo prosta, istnieje jeszcze cala masa innych opcji, które pozwalają na stworzenie całkiem zaawansowanych sajtów. Więcej dowiesz się odwiedzając Strony dokumentacji.

Formatowanie tekstu

Rozmiar czcionki

Rozmiar tekstu (czcionki) może być ustawiony poprzez tagi [[size …]] … [[/size]]. Tagi te mogą być zagnieżdzone.

Względny rozmiar czcionki

Względne rozmiary czcionek bazują na aktualnym rozmiarze — mogą zmniejszać lub zmniejszać aktualną czcionkę. Aby określić względną wielkość czcionki można użyć [[size smaller]], [[size larger]], [[size nem]] albo [[size n%]], gdzie n jest od 1 do 5-cyfrową liczbą (włączając w to opcjonalny przecinek dziesiętny).

Bezwzględny rozmiar czcionki

Bezwględny rozmiar czcionki nie bazuje na aktualnym rozmiarze tekstu. Aby określić bezwzględny rozmiar czcionki można użyć [[size xx-small]], [[size x-small]], [[size small]], [[size large]], [[size x-large]], [[size xx-large]] oraz [[size npx]], gdzie n jest od 1 do 5-cyfrową liczbą (włączając w to opcjonalny przecinek dziesiętny).

Akapity i nowe linie

Akapity są oddzielane od siebie przez dwie puste linie. Aby zacząć pisać w nowej linii- użyj jednego odstępu.

Pierwszy akapit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Drugi akapit. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Nowa linia.
Jeszcze jedna nowa linia.

Pierwszy akapit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Drugi akapit. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Nowa linia.
Jeszcze jedna nowa linia.

Typografia

Jeżeli przywiązujesz wagę do typografii, tutaj znajdziesz kilka sposobów formatowania tekstu:

Tekst nieformatowany

Jeżeli chesz, aby część kodu nie była interpretowana jako polecenia formatowania, tylko była wyświetlona tak, jak ją napiszesz, to musisz ją ująć w podwójne odwrócone apostrony (').

Ten //tekst// jest **interpretowany** jako formatowanie.

``Ten //text// nie jest **interpretowany** jako źródło.``

Ten tekst jest interpretowany jako formatowanie.

Ten //text// nie jest **interpretowany** jako źródło.

Komentarz

Komentarz jest częścią kodu źródłowego, która nie jest pokazywana na stronie. Aby dodać komentarz użyj [!-- ... --], np.:

[!--
Ten tekst nie zostanie pokazany.
--]

Nagłówki

Nagłówki są używane przy tworzeniu spisu treści. Aby stworzyć nagłówek zacznij linię od znaku "plus". Możesz użyć maksymalnie 6 znaków "plus", w zależności od poziomu nagłówka, który chcesz osiągnąć.

+ Nagłówek poziomu 1
++ Nagłówek poziomu 2
+++ Nagłówek poziomu 3
++++ Nagłówek poziomu 4
+++++ Nagłówek poziomu 5
++++++ Nagłówek poziomu 6

Spis treści

Jeżeli chcesz stworzyć spis treści z linkami do nagłówków, użyj wyrażenia ''[[toc]]''.

[[toc]]
[[f>toc]] - spis treści po prawej stronie
[[f<toc]] - spis treści po lewej stronie

Linia pozioma

Wpisanie 4 myślników (----) sprawi, że na stronie pojawi się linia pozioma.

Listy

Lista wypunktowana

Każdy element umieść w nowej linii i poprzedź znakiem *. Jeżeli chcesz zwiększyć wcięcie wstaw puste znaki (spacje) przed znakiem *

* Element 1
* Element 2
 * Element 2.1

• Element 1
• Element 2
  • Element 2.1

Lista numerowana

Podobnie tworzy się listy numerowane, ale tutaj zamiast znaku *, wstaw znak #.

# element 1
# element 2
 # element 2.1

1. element 1
2. element 2
   1. element 2.1

Możesz oczywiście łączyć ze sobą listy wypunktowane i numerowane.

Definicje

Jeżeli chcesz, stworzyć lsitę definicji (opisów), użyj poniższego kodu.

: Definiendum nr 1 : jest to definiens
: Definiendum nr 2 : jest to definiens

Definiendum nr 1

jest to definiens

Definiendum nr 2

jest to definiens

Cytaty

Jeżeli chcesz wsatwić cytat, to rozpocznij go wstawiając w pierwszej linii znak '>'. Nie zapomnij też o spacji, przed cytowanym tekstem.

> Tutaj możemy zacytować kogoś.\
Zauważ, że cytat jest kontynuowany \
w tym samym akapicie dzięki temu, że \
na końcu każdej linii używamy odwrotnego \
ukośnika ``\``
>
> Kolejny cytat:
>> Julisz Cezar powiedział: Veni, Vidi, Vici.

Normalny tekst.

Tutaj możemy zacytować kogoś.Zauważ, że cytat jest kontynuowany w tym samym akapicie dzięki temu, że na końcu każdej linii używamy odwrotnego ukośnika \
Kolejny cytat:

Julisz Cezar powiedział: Veni, Vidi, Vici.

I znowu jest normalnie.

Linki

Linki wewnętrzne

W odróżnieniu od innych wiki, wikidot.com nie uznaje za linki słów pisanych z DużejLiteryIPisanychŁącznie. Linki do stron w ramach wiki tworzymy poprzez umieszczenie słowa linkującego w trzech kwadratowych nawiasach.

Jeżeli adres strony zawiera zabronione znaki, to zostaną one przekształcone tak, aby w adresie pojawiły się tylko dozwolone znaki. Nazwa wyświetlana pozostanie jednak w formie oryginalnej.

Adresy URL

Adresy E-mail

Mimo, że odradzamy umieszczania swoich adresów e-mail w sieci, warto pamiętać o tym, że Wikidot zapewnie szybki i prosty mechanizm szyfrujący, który zapobiega odczytywaniu adresów e-mail przez boty. Każdy adres e-mail jest zaszyfrowany, a dekodowany dopiero w przeglądarce klienta. Takie rozwiązanie nie zapewnia stuprocentowej ochrony przed spamem, jest jednak znacznie bezpieczniejsze niż podawanie adresów e-mail jako zwykły tekst.

InterWiki

Jeśli chcesz stworzyć link bezpośrednio do artykułu w Wikipedii, możesz użyć następującej składni:

Inne linki zdefiniowane na przykładach:

• [google:free+wiki] - szukaj wyrażenia: free wiki na stronach Google
• [dictionary:wiki] - szukaj definicji słowa wiki w słowniku dictionary.reference.com

Obrazki

Pojedyncze obrazki

Aby wstawić pojedynczny obrazek na stronę, użyj następującej składni:

[[image źródło-obrazka atrybut1="wartość1" atrybut2="wartość2" ...]]

Poniżej znajduje się lista dozwolonych atrybutów:

Atrybut size działa nie tylko z obrazami. Można go stosować również z lokalnie umieszczonymi plikami (dodanymi do strony), np. z plikami PDF oraz PostScript. Po więcej szczegółów zajrzyj na tą stronę.

źródło-obrazka może przybierać następujące formy:

Aby otworzyć link do dokumentu w nowym oknie można albo poprzedzić atrybut link gwiazdką '*' (np. link="*http://www.przyklad.com" albo poprzedzić gwiazdką '*' element src (np. *flickr:149666562_debab08866, *obrazek itp.) dla obrazów automatycznie generujących linki.

Aby wybrać ułożenie poziome można użyć:

• [[=image… - obraz wyśrodkowany
• [[<image… - obraz do lewej
• [[>image… - obraz do prawej
• [[f<image… - obraz po lewej opływany przez tekst
• [[f>image… - obraz po prawej opływany przez tekst

Galeria obrazów

Aby wstawić serię obrazów na jednej stronie, należy użyć elementu gallery.

[[gallery size="rozmiar-obrazow"]]

[[gallery size="rozmiar-obrazow"]]
: źródło-obrazu1 atrybut1="wartość1" atrybut2="wartość2" ...
: żródło-obrazu2 atrubyt1="wartość1" atrybut2="wartość2" ...
...
[[/gallery]]

Jedynym dozwolonym atrybutem tagu [[gallery]] jest size, który może przyjmować następujące wartości: "square", "thumbnail", "small", "medium".

Jeżeli tag [[gallery]] zostanie wywołany bez podania listy obrazów, automatycznie wyświetlone zostaną wszystkie obrazy dodane do strony, przeskalowane do rozmiaru thumbnail. Dotyczy to również plików PDF oraz PostScript.

Jeżeli tag [[gallery]] zostanie wywołany z podaniem listy obrazów, tylko te zostaną wyświetlone. źródło-obrazu nie może w takim przypadku być adresem URL. Atrybutami dozwolonymi do stosowania na obrazach w liscie galerii są:

• link - adres URL albo nazwa strony wiki (funkcja nie działa z obrazami Flickr)
• alt - tekst alternatywny, wyświetlany w przypadku, gdy obraz jest niedostępny

Aby otworzyć dokument w nowym oknie, należy stosować te same reguly, co w przypadku pojedynczo umieszczanych zdjęć.

Zobacz również moduł FlickrGallery jeśli chcesz importować zdjęcia z Flickra.

Domyślnie moduł galerii korzysta z LightBox'a, co oznacza, że zdjęcia ładują się w pop-upie bez otwarcia nowego okna lub karty oraz można je przeglądać klikając Next lub Prev, bez przeładowania.

Jeśli chcesz wyłaczyć przeglądanie zdjęć za pomocą LightBoxa, użyj parametru:

[[gallery viewer="false"]] lub [[gallery viewer="no"]]

Bloki kodu

Bloki kodu wywołuje się z użyciem tagów [[code]]…[[/code]].

To jest przykład bloku kodu!

Jeśli chcesz użyć podświetlenia składni, dodaj odpowiednią wartość atrybutu type, np. jeśli chcesz podświetlić składnię PHP, po prostu otocz kod tagami [[code type="php"]]…[[/code]].

Jeśli chcesz podświetlić składnię kodu PHP, otocz go tagami <?php.. ?>.

WikiDot.com używa PEAR::Text_Highlighter i wspiera wiele schematow kolorowania składni. Oto lista wspieranych wartości:

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";
}
?>

Tabele

Możesz tworzyć tabele poprzez używanie podwójnych pionowych kresek ( || ):

||~ nagłówek 1 ||~ nagłówek 2 ||~ nagłówek 3 ||
|| komórka 1 || komórka 2 || komórka 3 ||
|||| długa komórka cell 4 || komórka 5 ||
||komórka 6 |||| długa komórka 7 ||
|||||| dłuuuuuuga komórka 8||

|| wersy muszą zaczynać się i kończyć || podwójnymi pionowymi kreskami || nic ||
|| komórki oddzielane są || podwójnymi pionowymi kreskami || nic ||
|||| możesz łączyć kolumny przez || rozpoczęcie nowej komórkil ||
|| z dodatkowymi separatorami |||| komóre ||
|||||| ale prawdopodobnie przykład jest najlepszym sposobem, żeby to zrozumieć ||

Elementy formatowania bloków tekstu

Do prawej, do lewej, wyśrodkuj, wyjustuj

Aby ustawić ułożenie poziome bloku tekstu, użyj:

Przykład:

[[=]]
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.
[[/=]]

Aby wyśrodkować pojedynczą linię, wstaw = na jej początku:

= Wyśrodkowana linia

Własne bloki DIV

Jeśli chcesz poprawić układ swojej strony, możesz użyć własnych bloków DIV [[div]] ... [[/div]], które bedą zachowywać się jak znaczniki HTML <div> ... </div>.

Tylko class oraz style są dozwolonymi atrybutami, jednak w zupełności wystarcza to do stworzenia pożądanego układu strony.

Poniżej znajduje się przykład, w którym utworzono dwukolumnowy układ, używając bloków DIV:

[[div style="float:left; width: 45%; padding: 0 2%"]]
lewa kolumna lewa kolumna lewa kolumna lewa kolumna
lewa kolumna lewa kolumna lewa kolumna lewa kolumna
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
prawa kolumna prawa kolumna prawa kolumna prawa kolumna
prawa kolumna prawa kolumna prawa kolumna prawa kolumna
[[/div]]

~~~~~

Element ~~~~ używany jest w celu wyczyszczenia bloków, a jego działanie tłumaczy się mniej więcej jako: <div style="clear:both"></div>.

Własne bloki [[div]] mogą być używane do tworzenia bardzo zaawansowanych ukladów stron.

Równania matematyczne

WikiDot.com używa LaTeKsa do tworzenia atrakcyjnych wizualnie równań. Używanie równań matematycznych powinno być bardzo proste dla użytkowników zaznajomionych z LaTeKsem.

Równania

Wprowadź równanie matematyczne pomiędzy tagi [[math etykieta]] … [[/math]], (dodanie etykiety jest opcjonalne). Równanie tworzone jest za pomocą środowiska LaTeX \begin{equation} ... \end{equation}. Zapoznaj się z WikiBooks LaTeX aby ułatwić sobie tworzenie wyrażeń matematycznych.

[[math etykieta1]]
\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]]

Jeśli chcesz odwołać się do równania zawierającego etykietę, użyj [[eref label]], a uzyskasz numer równania. Możesz też użyć Rów. ([[eref label1]]), aby otrzymać Rów. ().

Wtrącenie równania w linię tekstu

Jeśli chcesz wstawić równanie wewnątrz linii tekstu, użyj tagów [[$ ... $]] .

[[$ E = mc^2 $]] jest bardziej popularne, niż
[[$ G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu} $]]

Aby ułatwić sobie pracę z LaTeX-em odwiedź stronę z opisem składni WikiBooks LaTeX

Przypisy

Jeśli chcesz wstawić przypis do tekstu, użyj tagu [[footnote]] . Jeśli nie chcesz, aby lista przypisów pojawiła się na dole strony, użyj [[footnoteblock]].

Jakiś tekst[[footnote]]Przypis do tekstu[[/footnote]]. A teraz kolejny kawałek tekstu
z przypisem[[footnote]]Treść drugiego przypisu[[/footnote]].

[[footnoteblock]]

Jakiś tekst¹. A teraz kolejny kawałek tekstu
z przypisem².

Jeśli nie jesteś zadowolony z domyślnego tytułu listy przypisów, użyj: [[footnote title="własny_tytuł"]] albo nawet zrezygnuj z tytułu ([[footnote title=""]].

Bibliografia

Blok bilbiografii definiowany jest jako [[bibliography]]...[[/bibliography]]. Każdy element bibliografii opisywany jest jako:

etykieta : treść wpisu bibliografii

Jeśli chcesz zacytować wpis w bibliografii, użyj ((bibcite etykietal)).

Pierwszy pulsar został zaobserwowany przez J. Bella i A. Hewisha [((bibcite bell))]. Inne źródło, [zobacz ((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]]

Pierwszy pulsar został zaobserwowany przez J. Bella i A. Hewisha [1]. Inne źródło, [zobacz 2].

Zagnieżdżanie innych stron

Jeśli chcesz na stronie zawrzeć treść innej witryny, użyj:

[[div class="error-block"]]
Included page "nazwa-strony" does not exist ([/nazwa-strony/edit/true create it now])
[[/div]]

Tag include powinien zaczynać się i kończyć nową linią.

Wstawianie mediów

Wideo

Jeśli chcesz zagnieździć wideo bezpośrednio na stronie, użyj tagów [[embedvideo]] ... [[/embedvideo]].
Pomiędzy tagami wklej kod podany na stronach serwujacych filmy wideo najczęściej w polu embed video, np.:

• Google Video
• YouTube

Przykład:

[[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]]

Aby uzyskać więcej informacji, zajrzyj na [http://www.wikidot.com/doc:embedding],

Dźwięk

Jeśli chcesz zagnieździć dźwięk bezpośrednio na stronie, użyj tagów [[embedaudio]] ... [[/embedaudio]].
Pomiędzy tagami wklej kod podany na stronach serwujacych pliki audio najczęściej w polu embed audio, np.:

Przykład:

[[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]]

Aby uzyskać więcej informacji, zajrzyj na [http://www.wikidot.com/doc:embedding],

Wstawianie treści z innych źródeł

Często strony internetowe (głównie serwisy społecznościowe) pozwalają na wklejanie bloków kodu bezpośrednio do innych stron, aby umożliwić użytkownikowi zwiększenie atrakcyjności i funkcjonalności własnej strony.

Tag [[embed]]

Tag [[embed]] pozwala wykonać taką czynność na własnej stronie wiki. Można na przykład wyświetlić chmurę tagów wygenerowaną na http://del.icio.us/help/tagrolls poprzez otoczenie kodu html tagami [[embed]]:

[[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]]

Pełna lista wspieranych stron i typów kodów do wstawienia znajduje się w dokumentacji.

Zauważ, że jeśli kod zawiera takie elementy, jak <script type="text/javascript"…, czyli, skrypty JavaScript, nie zostanie on poprawnie wyświetlony, jeśli kliknie się podgląd podczas edycji strony. Jednak strona zostanie dobrze wyświetlona po zakończeniu edycji.

Tag [[iframe]]

Używając tagu iframe można na własnej stronie zagnieździć treść z innych stron. Składnia jest następująca:

[[iframe źródło-strony atrybuty]]

Taki kod zostanie przetłumaczony na tagi HTML: <iframe src="źródło-strony" atrybuty></iframe>. Dozwolonymi atrybutami są: frameborder (dozwolona wartość: 0 lub 1), align (left, right, top, bottom, middle), height (liczba podana w pikselac lub %), width (liczba podana w pikselach lub %), scrolling (yes or no), class, style

Dołączanie plików

Plik docelowy musi zostać dołączony do strony, można to zrobić klikając przycisk "pliki" a następnie "załaduj nowy plik", które znajdują się u dołu strony.

FAQ

Eng. Frequently Asked Questions - Często zadawne pytania.