1.1. Mikä ihmeen WordPress?

Ilmainen WordPress!!?

WordPress on avoimeen lähdekoodiin (Open Source) pohjautuva sisällönhallintaohjelmisto (Content Management System, CMS). Kuka tahansa voi ladata ilmaiseksi WordPressin sivuilta ja käyttää vapaasti omaan tarkoitukseensa myös ohjelman lähdekoodia muokkaamalla. WordPress ei siis itsessään maksa mitään vaan se on luotu alustaksi verkkosivujen julkaisijalle alunperin bloggaukseen.

WP:n ilmaisuudesta huolimatta sivujen tekemiseen saattaa kuitenkin joutua sijoittamaan rahaa. Teemojen osalta ilmaisia vaihtoehtoja löytyy todella paljon mutta koska jokaisen mieltymykset ovat erilaiset sivujen muotoilujen suhteen, saattaa olla että niiden toteuttaminen vaatii HTML- ja CSS-osaamista ja osaamista WordPressin toimintaperiaatteista. Jos haluttua layouttia ei voi toteuttaa ilmaisella teemalla ilman koodimuotoilua, voi joutua maksamaan premium-teemasta. Maksulliset teemat sisältävät usein laajemmat mahdollisuudet muokata sivujen ulkoasua.

Toiminnallisuuden ja lisäosien puolesta ilmaisversioilla pärjää perustarpeiden osalta hyvin mutta, jos haluttua toiminnallisuutta ei löydy lisäosien perustoiminnoista, joutuu hankkimaan lisäosan maksullisen (premium) version.

WordPress:

• Avoimen lähdekoodin sisällönhallintajärjestelmä (Content Management System, CMS)
• Kokoaa sisältöä PHP-ohjelmointikielellä MySQL-tietokannasta, jossa sivuille luotu sisältö sijaitsee.
• Ilmainen avoimen lähdekoodin ohjelmisto, joskin edistyneemmistä ”Premium”-teemoista ja lisäosista saattaa joutua maksamaan.
• Usein edistyneemmät (maksulliset) teemat vaativat vähemmän kokemusta koodaamisesta, sillä ne sisältävät edistyneempiä toimintoja sivujen muokkaamiseen.
• WordPressin perusteemasta sivuston rakentaminen vaatii usein enemmän osaamista html- ja CSS-määrityksistä (”koodaamisesta”).

• Sisällönhallintajärjestelmä (CMS)
• Avoimen lähdekoodin ohjelmisto
• Apache, MySQL-tietokanta, PHP
• WordPress sinällään ilmainen
• Kustannuksia Webhotellipalvelusta, domainista, (lisäosat ja/tai teema).

WordPress vs. koodattu sivusto

WordPress pitää verkkosivun elementit ja tiedot järjestyksessä ja sen kautta voi julkaista kaikkea verkossa julkaistavia sisältöjä, kuten tekstiä, kuvia, videota tai tiedostoja. Perinteiseen verkkosivujen koodaukseen verrattuna CMS käyttö helpottaa verkkosivun hallintaa, sillä ohjelmointikokemus ei ole välttämätöntä. Verkkosivuihin liittyvät muokkaaminen saattaa kuitenkin perinteiseen tapaan kasvaneelle ainakin aluksi olla sekavaa ja haastavaakin, koska WordPressin toimintaperiaatteet poikkeavat melkoisesti perinteisten sivujen suoraviivaisesta rakenteesta, jossa HTML-tiedostot toimivat sivuina ja CSS-muotoilee sivujen ulkoasua.

Perinteisillä sivuilla toiminta perustui aikoinaan paljolti pelkkiin HTML- ja CSS-tiedostoihin. Tiedostorakenteessa saattoi olla myös joitain scriptitiedostoja luomaan toiminnallisuutta sivustolle. WordPressin tiedostorakenne taas on tietokantaan perustuvan toiminnan vuoksi todella moniulotteinen ja ensisilmäyksellä perustiedostot on piilossa jossain tietokantojen syövereissä. Sivustot koostuvat lukuisista php-tiedostoista, joissa php-ohjelmointikielellä haetaan tietoja toisista php-tiedostoista ja MySQL-tietokannasta. Monimutkaisella toiminnalla kasataan sivut kokonaisuuksiksi selaajan nähtäville.

Moniulotteisuudestaan huolimatta järjestelmään perehtyneelle, WordPress erittäin kätevä alusta omien sivujen julkaisemiseen.

Käsin koodattu sivusto on luonteeltaan staattinen kokonaisuus ja se koostuu usein melko yksinkertaisesta tiedosto- ja kansiorakenteesta. Koodaaminen vaatiii luonnollisesti vahvaa osaamista HTML-, CSS-määrityksistä ja jopa ohjelmointiosaamista php- ja Javascript-ohjelmoinnista. Hyvä puoli koodatussa sivustossa on se, että WordPressistä tuttu päivittämisen vaade vähenee huomattavasti ja sivustosta saadaan huomattavasti helpommin nopeasti latautuva kokonaisuus.

Vaikkakin sivujen HTML-koodit ja niiden rakenne (oikein tehtynä) ovat melko selkeät, sivujen sisällön paivittäminen ja uuden sisällön/sivujen lisääminen vaatii osaamista html-koodin ja sivuston rakenteesta. Myös virheiden mahdollisuus on huomattavasti suurempi, koska koodissa ei saa olla virheitä tai sivu ei välttämättä näy oikein.

WordPress.com vs. WordPress.org

WordPress-sivuista puhuttaessa on huomiotava, että verkossa on tarjolla kaksi vaihtoehtoa, jotka usein sekoitetaan keskenään.

WordPress.com on kaupallinen palvelu, johon rekisteröityminen on ilmaista ja sivustoja pääsee rakentelemaan välittömästi rekisteröitymisen jälkeen. Palvelu ei vaadi omaa palvelintilaa (Webhotellipalvelu) ja ilmaisessa perusversiossa palvelintilaa sivujen materiaalille on käytettävissä 3 Gb. Jos tila loppuu kesken voi palvelun päivittää maksulliseen versioon, joista 6 Gb sisältävä taso maksaa 48 dollaria vuodessa.

WordPress.com palvelussa on kaupallisen yrityksen rakentamia sivupohjia, joita ei voi siirtää myöhemmin omalle palvelimelle. Myöskään lisäosia (plugins) ei voi sivustolle asentaa. WordPress.com palveluun rakennettu sivustojen sisältö (tekstit, kuvat ym.) voidaan kuitenkin siirtää WordPress.org:iin omalle palvelimelle mutta kuten jo aiemmin mainitsin samanlaista sivuteemaa ei välttämättä ole saatavilla WordPress.org ohjelmistoon asennettavaksi.

Mahdollisuudet sivujen kustomointiin ovat WordPress.com palvelussa todella rajalliset verrattuna WordPress.org sivulta ladattavaan palvelinsovellukseen. Loppupäätelmänä voidaan todeta, että jos haluat täyden kontrollin sivustoosi ja rajattomat mahdollisuudet vaikuttaa ja kustomoida sivustojesi ulkoasua, asentaa ilmaisia lisäosia jne. jne., tilaa oma webhotellipalvelu ja asenna WordPress.org palvelintilaan.

Tilatako ammattilaiselta vai tehdä itse?

Sivustojen tekeminen vaatii tavallisesti harrastuneisuutta ja kiinnostusta aiheeseen.

• Olet kiinnostunut sivustojen tekemisestä. Haluat harjoitella ja oppia aihetta vapaa-ajalla ja olet valmis laittamaan aikaa sivustojen ylläpitämiseen ja kehittämiseen. Jos edellä mainittu pitää paikkaansa, tee kotisivut itse.
• Sivujen tekeminen ei erityisemmin kiinnosta. Tekninen ongelmien ratkaisu saa hiukset pystyyn ja pilkun viilaaminen ei nappaa todellakaan. Silti haluat saada upeat, hakukoneoptimoidut ja kaikin puolin kilpailijoita paremmat sivut aikaan nopeasti ilman sen suurempaa vaivaa. Jos edellä mainittu kuvaus osuu omaan filosofiaan, kannattaa harkita sivujen teettämistä niitä työkseen tekevältä ammattilaiselta.

Edellä esitetyt vaihtoehdot herättävät varmasti ajatuksia mutta sivustojen tekeminen on erittäin laaja kokonaisuus, johon liittyy laajaa osaamista. Sivuston kokonaisvaltainen tekeminen upeaksi, nopeasti latautuvaksi, responsiiviseksi, hakukoneystävälliseksi, saavutettavaksi sivustoksi, joka erottuu (yritystoiminnassa) kilpailijoiden sivustoja paremmiksi on todella pitkä tie, joka vaatii teknistä osaamista ja alan tuntemista. Ilman aiempaa sivustojen teon osaamista oppiminen vaatii ennen kaikkea kiinnostuksen paloa, vaivannäköä, aikaa ja välillä pitkää pinnaakin. Siksi suuremmat ja osa pienemmistäkin yrityksistä tilavat mieluummin sivustot ammattimaisesti sivustoja tekeviltä ammattilaisilta kuin yrittävät tehdä ne itse.

Silti verkkosivujen tekeminen ja kaikki siihen liittyvä on erittäin mielenkiintoista ja kiehtova prosessi. (Oma mielipide :))

Miten ammattilaiset tekevät sivustoja?

Sivustojen toimittajat tekevät sivustoja usealla eri tekniikoilla.

• Sivustot voidaan toteuttaa ammattimaisesti valitsemalla minimalistinen teema ja muokkaamalla (koodaamalla) teeman tiedostoja uudelleen muokkaamalla teeman php-tiedostoja, jotta saavutetaan haluttu lopputulos.
• Koodaamalla oma teema tyhjään WordPress-asennukseen käyttämällä php- ja javascript-ohjelmointikieltä, jolloin voidaan tehdä sivustosta täysin uniikki kokonaisuus.
• Osa sivustojen tekijöistä käyttävät valmiita teemoja.

Sivustoille tehdään toimittajasta riippuen myös sisältötekstejä ja mahdollisesti myös kuvia otetaan. Usein sivuston tilaajan tehtävä on laatia sisältötekstit sivuille ja toimittaa sivustolle tuleva kuvamateriaali. Tavallisesti kuvien ottamiseen kannattaa myös tilata valokuvaaja tai ottaa kuvat itse. Sivuston kuvista saa jälleen kerran huomattavasti parempia tilaamalla kuvauspalvelun ammattilaiselta, jos ei itse satu olemaan alan ammattilainen. Kännykkäkuvia ei suositella käytettäväksi sivustoilla, jos tehdään laadukkaita verkkosivuja.

Tällä kurssilla tehdään kotisivuja valmiiseen teemaan. Tarkoituksena on oppia käyttämään WordPress-julkaisujärjestelmää ja oppia hieman kuinka muokata sivun ulkoasua CSS-muotoiluilla. Emme erityisen suuresti koske teeman tiedostoihin tai tee sivustoja alusta alkaen käyttäen ohjelmointikieliä. Joitain muokkauksia tehdään ja tutustutaan WordPressin tiedostorakenteeseen ja eri tiedostojen tarkoitukseen , siinä kaikki.

Verkkosivujen luominen AI-aikakaudella

Nopeaa rakentamista – ei automaattista menestystä

Ennen AI-aikakautta laadukkaan verkkosivuston tekeminen vaati hyvää koodaustaitoa (PHP, JavaScript, CSS). Ammattilaiset käyttivätkin paljon aikaa joko räätälöityjen teemojen koodaamiseen tai valmiiden teemojen tiedostojen muokkaamiseen luodakseen uniikin lopputuloksen. Tämä tekninen kynnys on nykyään pitkälti poistunut. Enää tarvitse välttämättä koskea koodiin käyttääksesi moderneja työkaluja. AI-aikakaudella verkkosivujen luominen on muuttunut visuaaliseksi rakentamiseksi (drag-and-drop) ja tekoälyn tukemaksi sisällöntuotannoksi.

Pohditavaksi: Vaikka työkalut ovat helpottuneet, suunnittelun perusperiaatteiden ymmärrys ja laadukas sisältö ovat edelleen avainasemassa. Helppokäyttöiset työkalut eivät takaa automaattisesti erinomaista lopputulosta ilman panostusta ja ymmärrystä verkkosivujulkaisun perusperiaatteista.

Sisällön luominen: Tekoälyn tuki, ei kokonaan korvike

Sisältötekstejä ja kuvia ei pidä nähdä pelkkänä täytteenä.

• Tekoäly (AI): Tekoäly (kuten ChatGPT tai Gemini) voi luoda hyviä luonnoksia ja otsikoita, mikä nopeuttaa työtäsi huomattavasti. Sinun täytyy kuitenkin tarkistaa ja personoida tekoälyn luoma teksti vastaamaan yrityksesi tai itsesi aitoa ääntä.
• Kuvat: Vaikka voit käyttää kuvapankkeja tai tekoälyllä luotuja kuvia. Ammattikuvaajan tilaaminen on kuitenkin edelleen paras sijoitus, jos haluat välittää sivustoillasi uskottavan kuvan. Kännykkäkuvia ei edelleenkään suositella käytettäväksi laadukkailla verkkosivuilla.

Kolme tapaa luoda verkkosivusto (ilman koodausta)

Tavalliselle käyttäjälle on useita helppoja tapoja toteuttaa sivusto, mutta jokainen niistä vaatii käyttäjältä panostusta estetiikkaan ja käytettävyyteen:

1. WordPress ja visuaaliset rakentajat (Suositeltu)

   Yhdistää WordPressin joustavuuden ja sivunrakentajien (kuten Elementor) käytettävyyden.

   • Toimintatapa: Otat käyttöön ilmainwn tai maksullinen WordPress-teema ja muokataan sivujen sisältöä (ei ylä- tai alatunistetta) visuaalisella rakentajalla. Näet lopputuloksen heti muokatessasi, etkä tarvitse koodia.
   • Hyöty: Saat täyden hallinnan sivustosi sivuihin ja rakentamisessa on käytössä rakentajan lukuisat valmiit elementit, joilla sivustoille rakennetaan sisältöä.

2. Valmiit ”All-in-One” Palvelut (Website Builders)

   Suljetut alustat, kuten Loveable, Squarespace, tai Wix, ovat erittäin helppokäyttöisiä ja sisältävät kaiken (hostingin, domainin ja työkalut).

   • Toimintatapa: Valitset tarjotuista malleista ja muokkaat tekstit ja kuvat selaimessa.
   • Hyöty: Nopea käyttöönotto ja palveluntarjoaja hoitaa tekniset huolet, kuten päivitykset, tietoturvan.
   • Huomioitavaa: Yksinkertaisuudesta huolimatta on tehtävä hyviä suunnitteluvalintoja. Palveluissa ei pääse muuttamaan sivuston perusrakennetta, ja se on sidottu palveluntarjoajan rajoituksiin.

3. Tekoälyn Luomat Sivustopohjat (AI Website Builders)

   Uudet palvelut hyödyntävät tekoälyä luomaan sivuston rakennuspohjan automaattisesti. Ne pyytävät sinulta vain muutamia avainsanoja ja lyhyen kuvauksen.

   • Toimintatapa: Syötetään tiedot palvelun AI:lle, joka luo sinulle muutamassa sekunnissa sivustoehdotuksen teksteineen ja kuvineen.
   • Hyöty: Saat välittömän ja toimivan luonnoksen.
   • Muokkausrajoitukset: Vaikka AI tekee perustan, kriittisten osien (kuten Headerin tai Footerin) muokkaaminen voi olla rajoitettua suljetuissa palveluissa. Hyväksyttyjenkin AI-luonnosten viimeistely vaatii käyttäjältä ymmärrystä siitä, miltä ammattimainen ja helppokäyttöinen sivusto näyttää.
   • Valmiin sivuston siirtäminen omaan webhotellipalveluun: Yleensä erittäin vaikeaa tai mahdotonta, sillä ne toimivat lähes aina suljetuilla alustoilla (Proprietary Platforms). Alustat eivät tuota siirrettävää WordPress-teemaa. Ne tuottavat koodin, joka on tiukasti sidottu heidän omaan tekniseen infrastruktuuriinsa (tietokantaan, palvelimen asetuksiin ja suljettuun ohjelmointirajapintaan).