Yleistä WordPress -asiaa
WordPress on eräs maailman yleisimmistä CMS -järjestelmistä. Eikä syyttä, ohjelmisto on erinomainen esimerkki Open Source -ohjelmistojen laadusta. WordPress on helppo ottaa käyttöön hyvässä Web-hotellissa, sivuston saa aikaiseksi alta aikayksikön ja sisällöntuotantotyökalut on helppo oppia. Moni WordPressiä käyttöön ottava haluaisi kuitenkin hieman harjoitella ensin, ennen kuin tekee sen oikean sivuston sinne Web-hotellin serverille. Opetteluun on kaksi helpohkoa tapaa:
- kokeillaan ohjelmaa ilmaiseksi WordPress.com -palvelussa,
tee vain tunnukset ja perusta sivusto verkossa olevaan palveluun
tai - asennetaan WordPress omalle koneelle,
hieman monimutkaisempi, mutta aina mukana omalla koneella oli nettiä tai ei
Tässä artikkelissa ja sitä seuraavassa jatkoartikkelissa tutustutaan tuohon jälkimmäiseen tapaan. Käydään läpi se, miten WordPress asennetaan omalle tietokoneelle.
Vaiheet ovat pääpiirteissään seuraavat:
- Ladataan ja asennetaan XAMPP, tietokanta- ja Web-palvelinohjelmistot omalle koneelle (tämä artikkeli)
- Ladataan ja asennetaan WordPress -ohjelmisto XAMPPiin
Omalle koneelle itse asennetussa WordPressissä on se mukava piirre, että se on täysverinen WordPress ja se näkyy vain sinulle, eli voit tehdä sen kanssa turvallisesti kokeiluja ilman että muut Internetin käyttäjät näkevät sivustoasi. Tätä ”piilossa” -ominaisuutta kysytään lähes jokaisella WordPress kurssillani.
WordPress tarvitsee toimiakseen tietokannan ja Web-palvelimen sekä PHP-ympäristön. Web -hotelleissa nämä yleensä on toteutettu Linux -palvelimella olevalla MySQL -tietokannalla sekä PHP -ohjelmointikielen avulla. Tälläistä kokonaisuutta kutsutaan yleisesti LAMPiksi. (Linux, Apache, MySQL, PHP = LAMP). Tässä artikkelisarjassa käytetään kuitenkin Windows -konetta ja vastaavan ympäristön saa pystyyn erilaisilla paketoiduilla ohjelmistoilla kuten, WAMPP ja /tai XAMPP. Jos käytät Macciä on sille tarjolla XAMPPin lisäksi myös MAMP. Tässä artikkelissa kuvakaappaukset ovat Windows 10 -koneesta, mutta periaate asennukseen on sama Maceissa. Näissä XAMPP, WAMP, MAMP -paketeissa on se kiva puoli, että niiden kanssa voi tehdä ja kokeilla WordPressin lisäksi kaikkea muutakin Web-sivujen kanssa. Mikäli tiedät, ettet tarvitse XAMPPia sekalaiseen Web-kehitykseen, voit ladata ja asentaa Bitnami WordPress Stackin ja pääset WP -asennuksessa vieläkin helpommalla, seuraa ed. linkkiä ko. artikkeliin.
Uusimmissa XAMPP -paketeissa MySQL -tietokanta on kovattu MariaDB -tietokannalla, mutta sen ei pitäisi aiheuttaa ongelmia. MariaDB on kehitetty MySQLn pohjalta.
XAMPP -ohjelmistopaketin lataus ja asentaminen
Lataa verkosta XAMPP -ohjelmisto osoitteesta https://www.apachefriends.org/ , ohjelmisto on Open Source, eli maksuton. Voit toki tukea kehittäjiä rahallisesti jos niin haluat 😉
Asenna ohjelmisto käynnistämällä ladattu tiedosto kaksoisnapsauttamalla.
Seuraa normaali ohjelmistonasennusrutiini, voit periaatteessa hyväksyä kaikki asennuksen ehdottamat vaiheet.
Voit valita eri ohjelmistoja asennukseen mukaan, ao. kuvassa poistettu ruksit ohjelmista, joita ei WordPressissä tarvita.
Valitse asennuspaikaksi jokin muu kuin tyypillinen Program Files, tee esim. niin kuin alla:
Voit valita helpon tien WPn asentamiseen, se onnistuu Bitnami for XAMPP installereiden avulla. Voit tutustua aiheeseen myöhemmin, jatketaan tässä kohtaa vain XAMPP -perusohjelmiston asennusta.
Asennus etenee
Loppu häämöttää, paina Finish.
Web -palvelin, tietokantaohjelmisto ja PHP ympäristö on asennettu.
Nyt on testattava että kaikki toimii. Avaa XAMPP Control Panel (oranssi kuvake) ja käynnistä Apache sekä MySQL Start -painikkeista.
Mikäli Apache ja MySQL tekstit ovat ja pysyvät vihreinä, eikä tekstikentässä näy virheilmoituksia, olet onnistunut asennuksessa. Avaa vielä selain ja siirry osoitteeseen http://localhost , näkymän pitäisi olla jotain tälläistä:
Nyt sinulla on täysiverinen PHP -kehitysympäristö koneellasi. Voit aina tarvittaessa käynnistää Web-palvelimen ja käytön jälkeen sulkea sen. Voit vaikka tehdä tavallisia staattisia Web-sivuja ja laittaa ne httpdocs -kansioon joka on palvelimen juurihakemisto. Sinne otetaan sitten selaimella yhteys http://localhost/tiedoston-nimi.htm
Virhetilanteet
Aina ei asennus mene kuitenkaan niin kuin Strömsössä, vaan jotain menee pieleen. Todennäköisin virhe on se, ettei Web-palvelin suostu käynnistymään. Syy siihen on yleensä se, että tietokoneellasi on jokin muu ohjelma, joka käyttää samaa tietoliikenneporttia 80, jota Apachekin käyttää HTTP -liikenteeseen.
Syy on siis jokin toinen ohjelma, mikä se on, se sinun täytyy itse tutkia. Itselläni se usein on ollut Skype, jonka sammuttaminen tai poistaminen koneelta ratkaisee ongelman bootin jälkeen. Joskus koneella on toinen Web-palvelin, esim. IIS ja se käyttää myös 80 -porttia.
Toinen korjauskeino blokkaavan ohjelmiston poistamisen sijasta on konfiguroida XAMPPin Apache käyttämään vaihtoehtoista porttia 80 sijasta, esim. porttia 8080, se tehdään Apachen konfiguraatiotiedostoon httpd.conf joka löytyy asennuskansiosta, esim. C:\xampp\apache\conf
Lue lisää aiheesta Apachen dokumentaatiosta: https://httpd.apache.org/
Tämän jälkeen on siis vuorossa itse WordPressin asennus, josta voit lukea osassa 2.
WordPress -ohjelmiston asennus omalle koneelle on helppoa, kunhan pohjalle tarvittava ympäristö on ensin saatu pystyyn ja toimintakuntoon (tutustu osa 1 artikkeliin). WordPressin voi asentaa itse käsipelillä tai sitten käyttää apuna esim. Bitnami installeria.
WordPressin itseasentamisen vaiheet ovat pääpiirteissään seuraavat:
Tehdään tietokanta tietokantapalvelimelleLadataan WordPress -ohjelmisto ja puretaan tiedostot Web -palvelimen kansioonMuokataan konfiguraatio-tiedosto vastaamaan tietokannan tietojaAjetaan asennusskripti selaimella
Tämä itse käsipelillä tehtävä asentaminen on kattavasti dokumentoitu WordPressin sivustolla. https://codex.wordpress.org/Installing_WordPress
WordPress asennus Bitnami installerilla
Me käytämme tässä artikkelissa vielä helpompaa tapaa asentaa WordPress. XAMPPin latauksen yhteydessä on useaan otteeseen mainittu tämä Bitnami installer. Se on kolmannen osapuolen paketoitu kokonaisuus, jolla WP:n asentaminen tapahtuu kädenkäänteessä. Bitnami Installerista on kaksi versiota, toisessa on mukana Web- ja tietokantapalvelimet WordPressin lisäksi (stack) ja toisessa on vain itse WordPress (moduuli). Me käytämme tässä moduulia, sillä XAMPP on jo asennettu, ja siinähän on jo nuo palvelimet.
Pienenä miinuksena on se, että se asentuu palvelimelle /wordpress/ kansioon, ei palvelimen juureen. Bitnami tarjoaa monen muunkin järjestelmän installereita, esim. Drupal, Joomla, Moodle jne. ja ne kukin asentuvat omiin kansioihinsa.
Lataa ensin WordPress -moduulin asennustiedosto koneellesi osoitteesta https://bitnami.com/stack/wamp/modules#wordpress Tutustu ohjeisiin jos kiinnostaa eikä sinulla ole liika hoppu ?https://wiki.bitnami.com/Infrastructure_Stacks/Bitnami_for_XAMPPKun olen lukenut ohjeet, on sinulla suunnilleen käsitys mitä seuraavaksi tapahtuu. Nyt käynnistetään itse asennus.Käynnistä ensin XAMPP Control Panelista Apache ja MySQL -palvelut käyntiin Start -painikkeella.Kun palvelimet ovat päällä, käynnistä WordPress -asennus lataamastasi asennustiedostosta ja seuraa näytön ohjeita. Valitse asennuskieli ja siitä se asennus lähtee Valitse asennuskansio, sama kuin mihin olit XAMPPin asentanut aiemmin. Anna käyttäjätunnus WordPress -järjestelmään.Merkitse nämä muistiin, tarvitset niitä kirjautuessasi WordPressiin sisään. Anna sivustolle nimi, voit muuttaa tämän myöhemmin jos haluat. Määritä sähköposti, mikäli haluat testiympäristösi pystyvän lähettämään sähköpostia esim. lomakkeista. Älä käytä omaa sähköpostia, vaan tee tälle toiminnolle oma tili Googleen. Voit myös olla käyttämättä ominaisuutta. Jatka sähköpostin määrityksellä, mikäli rastitit ominaisuuden. Mainos, jonka voit ohittaa. Asetusten määrittämisen jälkeen on aika alkaa asennus. Asennus etenee Lopuksi paina Finish. Selain avaa valmiin WordPress -sivuston.
Näin helppoa se oli ?Pääset WordPress -järjestelmän hallintapuolelle Meta -otsikon alta Log in -linkistä.Käytä tunnuksia jotka äsken asennuksessa annoit. Toinen vaihtoehto sisäänkirjautumiseen on ottaa selaimeen osoitteeksi asennuskansion alta wp-admin -kansio. Tässä esimerkissä siis http://localhost/wordpress/wp-admin
Localhost on sama kuin 127.0.0.1
Bitnami installer asentaa WordPressin hieman poikkeavaan kansioon, eli varsinaiset tiedostot löytyvät Windows-koneissa polusta
C:xamppappswordpresshtdocsNo niin, siinä se on, valmis WordPress odottaen kaikkea sitä mitä haluatkin, mars konfaamaan ja opettelemaan! ? Oman koneen ja oman toimintakuntoisen WordPressin kanssa voi tulla vaikka WordPress kurssillenikin opettelemaan ?
p.s. WordPress kun taitaa olla maailman yleisin CMS, niin crackerit kehittävät murtautumiskeinoja siihen tietenkin tosi paljon. Ensisijaisen tärkeää on aina pitää ohjelmistot uusimmissa testatuissa versioissa. Tämä on onneksi helppoa WordPressissä, sillä siinä on mahdollista ottaa automaattinen päivitys käyttöön.
Happy WordPressing!
Hei,
Yhteensattumien vuoksi tämänpäiväinen Word Press blogi/kotisivukurssin viimeinen päivää jää osaltani käyttämättä. Olen kuitenkin nyt saanut perustietoa, jota voi lähteä jalostamaan ”klikkaa ja katso” -periaatteella, eli mitä mistäkin aukeaa ja tapahtuu.
Kiitos opetuksesta. Pienenä palautteena, että haastavaa todella oli, että minulle sattuneella koneella näkymät esiintyivät yleensä hieman erilaisessa fenotyypissä kuin opettajalla – mutta haasteista aina oppii, kun joutuu pinnistelemään.
Kiitos ja Hyvää Pääsiäistä,
Aira Päivöke
Kiitos Teuvo loistavasta artikkelista ja Kiitos virhetilanteen ratkaisemisesta jo etukäteen!!
WordPress -ohjelmisto on eräs suosituimmista ohjelmistoista Web -sivustojen tekoon ja ylläpitoon. Sen suosio ei ole ihme, sillä WordPress on laadukas, avoin, maksuton CMS -ohjelmisto, joka on moderni, helppokäyttöinen ja mukautuu helpohkosti käyttäjien erilaisiin tarpeisiin. Hieman yksinkertaistaen WordPress -ohjelmisto koostuu kolmesta perusosasta:
core, perusohjelmisto, jolla mm. sisällöntuotanto tehdään sivuihin ja artikkeleihin
themes, ulkoasu, jonka avulla sisältö näytetään sivustolla
plugins, räätälöidyt funktiot, joilla perusohjelmistoon voi tuoda mitä erilaisimpia toimintoja
Lisäosat eli plugins, ovat olennainen osa WordPressiä. Core WordPressissä ei esimerkiksi ole lomakkeita, niiden toteuttamiseen tarvitaan lisäosa, ellei halua käsipelillä HTML:ää koodata.
Mitä lisäosia sivustolla käytetään tai tarvitaan, riippuu pitkälti siitä minkälainen sivusto on.
miten sisältöä halutaan tuoda esille teeman tarjoamien ominaisuuksien lisäksi ja
minkälaisia toiminnallisuuksia sivustoon tarvitaan
Blogisivusto on luonteeltaan sangen erilainen kuin esim. verkkokauppasivusto, niin niillä on myös lisäosien tarve. Joitain yhteisiä tarpeita kaikilla sivustoilla kuitenkin on, esimerkiksi lomakkeet yhteydenottoihin, analytiikka jne.
Lisäosia on WordPressin ekosysteemissä tarjolla todella paljon. Yleisimpiin lisäosiin voi tutustua osoitteessa https://wordpress.org/plugins/.
Koodarit / yritykset jakavat sekä myyvät niitä myös omien sivustojensa kautta. Osa lisäosista on maksuttomia, osaan on tarjolla maksusta lisäominaisuuksia, osa on suoraan maksullisia. Monet lisäosien kehittäjät tarjoavat kokeiluversion, toiset eivät edes sitä.
Lisäosan valintakriteerit
Yleisimpiin tarpeisiin on tarjolla tosi paljon samankaltaisia lisäosia, kilpailua siis on. Esimerkiksi lomakkeita tuottavia lisäosia on varmaan kymmeniä, mikä niistä sitten kannattaa valita?
tutustu kuhunkin lisäosaan sen esittelysivulla, katso kuinka paljon sitä on asennettu?
minkälaisia arvioita käyttäjät ovat siitä antaneet?
mikä ohjelmistoversio lisäosalla on ja onko se yhteensopiva nykyisen WordPress Coren kanssa, eli oikeastaan siis kuinka aktiivisesti sitä ylläpidetään?
onko lisäosa käännetty suomeksi?
Ei ehkä kannata valita sellaista lisäosaa, jonka kehittämisen / ylläpidon jatkumisesta ei ole takeita, viimeisin päivitys yli vuosi sitten haiskahtaa jo tosi pahalta. Kun löydät mielestäsi sopivan, niin kokeile sitä vaikka ensin testiasennuksessa omalla koneellasi. Lisäosasta pääsee useimmiten kyllä eroon yleensä helposti, kun vain poistaa sen.
Monta kertaa lisäosa yllättää asentamisen jälkeen siinä, ettei sitä ole käännetty suomeksi, tai se on vain osittain tai kehnosti lokalisoitu. Mikäli ylläpitonäkymä on englanniksi, mutta asiakkaalle sivustolla näkyvä osa on kieliriippumaton tai räätälöitävissä, niin sen kanssa tulee ehkä hyvinkin toimeen. Kokonaan käännetty / lokalisoitu on kuitenkin laatua! Siihen käännökseen voi itsekin vaikuttaa, kirjoitinkin taannoin WordPressin kääntämisestä.
Tässä muutamia poimintoja suosikeistani.
WordPress lomakkeet
Ninja Forms, tämä on nykyinen suosikkini lomakkeiden tekemiseen.
Maksuttomalla versioilla pötkii todella pitkälle (itselläni käytössä).
Maksullisella versiolla (Add-Ons) saa aikaan ihan lomakesovelluksia ja integrointi todella moneen verkossa olevaan palveluun kuten Mailchimp, maksukäytäviin ja CRM -järjestelmiin
Jetpack, suositun WordPress.com -palvelun tarjoaman monipuolisen lisäosan maksuttoman version mukana tulee helppokäyttöinen lomakkeiden rakennustyökalu.
Contact Form 7, suosittu ja kauan markkinoilla ollut lomakelisäosa, maksuton, open source.
Näistä mikään ei ollut kirjoitushetkellä ainakaan kokonaan käännetty suomeksi, mutta niiden kaikkien kanssa pärjää hyvin.
Google Analytics
Käytätkö Google Tag Manageria vai perinteistä tapaa asentaa analytiikan seuranta? Siinäpä kysymys ? Jos et käytä Tag Manageria, on tarjolla hieman enemmän valinnanvaraa.
Google Analytics Dashboard for WP (GADWP)
Google Analytics for WordPress by MonsterInsights
Molemmat em. ovat monipuolisia lisäosia, joilla hoituvat sekä perinteinen Analytics- että vaihtoehtoinen Tag Manager -asennus.
Itse en kuitenkaan nykyään pidä Analytics -lisäosista, joiden käyttöönotto edellyttää jonkinlaisten käyttöoikeuksien antamisen Google Analytics -tilin dataan. Tätä lupaa yleensä kysyvät lisäosat, joilla on tarjolla dashboardiin jonkinlaisia käppyröitä ja datataulukoita. Niistä toki näkee nopeasti dataa vierailematta itse Analytics -palvelussa, mutta silti…
Itse käytän Tagmanager -palvelua, sivustolla on ”manuaalisesti” asennetut seurantakoodit Analyticsiin näin:
Tein oman simppelin lisäosan, jolla Tag Manager -säilöskripti asentuu paikoilleen ja
GeneratePress -teeman Premium -versiossa on GP Hooks -ominaisuus, jonka avulla noscript -osuus paikoilleen
Ehkä kirjoittelen oman lisäosan tekemisestä joskus jotain, mutta nyt lisätietoa kaipaaville https://codex.wordpress.org/Writing_a_Plugin
Hakukoneoptimointi
Kaikki sivustot tarvitsevat hakukoneoptimointiin liittyviä aputyökaluja.
Yoast SEO on pitkäaikainen suosikkini, olen pärjännyt mainiosti maksuttomalla versiolla ja tätä käytän oikeastaan kaikissa asiakkailleni tekemissäni projekteissa. Maksuton ja maksullinen versio.
All in One SEO Pack on myös ihan ok, maksuton ja maksullinen versio.
Jetpack tarjoaa myös tähän tarpeeseen omat kilkkeensä, mutta vain maksusta.
Page Builder
Useinkaan teemalla ei saa aikaiseksi helposti räätälöityjä sivutaittoja tms. ilman HTML ja CSS -koodauksen osaamista. Sitä koodaustaitoa ei yleensä sisällöntuottajilla ole. Siihen pulmaan on kehitetty Page Builderit. Niillä voi kuka vaan helposti tehdä sivulle räätälöityjä taittoja, kuten palstoja jne.
Elementor, maksuton ja maksullinen versio
SiteOrigin, maksuton ja maksullinen versio
Beaver Builder, maksuton ja maksullinen versio
Custom Content Type – Custom Post
Jos sivut ja artikkelit eivät riitä, tarvitaan omia räätälöityjä sisältötyyppejä. Moni lisäosa luo asentuessaan omia sisältötyyppejä kuten esim. WooCommerce luo tuote -sisältötyypin. Jos haluat luoda ihan itse vapaasti määriteltävän sisältötyypin, niin sekin on mahdollista vaikka Podsilla.
Pods – Custom Content Types and Fields on itselläni käytössä, sillä olen tehnyt mm. kaikki sivustoni kurssit. Lisäosan käyttö vaatii hieman HTML ja CSS -osaamista, mutta jos se ei ole ongelma, niin suosittelen. Maksuton.
Sekalaisia mutta mainioita
WP Show Posts, lisäosa, jonka avulla voi tehdä erinäköisiä listoja kaikista sisältötyypeistä minne vaan sivustollasi. Maksuton ja maksullinen versio.
Under Construction, lisäosa, jonka avulla voi voi kontrolloida kuka näkee rakenteilla olevan sivuston. Voi rauhassa valmistella sivustoa julkaisukuntoon ja esim. vain sisällötuottajat näkevät sen, asiakkaat saavat näkyviin vain räätälöidyn ”työn alla” -sivun. Maksutona ja maksullinen.
Listaa olisi voinut vielä jatkaa vaikka kuinka paljon, mutta päätän sen nyt kuitenkin tähän. Lisäosista jutellaan lisää myös WordPress -kurssillani, tervetuloa!
Ilman lisäosia ei WordPress -sivusto tule toimeen. Kannattaa kuitenkin pitää jalat maassa ja lisäosien lukumäärä mahdollisimman pienenä.
Helpoin tapa asentaa WordPress omalle tietokoneelle on käyttää Bitnami WordPress Stack Installeria. WordPress tarvitsee alleen web-palvelimen ja tietokantapalvelimen, Bitnami tarjoaa tähän helpon kokonaispaketin yhdellä yksinkertaisella asennuksella.
Siirry selaimella osoitteeseen https://bitnami.com/stack/wordpress/installer
Lataa sieltä Bitnami WordPress Stack Installer
Bitnami WordPress Stack Download
Mikäli sinulla on jo koneellasi Web- ja tietokantapalvelin (esim. XAMPP), voit asentaa pelkän moduulin. WordPress -moduulin asennuksesta olen kirjoittanut erikseen.
Mikäli sinulla ei ole ennestään asennettuna mitään, niin lataa koko stack. Tämä artikkeli kertoo stackin Windows -version asennuksesta.
Bitnami WordPress Stack asennus
Asennus on todella helppoa, next next next -tyyliin. Käynnistä asennus lataamastasi installerista ja noudata ohjeita. Ohessa asennuksen vaiheet kuvagalleriassa.
Asennuksen jälkeen sinulla on helppokäyttöinen oma paikallinen WordPress -asennus, jonka avulla voit huoletta kokeilla kaikkea mahdollista rikkomatta oikeaa Web -hotellissa olevaa sivustoasi. Siis helppo kehitysversio , joka ei näy avoimeen internettiin .
Käytä windows-manager -ohjelmaa palvelimien käynnistämiseen ja sammuttamiseen. Löydät sen asennuskansiosta C:bitnamiasennuksesiversionumeroApache ja MySQL -palvelut käynnistyvät automaattisesti, harkitse niiden muuttamiseksi manuaaliseksi.
Voit myös ladata Bitnami WordPress Stack asennus PDF eli asennusohjeet PDF -tiedostona, josta löytyvät yllä olevat kuvat hieman tarkemmin selitettynä.
WordPressin asentaminen omalle koneelle voidaan tehdä muullakin tapaa. Olen kirjoittanut niistä aiemmin, lue XAMPPin asentamisesta ja sen päälle WordPress -moduulin asentamisesta.