Kuinka luoda Joomla-verk­ko­si­vus­to vaihe vaiheelta

Jos haluat am­mat­ti­mai­sen verk­kopro­jek­tin, joka tarjoaa mak­si­maa­li­sen jous­ta­vuu­den ja on skaa­lat­ta­vis­sa milloin tahansa, sinun kannattaa valita Joomla-kaltainen si­säl­lön­hal­lin­ta­jär­jes­tel­mä. Tässä ar­tik­ke­lis­sa selitämme tämän avoimen läh­de­koo­din so­vel­luk­sen käyt­tö­vaa­ti­muk­set ja Joomla-verk­ko­si­vus­ton luomisen.

Mikä on Joomla?

Joomla on vuonna 2005 julkaistu si­säl­lön­hal­lin­ta­jär­jes­tel­mä, joka tunnetaan käyt­tä­jäys­tä­väl­li­syy­des­tään. Oh­jel­mis­ton käyttö vaatii vain lyhyen pe­reh­dy­tyk­sen ja pe­rus­tie­dot. Kun olet pe­reh­ty­nyt ohjelmaan, voit alkaa luoda Joomla-verk­ko­si­vus­toa. CMS on li­sen­soi­tu GNU-GPL-li­sens­sil­lä ja kir­joi­tet­tu PHP-sk­rip­ti­kie­lel­lä.

Tietojen tal­len­nuk­seen Joomla käyttää ole­tuk­se­na re­laa­tio­tie­to­kan­nan hal­lin­ta­jär­jes­tel­mää MySQL. Koska tämä avoimen läh­de­koo­din sovellus on ollut jo vuosia yksi suo­si­tuim­mis­ta avoimen läh­de­koo­din rat­kai­suis­ta verk­ko­si­vus­to­jen hal­lin­taan, sille on jo tuhansia laa­jen­nuk­sia sekä käyt­tö­liit­ty­mäl­le että taustalle, joista suurin osa on kehitetty erittäin ak­tii­vi­sen yhteisön toimesta.

Joomlan asennus ja käyt­töön­ot­to

Ennen kuin luot verk­ko­si­vus­ton Joomlalla, sinun on huo­leh­dit­ta­va oikeista edel­ly­tyk­sis­tä. Aloita va­lit­se­mal­la sopiva hosting-ympäristö, johon tallennat sekä Joomlan että myöhemmin verk­ko­si­vus­to­si tiedot. Päätä, haluatko isännöidä CMS:n ja sivustosi omalla pal­ve­li­mel­la­si vai hosting-pal­ve­lun­tar­joa­jan pal­ve­li­mel­la. Valitse seu­raa­vak­si verk­ko­si­vus­to­si osoite ja re­kis­te­röi haluamasi verk­ko­tun­nus.

IONOS:n Domain Check -tyyp­pis­ten tar­kis­tus­työ­ka­lu­jen avulla voit tarkistaa, onko haluamasi osoite vielä vapaana.

Vaihe 1: Asenna ja määritä verk­ko­pal­ve­lin ja tie­to­kan­ta

Kun olet jär­jes­tä­nyt hosting-palvelun ja suo­rit­ta­nut verk­ko­tun­nuk­sen re­kis­te­röin­nin, voit keskittyä asen­ta­maan si­säl­lön­hal­lin­ta­jär­jes­tel­män toi­min­taan tar­vit­ta­vat oh­jel­mis­to­kom­po­nen­tit:

Toisaalta tarvitset web-pal­ve­li­men, joka tukee PHP:tä (joka myös on asen­net­ta­va pal­ve­li­mel­le) ja johon pääsee FTP:n kautta. On suo­si­tel­ta­vaa asentaa Apache-web-palvelin.

Toisaalta tarvitset tie­to­kan­nan hal­lin­ta­jär­jes­tel­män, johon Joomla tallentaa luomasi verk­ko­si­vus­ton tiedot. MySQL on erin­omai­nen ratkaisu tähän, joten on parasta ladata Oracle-so­vel­luk­sen asen­nus­tie­dos­tot MySQL:n verk­ko­si­vus­tol­ta. Mak­sul­li­nen kau­pal­li­nen MySQL En­terpri­se Edition ja ilmainen avoimen läh­de­koo­din MySQL Community Edition eroavat toi­sis­taan.

Vaihe 2: Lataa ja asenna uusin Joomla-versio

Jos verk­ko­pal­ve­lin ja tie­to­kan­ta ovat käynnissä, käy Joomlan verk­ko­si­vus­tol­la ja lataa si­säl­lön­hal­lin­ta­jär­jes­tel­män uusimman version asen­nus­tie­dos­tot.

Ladatun tiedoston voi purkaa pai­kal­li­ses­ti ennen sen siir­tä­mis­tä web-pal­ve­li­mel­le FTP-asia­kas­oh­jel­mal­la, kuten FileZilla, tai vaih­toeh­toi­ses­ti FTP-siirron jälkeen. On tärkeää, että mukana olevat Joomla-oh­jel­ma­tie­dos­tot si­jait­se­vat pur­ka­mi­sen jälkeen jul­ki­ses­sa juu­ri­ha­ke­mis­tos­sa, jota yleensä kutsutaan nim public_html tai htdocs.

Aloita Joomlan asennus avaamalla web-asen­nus­oh­jel­ma ha­lua­mal­la­si se­lai­mel­la syöt­tä­mäl­lä domainisi tai Joomlan pai­kal­li­sen tal­len­nus­pai­kan (http://localhost/path-to-joomla-folder). Aluksi Joomla pyytää sinua tekemään joitakin pe­rus­a­se­tuk­sia, alkaen kie­li­va­lin­nas­ta. CMS:n pitäisi kuitenkin valita sopiva kie­li­ver­sio au­to­maat­ti­ses­ti se­lai­mel­le valitun kielen pe­rus­teel­la. Lisäksi seuraavat kentät on täy­tet­tä­vä:

• Verk­ko­si­vus­ton nimi: Tässä voit määrittää, miksi haluat Joomla-verk­ko­si­vus­to­si nimetä, vaikka voit muuttaa nimen milloin tahansa myöhemmin yleisessä ko­koon­pa­nos­sa.
• Käyt­tä­jä­ni­mi: Ole­tuk­se­na CMS käyttää su­per­käyt­tä­jän nimeksi nimeä “admin”, jonka sinun tulisi muuttaa tässä vaiheessa.
• Salasana: Aseta tur­val­li­nen salasana jär­jes­tel­män­val­vo­jan käyt­tö­oi­keu­del­le ja muista, että tällä käyt­tä­jä­ti­lil­lä on täysi käyt­tö­oi­keus sekä käyt­tö­liit­ty­mään että taus­ta­jär­jes­tel­mään.
• Säh­kö­pos­ti: Joomla vaatii hal­lin­noi­jan tiliin liitetyn voimassa olevan säh­kö­pos­tio­soit­teen. Tätä tarvitaan esi­mer­kik­si, jos haluat muuttaa salasanan.

Kun olet täyttänyt kon­fi­gu­roin­ti­si­vun, seuraava vaihe on tie­to­kan­nan kon­fi­gu­roin­ti­va­lik­ko. Syötä pyydetyt tiedot tie­to­kan­ta­tyy­pis­tä, pal­ve­li­men nimestä ja kir­jau­tu­mis­tun­nuk­ses­ta ja napsauta vielä kerran asen­nus­pai­ni­ket­ta lo­pet­taak­se­si.

Kuinka luoda Joomla-verk­ko­si­vus­to aloit­te­li­joil­le

Klas­si­se­na CMS-jär­jes­tel­mä­nä Joomla tarjoaa kaksi tasoa verk­ko­si­vus­ton sisällön muok­kaa­mi­seen: käyt­tö­liit­ty­män, jossa voit tehdä muutoksia suoraan näkyvillä sivuilla, ja taustan, jossa voit määrittää sivustosi ydin­toi­min­not, ulkoasun ja yleisen hallinnan. Kun aloitat Joomla-verk­ko­si­vus­ton luomisen, aloitat luon­nol­li­ses­ti bac­ken­dis­sä. Tämä aloit­te­li­joil­le sopiva opas opastaa sinut al­ku­vai­heen hal­lin­nol­lis­ten vaiheiden läpi ja näyttää, kuinka voit luoda yk­sin­ker­tai­sen Joomla-sivuston ja lisätä en­sim­mäi­sen sisällön.

Vaihe 1: Kirjaudu Joomlan hal­lin­ta­pa­nee­liin

Voit työs­ken­nel­lä taus­ta­puo­lel­la (ja myös etu­puo­lel­la) suoraan ha­lua­mal­la­si se­lai­mel­la. Kun olet lin­kit­tä­nyt va­lit­se­ma­si verk­ko­tun­nuk­sen Joomlaan, kirjoita osoite http://www.name-of-your-website.com/administrator selaimen osoi­te­ri­vil­le ava­tak­se­si taus­ta­puo­lel­la olevan kir­jau­tu­mis­si­vun. Korvaa paik­ka­merk­ki name-of-your-website.com omalla verk­ko­tun­nuk­sel­la­si. Kirjoita kir­jau­tu­mis­si­vul­le asen­nuk­sen aikana luomasi jär­jes­tel­män­val­vo­jan tunnukset ja napsauta sitten kir­jau­tu­mis­pai­ni­ket­ta pääs­täk­se­si taus­ta­puo­lel­le.

Vaihe 2: Muuta Joomlan yleisiä asetuksia kon­fi­gu­roin­ti­va­li­kos­sa

Kir­jau­tu­mi­sen jälkeen pääset Joomlan hal­lin­ta­pa­nee­liin, joka tarjoaa yleis­kat­sauk­sen verk­ko­si­vus­to­si ja si­säl­tö­hal­lin­ta­jär­jes­tel­män toi­min­to­jen tär­keim­mis­tä tiedoista. Täällä voit nähdä, mitä käyt­tö­jär­jes­tel­män, PHP:n ja tie­to­kan­nan versioita käytät tai kuinka monta kävijää si­vus­tol­la­si on tällä hetkellä. Lisäksi voit tark­kail­la, mitkä käyt­tä­jä­ti­lit ovat kir­jau­tu­neet sisään backend- tai frontend-osaan ja mitä muutoksia verk­kopro­jek­tiin on äskettäin tehty. Hal­lin­ta­pa­nee­lis­ta pääset myös CMS-ase­tus­va­lik­koon, jossa voit muokata Joomla-verk­ko­si­vus­to­si pe­rus­a­se­tuk­sia. Voit avata sen “Global Con­fi­gu­ra­tion” -pai­nik­keel­la:

Sivuston vä­li­leh­des­sä löydät asen­nuk­ses­ta jo tutut asetukset, kuten verk­ko­si­vus­ton nimen, yleiset me­ta­tie­dot tai verk­kopro­jek­ti­si offline-tilan kytkimen. Voit myös määrittää, mitä editoria haluat käyttää Joomlassa: Ole­tuk­se­na on valittuna WYSIWYG-editori TinyMCE, mutta vaih­toeh­toi­ses­ti on käy­tet­tä­vis­sä myös yk­sin­ker­tai­nen koo­die­di­to­ri Co­de­Mir­ror. Asian­mu­kai­sel­la laa­jen­nuk­sel­la voidaan kuitenkin in­tegroi­da myös suo­sit­tu­ja editori, kuten ARK Editor tai JCE.

In­dek­soin­tia ja ha­ku­ko­neop­ti­moin­tia koskevat asetukset ovat myös mah­dol­li­sia: Robots-kentässä voit määrittää, pitäisikö ha­ku­ko­nei­den in­dek­soin­ti­ro­bot­tien in­dek­soi­da HTML-sivut (index) vai olla in­dek­soi­mat­ta niitä (noindex) ja pitäisikö niiden seurata (follow) vai olla seu­raa­mat­ta (nofollow) linkkejä. Muissa kon­fi­gu­roin­ti­va­li­kon vä­li­leh­dis­sä voidaan tehdä seuraavat asetukset:

• Jär­jes­tel­mä: Jär­jes­tel­mä-valikossa voit määrittää asetukset vä­li­muis­til­le, vir­heen­kor­jauk­sel­le ja istunnon hal­lin­nal­le.
• Palvelin: Tässä valikossa on kaikki web-pal­ve­li­men hal­lin­taan tar­vit­ta­vat asetukset, ja voit esi­mer­kik­si aktivoida tai deak­ti­voi­da FTP:n, HTTPS:n tai vä­li­tys­pal­ve­li­men.
• Lokit: Lokit-valikossa voit säätää lo­ki­ha­ke­mis­toa ja tehdä joitakin li­sä­ase­tuk­sia Joomla-lokeille.
• Teks­ti­suo­dat­ti­met: Teks­ti­suo­dat­ti­men asetusten avulla voit määrittää, minkä tyyppisiä HTML-ele­ment­te­jä kukin käyt­tä­jä­ryh­mä saa käyttää edi­to­ris­sa.
• Käyt­tö­oi­keu­det: Käyt­tö­oi­keu­det-valikossa voit määrittää eri käyt­tä­jä­ti­lien oikeudet yk­si­löl­li­ses­ti. Mää­ri­tet­tä­vis­sä olevia toi­min­to­ja ovat esi­mer­kik­si jär­jes­tel­män­val­vo­jan käyt­tö­oi­keu­det, si­vus­tol­le kir­jau­tu­mi­nen, luominen, pois­ta­mi­nen ja muok­kaa­mi­nen.

Vaihe 3: Hallitse käyt­tä­jä­ryh­miä ja lisää käyt­tä­jä­ti­li

Asen­nuk­sen jälkeen jär­jes­tel­män­val­vo­jan tili on edelleen ainoa käyt­tä­jä­ti­li. Verk­kopro­jek­tin tyypistä ja laa­juu­des­ta riippuen on kuitenkin myös muita käyttäjiä, jotka osal­lis­tu­vat verk­ko­si­vus­ton hal­lin­taan tai sisällön luomiseen. Joomla tarjoaa siksi ennalta mää­ri­tel­lyn, hie­rark­ki­sen käyt­tä­jä­ra­ken­teen, jota voit mukauttaa tarpeen mukaan. Voit tehdä tämän nap­saut­ta­mal­la ensin va­sem­mal­la olevassa valikossa kohtaa “Käyttäjät” ja sitten kohtaa “Ryhmät”:

Jos haluat tehdä muutoksia käyt­tä­jä­ryh­män ra­ken­tee­seen, napsauta ha­lua­maa­si ryhmää. Vaih­toeh­toi­ses­ti voit poistaa ryhmät kokonaan nap­saut­ta­mal­la Poista-pai­ni­ket­ta. Määritä eri käyt­tä­jäpro­fii­lien käyt­tö­oi­keu­det siir­ty­mäl­lä edel­li­ses­sä osassa mai­nit­tuun Oikeudet-vä­li­leh­teen Yleiset asetukset -valikossa. Napsauta siellä muo­kat­ta­vaa ryhmää tai alaryhmää ja valitse jo­kai­sel­le käyt­tö­toi­min­nol­le jokin seu­raa­vis­ta kolmesta ase­tuk­ses­ta:

• Peritty: Lupa otetaan vanhemman ryhmän ko­koon­pa­nos­ta
• Sallittu: Käyt­tä­jä­ryh­mä voi suorittaa toiminnon riip­pu­mat­ta vanhemman ryhmän ase­tuk­sis­ta
• Kielletty: Käyt­tä­jä­ryh­mä ei voi suorittaa toimintoa vanhemman ryhmän ase­tuk­sis­ta riip­pu­mat­ta

Jos ryhmät ja niille osoitetut käyt­tö­oi­keu­det vastaavat odo­tuk­sia­si, voit luoda uusia käyt­tä­jä­ti­le­jä ja osoittaa ne ha­lut­tui­hin ryhmiin. Voit tehdä tämän avaamalla Käyttäjät-valikon ja nap­saut­ta­mal­la Uusi käyttäjä -pai­ni­ket­ta (plus­merk­ki). Siellä sinun on annettava uuden käyttäjän nimi, käyt­tä­jä­tun­nus ja voimassa oleva säh­kö­pos­tio­soi­te sekä osoi­tet­ta­va Assigned Groups (Osoitetut ryhmät) -vä­li­leh­des­sä, mihin ryhmään tai ryhmiin tämä uusi käyt­tä­jä­ti­li kuuluu. Lopuksi paina Tallenna ja sulje luo­dak­se­si tilin. Sen pitäisi nyt näkyä käyt­tä­jä­luet­te­los­sa jär­jes­tel­män­val­vo­jan tilin (pää­käyt­tä­jä) vieressä.

Vaihe 4: Integroi haluamasi malli Joomla-verk­ko­si­vus­tol­le­si

Kun luot verk­ko­si­vus­to­ja Joomlan kal­tai­sel­la CMS-jär­jes­tel­mäl­lä, sinulla on suuri etu, sillä käy­tet­tä­vis­sä­si on erilaisia suun­nit­te­lu­mal­le­ja (joita kutsutaan usein teemoiksi tai malleiksi). Pe­rus­ver­sios­sa Joomla tarjoaa res­pon­sii­vi­set mallit Cas­sio­peia etusi­vul­le ja Atum ta­ka­si­vul­le. Jos kuitenkin haluat käyttää web-pro­jek­ti­si pohjana jotain muuta Joomla-mallia, voit in­tegroi­da sen milloin tahansa backendin kautta. Lataa ensin malli ja ota se sitten käyttöön nap­saut­ta­mal­la va­sem­mal­la olevassa valikossa ensin ”System” ja sitten ”Ex­ten­sions”. Vedä ja pudota ladattu mal­li­tie­dos­to sille varattuun alueeseen, ja Joomla käyn­nis­tää asen­nuk­sen au­to­maat­ti­ses­ti.

Asen­nuk­sen jälkeen löydät in­tegroi­dut mallit kohdasta “Jär­jes­tel­mä” -> “Mallit”.

Vaihe 5: Luo Joomla-sivu ja aseta se ko­ti­si­vuk­si

Web-projektin sivuja kutsutaan Joomlassa ar­tik­ke­leik­si. Jos valitsit asen­nuk­sen aikana sopivan vaih­toeh­don, paik­ka­merk­kiar­tik­ke­li “Getting Started” on jo olemassa, ja voit nähdä sen sisällön, kun avaat verk­ko­si­vus­to­si tässä vaiheessa. Luo kuitenkin Joomla-verk­ko­si­vus­to­si en­sim­mäi­nen sivu nap­saut­ta­mal­la hal­lin­ta­pa­nee­lis­sa “Uusi artikkeli” (kohdassa “Ar­tik­ke­lit”). Valitse sivulle otsikko ja lisää haluamasi sisältö edi­to­ril­la. ”Format” (Muotoile) -pai­nik­keel­la voit tehdä ta­val­li­sia muo­toi­lu­ja, kuten otsikoita, li­ha­voin­te­ja, kur­si­voin­te­ja tai kap­pa­lei­ta. Lopuksi napsauta ”Save & Close” (Tallenna ja sulje) luo­dak­se­si sivun.

Luotu Joomla-sivu voidaan nyt muokata tai poistaa milloin tahansa kohdassa “Ar­tik­ke­lit”. Jotta siitä tulisi verk­kopro­jek­ti­si kotisivu, sinun on kuitenkin siir­ryt­tä­vä “Valikot”-valikkoon. Napsauta ensin “Pää­va­lik­ko” ja sitten “Koti”. Jos valitset va­lik­ko­koh­dak­si “Yk­sit­täi­nen artikkeli”, voit asettaa aiemmin luodun sivun ko­ti­si­vuk­si kohdassa “Valitse artikkeli”:

Vaihe 6: Lisää linkit Joomla-vies­tei­hin

Linkit ovat tärkeä osa me­nes­tyk­sek­käi­tä verk­ko­si­vus­to­ja, koska sisäiset ja ulkoiset linkit lisäävät tar­jouk­se­si arvoa ja pa­ran­ta­vat ha­ku­ko­nei­den si­joi­tus­ta. Kun sinulla on sopiva link­ki­ma­te­ri­aa­li, voit lisätä sen teks­tei­hi­si muu­ta­mal­la nap­sau­tuk­sel­la: Ulkoisten linkkien osalta valitse vain lin­ki­tet­tä­vä tekstiosa ja napsauta “Lisää/muokkaa linkkiä”.

Sisäisen lin­ki­tyk­sen luo­mi­sek­si paina “Artikkeli”-pai­ni­ket­ta ja valitse sitten haluamasi julkaisu Joomla-pro­jek­tis­ta­si.

Vaihe 7: Lisää kuvia äskettäin luomaasi Joomla-ko­ti­si­vul­le

Tietenkin sinun tulisi myös in­tegroi­da kuvia verk­kopro­jek­tii­si, sillä edes mie­len­kiin­toi­sin sisältö ei hou­kut­te­le lukijoita ilman vi­su­aa­lis­ta ve­to­voi­maa. Voit parantaa ar­tik­ke­lia va­lo­ku­vil­la ja gra­fii­kal­la avaamalla sen Ar­tik­ke­lit-valikosta ja va­lit­se­mal­la edi­to­ris­sa ”CMS-sisältö” ja ”Media”:

Napsauta kuvaa, jonka haluat lisätä ar­tik­ke­liin, ja täytä kuvan otsikon tai kuvauksen tiedot. Lopuksi paina “Lisää media”, ja kuva ilmestyy haluttuun kohtaan ny­kyi­ses­sä viestissä: