Tämä on rautalanka ohje, miten JCE:n (JoomlaContentEditor) avulla saadaan helposti kuvia ladattua sivuille ja tekstin sekaan jo tekstiä luotaessa. Tämä ohje koskettaa vain JCE:n ilmaisversiota, mikä pitää sisällään yksinkertaisen Image Managerin. Jos lahjoitat valuuttaa lisäosan valmistajille (subscription fee) niin saat käyttöösi enemmän liitännäisiä ja laajennuksia liitännäisiin.

Jotta voimme ko. lisäosaa käyttää, pitää se ensin ladata omalle koneelle ja asentaa Joomla!an. Suuntaamme siis JCE:n sivuille www.joomlacontenteditor.net. Topmenuussa on valikko Downloads, jonka päälle siirryttäessä tulee esiin alasvetovalikko, mistä valitsemme ensin Administration Component. Koska kyseessä on nyt J! 1.5.x versio, lataamme omalle koneelle vastaavan kompon eli JCE Admin Component 1.5.0. Klikkaa Download now.

Komponentti yksin ei riitä, jotta JCE toimii vaan se tarvitsee kaverikseen liitännäisen eli mene uudestaan topmenuuseen ja sieltä kohtaan Editor Plugin/Mambot. Täältä lataamme JCE Editor Plugin 1.5.1 (klikkaa Download now).

Huomaa, että kummassakin latauspaikassa on erikseen mainittu vaatimukset (requirements). Huolehdi siis, että lataat oikeat palikat ympäristöösi.

Nyt kun nuo kaksi zippifailia (com_jce_150.zip ja plg_jce_151.zip) on ladattu omalle koneelle, aloitamme niiden asennuksen. Kirjaudu sisälle sivustosi admin puolelle. Mene järjestyksessä topmenuusta alkaen eli Lisäosat > Asenna/Poista > Browse > valitse com_jce_150.zip > Vie tiedosto palvelimelle ja asenna. Toista sama liitännäiselle (plg_jce_151.zip). Kannattaa varmistaa, että liitännäinen on julkaistu saman tien (ei toimi muuten) eli Lisäosat > Liitännäisten hallinta > Editor - JCE 1.5.1.

Tämäkään ei vielä riitä vaan sinun täytyy asettaa JCE käyttöön. Suuntaa Sivusto > Sivuston asetukset > Oletuseditori. Valitse Editor - JCE 1.5.1 ja tallenna.

Nyt kaiken pitäisi olla kunnossa JCE:n käyttöä varten.

Avaa auki jo olemassa oleva artikkeli tai luo uusi. Vie kursori siihen kohtaan johon haluat kuvan liitettävän. HUOM! Jotta levytilaa ei tuhlautuisi suotta liian isojen kuvien muodossa, kuvat kannattaa pienentää etukäteen niin pieniksi kuin kuvittelet niiden maksimissaan olevan sivuilla. JCE:n ilmaisversio ei sisällä kuvakoon pienennystä kuvia ladattaessa palvelimelle (valuutan lahjoituksella tämäkin ominaisuus on käytössä).

Klikkaa työkalurivillä olevaa "Insert/Edit image" -painiketta. Teksti tulee näkyviin, kun hiiren vie painikkeen päälle.

Aukeaa popup-ikkuna "Image Manager: 1.5.0". Nyt keskitymme vain välilehteen Image. Ennen kuin kuva ladataan palvelimelle kannattaa siirtyä valmiiksi siihen kansioon, johon kuvan haluaa ladattavan. Popup-ikkunassa näkyvät kansiot sijaitsevat Joomla!si /root/images/stories/ -kansiossa. Jos haluamaasi kansiota ei ole, voit luoda sellaisen klikkaamalla Painikkeesta New Folder (kuvassa nro 1). Kirjoita nimi ja klikkaa Ok. Uusi kansio on luotu. Klikkaa kansiosta niin saat auki sen sisällön (jos siellä jotain on).

Tämän jälkeen klikkaa painikkeesta Upload (kuvassa nro 2), tämän jälkeen Add file, valitse tiedosto, Select ja Upload. Kun kuva on onnistuneesti latautunut palvelimelle, prosentit vaakapalkissa on 100 ja vihreä pukkimerkki näkyy. Nyt voit sulkeä tämän popup-ikkunan. Lataamasi tiedosto näkyy valitsemassasi kansiossa.

Nyt valitse ko. tiedosto klikkaamalla sitä kerran ja huomaat, että popup-ikkunan yläosassa arvot muuttuivat. Tässä kohtaa voit muuttaa kohdan Alternate Text (teksti, joka näkyy kuvan päällä kun hiiri viedään kuvan päälle).

Dimensions kohdasta voit pienentää tekstissä olevaa kuvaa eli se näkyy silloin pienempänä sivuillasi. Tämä muutos ei kuitenkaan vaikuta mitenkään kuvan viemään levytilaan.

Alignment kohdasta voit säätää missä kohtaa kuva näkyy rivillä tekstiin nähden. Testaa näitä niin saat parhaimman käsityksen tämän kohdan toiminnasta.

Margin kohdasta voit säätää kuinka paljon jää tyhjää tilaa kuvan ja tekstin/reunan väliin.

Border kohdasta saat kuvalle kehykset/reunat.

Kun kaikki säätö on tehty, klikkaa Insert. Valisemasi kuva ilmestyy tekstin sekaan siihen kohtaan mihin kursorin jätit.

Näin helppoa se oli/sen pitäisi olla. Tämän jälkeen normaali proseduuri artikkelin työstämisessä ja tallentamisessa.

Kuvaa voit editoida valitsemalla kuva ensin aktiiviseksi editorissa ja sen jälkeen klikkaamalla Insert/Edit Image painiketta.

Kuvan voi poistaa valitsemalla kuva ensin aktiiviseksi ja sen jälkeen deleteä perään.

Jos kaipaat lisäohjeistusta, laita viesti joomlaportal.fi:n foorumille. Jos tämä teksti kaipaa päivitystä, voit tehdä samoin. Tai voit ottaa yhteyttä osoitteella harri tämän jälkeen se miukumaukumerkki ja loppuun domainnimestä kaksi jälkimmäistä sanaa ja niiden väliin piste. Spämmin estämiseksi näin hankalaksi meni tämä loppu.