Sivujen muokkaaminen vaatii nykyään kirjautumisen. Jos sinulla ei vielä ole tunnuksia, luo sellaiset.

Ero sivun ”Ohje:Kuinka sivuja muokataan” versioiden välillä

Primayk
Loikkaa: valikkoon, hakuun
(→‎Turhaa sälää)
(→‎Muuta sälää: ohjeet uusiksi)
 
(38 välissä olevaa versiota 3 käyttäjän tekeminä ei näytetä)
Rivi 1: Rivi 1:
 +
[[Tiedosto:Pupu itkee.jpg | 230px | thumb | Jos et opettele wikin muotoilukeinoja, saat pupun itkemään.]]
 
Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella [[Hiekkalaatikko|hiekkalaatikossa]].
 
Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella [[Hiekkalaatikko|hiekkalaatikossa]].
  
 +
__TOC__
 +
<br clear="both" />
 
== Tekstin muotoilu ==
 
== Tekstin muotoilu ==
 
{| class="wikitable" style="width:100%;"
 
{| class="wikitable" style="width:100%;"
Rivi 24: Rivi 27:
  
 
|-
 
|-
−
|<code><nowiki><span style="color:red;">Punainen teksti</span></nowiki></code>
+
|<code><nowiki>{{CSS|color:red;|Punainen teksti}}</nowiki></code>
−
|<span style="color:red;">Punainen teksti</span>
+
|{{CSS|color:red;|Punainen teksti}}
  
 
|-
 
|-
−
|<code><nowiki><code>Tasalevyinen koodi</code></nowiki></code>
+
|<code><nowiki>{{CSS|color:#11AD4D;|Kummallisen värinen teksti}}</nowiki></code>
−
|<code>Tasalevyinen koodi</code>
+
|{{CSS|color:#11AD4D;|Kummallisen värinen teksti}} ([http://www.colorpicker.com/ värinvalintatyökalu])
 +
 
 +
|-
 +
|<code><nowiki><code>Tasalevyinen teksti koodinpätkiä varten</code></nowiki></code>
 +
|<code>Tasalevyinen teksti koodinpätkiä varten</code>
  
 
|-
 
|-
 
|<code><nowiki>[[Etusivu]]</nowiki></code>
 
|<code><nowiki>[[Etusivu]]</nowiki></code>
−
|[[Etusivu]]
+
|[[Etusivu]] (näin voi linkittää vain Primaykissa oleviin sivuihin)
  
 
|-
 
|-
Rivi 42: Rivi 49:
 
|<code><nowiki>[http://www.google.fi Ulkoinen sivu]</nowiki></code>
 
|<code><nowiki>[http://www.google.fi Ulkoinen sivu]</nowiki></code>
 
|[http://www.google.fi Ulkoinen sivu]
 
|[http://www.google.fi Ulkoinen sivu]
 +
 +
|-
 +
|<code><nowiki><span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span></nowiki></code>
 +
|<span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span>
  
 
|-
 
|-
Rivi 51: Rivi 62:
 
</nowiki></code>
 
</nowiki></code>
 
|
 
|
 +
 
== Otsikko ==
 
== Otsikko ==
 
Tekstiä...
 
Tekstiä...
Rivi 87: Rivi 99:
  
 
-->
 
-->
 +
 +
== Kuvat ==
 +
Sivuille voi laittaa Primaykiin tallennettuja ([[Toiminnot:Tiedostoluettelo|luettelo]]) tai [http://commons.wikimedia.org Wikimedia Commonsiin] tallennettuja kuvia.
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki>[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]</nowiki><br />Höpöti löpöti...<br /><br />Commonsiin tallennettu kuva:<br /><br /><nowiki>[[Tiedosto:CheHigh.jpg | 200px]]</nowiki></code>
 +
|[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
 +
Höpöti löpöti...
 +
 +
Commonsiin tallennettu kuva:
 +
 +
[[Tiedosto:CheHigh.jpg | 200px]]
 +
 +
|}
  
 
== Taulukot ==
 
== Taulukot ==
Rivi 96: Rivi 127:
  
 
|-
 
|-
−
|<pre style="background:transparent; border:0;"><nowiki>{| class="wikitable"
+
|<pre style="background:transparent; border:0;"><nowiki>{|{{prettytable}}
 
|-
 
|-
 
|(1,1)
 
|(1,1)
Rivi 108: Rivi 139:
  
 
|
 
|
−
{| class="wikitable"
+
{|{{prettytable}}
 
|-
 
|-
 
|(1,1)
 
|(1,1)
Rivi 116: Rivi 147:
 
|(1,2)
 
|(1,2)
 
|(2,2)
 
|(2,2)
 +
|(3,2)
 +
|}
 +
 +
|-
 +
|<pre style="background:transparent; border:0;"><nowiki>{|{{prettytable}} style="width:400px; background:lightpink;"
 +
|-
 +
! colspan="3" style="background:greenyellow;" | Otsikko!
 +
|-
 +
|(1,1)
 +
| rowspan="2" | korkea solu
 +
|(3,1)
 +
|-
 +
|(1,2)
 +
|(3,2)
 +
|}</nowiki></pre>
 +
 +
|
 +
{|{{prettytable}} style="width:400px; background:lightpink;"
 +
|-
 +
! colspan="3" style="background:greenyellow;" | Otsikko!
 +
|-
 +
|(1,1)
 +
| rowspan="2" | korkea solu
 +
|(3,1)
 +
|-
 +
|(1,2)
 
|(3,2)
 
|(3,2)
 
|}
 
|}
Rivi 121: Rivi 178:
 
|}
 
|}
  
−
== Turhaa sälää ==
+
== Muuta sälää ==
 
Matemaattisten lausekkeiden lisääminen onnistuu &lt;math&gt;-tagien avulla.
 
Matemaattisten lausekkeiden lisääminen onnistuu &lt;math&gt;-tagien avulla.
 
* [http://fi.wikipedia.org/wiki/Ohje:Kaavat Syntaksiopas]
 
* [http://fi.wikipedia.org/wiki/Ohje:Kaavat Syntaksiopas]
Rivi 141: Rivi 198:
 
|}
 
|}
  
 +
'''Karttalaajennusta on vaihdettu. Katso alta muunnosohjeet.'''
  
−
Sivulle voi lisätä Google Maps -palvelun tuottamia karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.
+
Sivulle voi lisätä karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.
−
* [http://www.mediawiki.org/wiki/Extension:Google_Maps/Syntax Syntaksiopas]
+
* [http://www.semantic-mediawiki.org/wiki/Category:Maps_examples Syntaksiesimerkkejä]
  
 
{| class="wikitable" style="width:100%;"
 
{| class="wikitable" style="width:100%;"
Rivi 150: Rivi 208:
 
|style="background:black; color:white; width:50%;"|'''Koodi'''
 
|style="background:black; color:white; width:50%;"|'''Koodi'''
 
|style="background:black; color:white;"|'''Tuotos'''
 
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki><display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map></nowiki></code>
 +
|<display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>
 +
|}
 +
 +
'''Vanhan kartan korvaaminen uudella:'''
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Vanha koodi'''
 +
|style="background:black; color:white;"|'''Uusi koodi'''
  
 
|-
 
|-
 
|<code><nowiki><googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
 
|<code><nowiki><googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
 
60.229936,24.925393, Helsingin matematiikkalukio</googlemap></nowiki></code>
 
60.229936,24.925393, Helsingin matematiikkalukio</googlemap></nowiki></code>
−
|<googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
+
|<code><nowiki><display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map></nowiki></code>
−
60.229936,24.925393, Helsingin matematiikkalukio</googlemap>
+
 
|}
 
|}
  
−
 
+
&lt;pre&gt;-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.
−
&lt;pre&gt;-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja rivinvaihdot oikein.
+
  
 
&lt;nowiki&gt;-tagien väliin kirjoitettava teksti tulostuu sivulle sellaisenaan, eli wiki- tai HTML-tageja ei huomioida.
 
&lt;nowiki&gt;-tagien väliin kirjoitettava teksti tulostuu sivulle sellaisenaan, eli wiki- tai HTML-tageja ei huomioida.
Rivi 171: Rivi 240:
 
|<pre style="background:transparent; border:0;">&lt;pre&gt;
 
|<pre style="background:transparent; border:0;">&lt;pre&gt;
 
function haisuli() {
 
function haisuli() {
−
   echo "haisuli on kamala puuhapete";
+
   echo "haisuli lömyää";
 
   echo "haisuli ja pikkumyy ovat sukulaissieluja";
 
   echo "haisuli ja pikkumyy ovat sukulaissieluja";
 
}
 
}
Rivi 181: Rivi 250:
 
}
 
}
 
</pre>
 
</pre>
 +
 +
|-
 +
|<pre style="background:transparent; border:0;">Höpölöpö...
 +
Välilyönnin laittaminen rivin eteen
 +
tuottaa samanlaisen vaikutuksen kuin pre-tagi,
 +
kuten huomaat. :'3</pre>
 +
|
 +
Höpölöpö...
 +
Välilyönnin laittaminen rivin eteen
 +
tuottaa samanlaisen vaikutuksen kuin pre-tagi,
 +
kuten huomaat. :'3
  
 
|-
 
|-
Rivi 186: Rivi 266:
 
|<nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki>
 
|<nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki>
  
 +
|}
 +
 +
 +
Tekstin sekaan voi lisätä viitteitä &lt;ref&gt;-tagilla. Viiteluettelon saa aikaan koodilla <code><nowiki>{{Viitteet}}</nowiki></code>. Samaa viitettä voi käyttää monessa paikassa, jos sen nimeää name-attribuutissa.
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki>Tekstiä...<ref>Viite yksi</ref> lisää tekstiä<ref>Viite kaksi</ref><ref>Viite kolme</ref></nowiki></code>
 +
|Tekstiä...<ref>Viite yksi</ref> ja seassa hassuja numeroita<ref>Viite kaksi</ref><ref>Viite kolme</ref>
 +
 +
|-
 +
|<code><nowiki>Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" /></nowiki></code>
 +
|Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" />
 +
 +
|-
 +
|<code><nowiki>{{Viitteet}}</nowiki></code>
 +
|{{Viitteet}}
 +
 +
|}
 +
 +
=== Yhtäsuuruusmerkki mallineiden parametreissä ===
 +
Yhtäsuuruusmerkkiä (=) ei pääsääntöisesti saa kirjoittaa mallineiden parametreihin, vaan täytyy käyttää merkintää: <code><nowiki>{{-}}</nowiki></code>
 +
 +
Vertaa:
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<pre>{|
 +
{{Palkki1 | Ots=ikko | Sisäl=tö }}
 +
|}</pre>
 +
|
 +
{|
 +
{{Palkki1 | Ots=ikko | Sisäl=tö }}
 +
|}
 +
|-
 +
|<pre>{|
 +
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
 +
|}</pre>
 +
|
 +
{|
 +
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
 +
|}
 
|}
 
|}

Nykyinen versio 1. toukokuuta 2015 kello 17.06

Jos et opettele wikin muotoilukeinoja, saat pupun itkemään.

Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella hiekkalaatikossa.


Tekstin muotoilu

Koodi Tuotos
'''Lihavoitu teksti''' Lihavoitu teksti
''Kursivoitu teksti'' Kursivoitu teksti
'''''Lihavoitu ja kursivoitu teksti''''' Lihavoitu ja kursivoitu teksti
<u>Alleviivattu teksti</u> Alleviivattu teksti
{{CSS|color:red;|Punainen teksti}} Punainen teksti
{{CSS|color:#11AD4D;|Kummallisen värinen teksti}} Kummallisen värinen teksti (värinvalintatyökalu)
<code>Tasalevyinen teksti koodinpätkiä varten</code> Tasalevyinen teksti koodinpätkiä varten
[[Etusivu]] Etusivu (näin voi linkittää vain Primaykissa oleviin sivuihin)
[[Etusivu|Höpöteksti ja linkki etusivulle]] Höpöteksti ja linkki etusivulle
[http://www.google.fi Ulkoinen sivu] Ulkoinen sivu
<span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span> Ulkoinen linkki ilman rumaa kuviota
== Otsikko ==
Tekstiä...

=== Alaotsikko ===
Lisää tekstiä...

Otsikko

Tekstiä...

Alaotsikko

Lisää tekstiä...

Luettelo:

* Tomaatteja
* Paprikoita
** Punaisia paprikoita
** Sinisiä paprikoita
* Pupunruokaa :33

Luettelo:

  • Tomaatteja
  • Paprikoita
    • Punaisia paprikoita
    • Sinisiä paprikoita
  • Pupunruokaa :33


Numeroitu luettelo:

# Yksi
# Kaksi
# Viisitoista

Numeroitu luettelo:

  1. Yksi
  2. Kaksi
  3. Viisitoista

Kuvat

Sivuille voi laittaa Primaykiin tallennettuja (luettelo) tai Wikimedia Commonsiin tallennettuja kuvia.

Koodi Tuotos
[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
Höpöti löpöti...

Commonsiin tallennettu kuva:

[[Tiedosto:CheHigh.jpg | 200px]]
Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.

Höpöti löpöti...

Commonsiin tallennettu kuva:

CheHigh.jpg

Taulukot

Koodi Tuotos 
{|{{prettytable}}
|-
|(1,1)
|(2,1)
|(3,1)
|-
|(1,2)
|(2,2)
|(3,2)
|}
(1,1) (2,1) (3,1)
(1,2) (2,2) (3,2) 
{|{{prettytable}} style="width:400px; background:lightpink;"
|-
! colspan="3" style="background:greenyellow;" | Otsikko!
|-
|(1,1)
| rowspan="2" | korkea solu
|(3,1)
|-
|(1,2)
|(3,2)
|}
Otsikko!
(1,1) korkea solu (3,1)
(1,2) (3,2)

Muuta sälää

Matemaattisten lausekkeiden lisääminen onnistuu <math>-tagien avulla.

Koodi Tuotos
<math> \sqrt{2} \approx 1.4 </math> $ \sqrt{2} \approx 1.4 $
<math>D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1</math> $ D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1 $

Karttalaajennusta on vaihdettu. Katso alta muunnosohjeet.

Sivulle voi lisätä karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.

Koodi Tuotos
<display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>
Ladataan karttaa...

Vanhan kartan korvaaminen uudella:

Vanha koodi Uusi koodi
<googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid"> 60.229936,24.925393, Helsingin matematiikkalukio</googlemap> <display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>

<pre>-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.

<nowiki>-tagien väliin kirjoitettava teksti tulostuu sivulle sellaisenaan, eli wiki- tai HTML-tageja ei huomioida.

Koodi Tuotos 
<pre>
function haisuli() {
  echo "haisuli lömyää";
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
}
</pre>
 
function haisuli() {
  echo "haisuli lömyää";
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
}

Höpölöpö...
 Välilyönnin laittaminen rivin eteen
 tuottaa samanlaisen vaikutuksen kuin pre-tagi,
kuten huomaat. :'3

Höpölöpö... 

Välilyönnin laittaminen rivin eteen
tuottaa samanlaisen vaikutuksen kuin pre-tagi,

kuten huomaat. :'3

<nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki> '''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''


Tekstin sekaan voi lisätä viitteitä <ref>-tagilla. Viiteluettelon saa aikaan koodilla {{Viitteet}}. Samaa viitettä voi käyttää monessa paikassa, jos sen nimeää name-attribuutissa.

Koodi Tuotos
Tekstiä...<ref>Viite yksi</ref> lisää tekstiä<ref>Viite kaksi</ref><ref>Viite kolme</ref> Tekstiä...[1] ja seassa hassuja numeroita[2][3]
Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" /> Saman viitteen voi lisätä moneen paikkaan... :3[4] ...nimeämällä sen[4]
{{Viitteet}}
  1. ↑ Viite yksi
  2. ↑ Viite kaksi
  3. ↑ Viite kolme
  4. ↑ 4,0 4,1 Nimetty viite :)

Yhtäsuuruusmerkki mallineiden parametreissä

Yhtäsuuruusmerkkiä (=) ei pääsääntöisesti saa kirjoittaa mallineiden parametreihin, vaan täytyy käyttää merkintää: {{-}}

Vertaa:

Koodi Tuotos 
{|
{{Palkki1 | Ots=ikko | Sisäl=tö }}
|}

{{{1}}}

{{{2}}} 
{|
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
|}

Ots=ikko

Sisäl=tö
Haettu osoitteesta https://primayk.mayk.fi/w/index.php?title=Ohje:Kuinka_sivuja_muokataan&oldid=8691