Ohje WordPress pohjaisten kotisivujen tekoon

WordPress pohjaisten kotisivujen teko Zonerin palvelimelle.

Miksi Worpress?

WordPress on parhaiten modifioitavissa oleva blogialusta.

WordPressillä on erinomaisen hyvä hakukonenäkyvyys ilman, että sivujen tekijän tarvitsee osata laittaa monimutkaisia koodeja sivuilleen.

WordPress sivut ovat (valitsemastasi teemasta riippuen) täysin responsiiviset, eli toimivat kaikilla laitteilla (tietokone, tabletti, kännykkä jne) ja kaikilla selaimilla (Edge, Explorer, Mozilla, Chrome, Safari, Opera jne).

Sivut on helppo tehdä ja vielä helpompi ylläpitää, tiesithän, että mitä useammin sivuillesi ilmestyy uutta sisältöä, sen mielenkiintoisempana hakukoneet niitä pitävät (-> parempi  hakukonenäkyvyys).

WordPressiin saa tehtyä helposti upeita kuvagallerioita, kuva slidereita, yhteydenottolomakkeita ja paljon paljon muuta!

WordPressille saat MAKSUTTOMAN verkkokauppapohjan mm Woocommercen ja kun opit käyttämään WordPressiä, opit käyttämään myös Woocommercea ja sen jälkeen sinulla on ILMAINEN verkkokauppa jossa ei ole MITÄÄN RAJOITUKSIA!

lomake

Katso muutamia tekemiäni WP pohjaisia sivuja:

salonsydan.fi

melancholic.photos

naejakoe.fi

vuosikatsastus.fi

www.hundspa.fi

WordPressiin saa lisäksi ilmaisilla ja maksullisilla lisäosilla aivan kaiken tarpeellisen, mm. kalenteriajanvarauksen, jäsenten sisäänkirjautumisen, kommentoinnineston, sosiaalisen median kuvakkeet, Facebook aikajanan, Twitter aikajanan, muita somejuttuja, evästeilmoituksen jne.

ajanvaraus

WordPressille on saatavilla tuhansia ja taas tuhansia ilmaisia ulkonäköteemoja puhumattakaan mahtavista maksullisista joita niitäkin löytyy tuhansia!

 

Miksi Zoner?

Zoner on kotimainen!

Zoner on NOPEA! Tahdoitpa kotisivujen siirtoa tai vain yksinkertaisen vastauksen kysymykseesi, saat sen NOPEASTI! Olen kuullut palveluntarjoajista joiden sähköpostivastauset saattavat kestää viikkoja, Zonerilta saat vastauksen yleensä saman tai seuraavan arkipäivän aikana, lisäksi saat apuja ongelmiisi mikäli sellaisia ilmenee.

Zonerilla MySQL tietokanta (pakollinen WordPressille) kuuluu webhotellin kk hintaan ja lisäksi hallintapaneelista löytyy nappi jota painamalla WordPress asentuu palvelimellesi, useimmilla muilla palveluntarjoajilla WordPressin asennus on tehty niin hankalaksi, että se täytyy asennuttaa heillä erillisenä työnä, jonka hinta saattaa kivuta satasiin.

 

Voit tilata Zonerin Webhotellin esimerkiksti tästä:

Mainos
Saaren Taika - Aidosti ekologista!
Saaren Taika jälleenmyyjät löydät tästä linkistä: www.saarentaika.com/jalleenmyyjat
Verkkokaupat on merkattu sinisellä.

 

Oletetaan, että olet tilannut webhotellin nyt Zonerilta ja olet valmis aloittamaan WordPress sivujesi tekemisen.

  1. Olet saanut hallintapaneelin osoitteen, josta pääset kirjautumaan kotisivutilasi hallintapaneeliin:

zoner

2. Hallintapaneelissa näet domainisi, klikkaa sitä:

domain

Alle avautuu hallintapaneelin tärkeät linkit, joista pääset mm. tekemään itsellesi sähköpostitilejä, sivustosi uudelleenohjauksia ja WordPressin. Selaa (view more) Web Application kohdasta kunnes näet Worpressin ja klikkaa sitä:

Mikäli sinulla on jo asennettuna jotakin ohjelmia, aukenevat ne ensin sivulle, tähden kuvasta (Applications Browser) pääset asentamaan uusia ohjelmia:

applic

3. Etsi Worpress ja klikkaa kuvaketta:

wp

4. Asenna WordPress:

wp2

5. Määrittele WordPressin asetukset:

  1. Ensinnä domain, mikäli sinulla on useampia domaineja, valitse minne domainiin haluat sivusi asentaa.
  2. Mikäli sinulle tulee kotisivu WordPressille, poista kohdasta Directory (Optional) teksti ”blog”.
  3. Valitse kieli, WordPressin saa myös Suomen kielelle!
  4. Voit jättää neloskohdan ruksin siihen missä se on
  5. Viitoskohdassa ruksi kannattaa siirtää kohtaan Update WordPress plugins, tämä säästää sinulta lisäosien päivittämisen, niille tulee päivityksiä aika usein joten se kannattaa automatisoida.
  6. Teemoja ei kannata päivittää jos on tehnyt teeman koodiin ulkonäkömuokkauksia eikä ole tehnyt lapsiteemaa.
  7. Automaattiset back upit kannattaa jättää päälle ja käydä niitä ylimääräiisä back upeja poistamassa palvelimelta aina välillä, etteivät ne turhaan täytä kotisivutilaa. Rohkeimmat voivat myös ottaa back upit pois päältä.
  8. Tee itsellesi käyttäjänimi
  9. Salasana
  10. Ja meili minne tulee esim lisäosien päivitysilmoitukset ja muita ylläpidollisia viestejä.

Loput kohdat voit jättää niin kuin ne on ja painaa Install:

wp4

6. Nyt Worpress on asennettu ja voit kirjautua WordPressin hallintapaneeliin, jonka osoitteen löydät nuolen osoittamasta kohdasta:

wp5

Ensimmäisellä kirjautumisella Worpressin hallintapaneeli näyttää tältä:

wp6

7. Ensimmäisenä etsitään mieluinen teema mikäli sellaista ei ole jo valmiina esim ladattuna koneelle. Ilmaisia teemoja pääset selaamaan pensselin kuvasta (Ulkoasu, Appearence) avaamalla pudotusvalikon ja siitä ylimmäisestä (Teemat Themes) klikkaamalla:

wp7

Klikkaamalla Teemat kohtaa sinulle avatuu asennetut perusteemat. Teemoja pääset selaamaan kohdasta Lisää uusi Add new, tästä voit myös ladata koneellasi olevan teeman jatkamalla kohtaan Lataa teema Upload theme, mutta siitä kerron lisää toisella kertaa:

wp8

Klikkaamalla Lisää uusi aukenee sivu joka esittelee eri teemoja, kannattaa niitä selailla ja klikkailla ylävalikosta myös kohtia Popular, Latest jne. Teemaa klikkaamalla saa lisätietoja teemasta ja asentamalla teeman saat näkyviin preview kohdan josta jotkut teemat näyttävät myös mille ne näyttävät asennettuna:

teemat

Feature filteristä pääsee asettamaan erilaisia vaatimuksia joiden perusteella voi hakea teemoja:

filter

Me asennamme nyt ScrollMe teeman:

teema

Kun teema on asentunut, se täytyy aktivoida:

activate

Jotkut teemat tarvitsevat käyttöönsä myös lisäosia, jotka asennetaan seuraavaksi:

plugins

Valitse kaikki ruudut ja paina asenna:

plug2

8. Seuraavaksi mennään Plugins eli lisäosat kohtaan (Töpselin kuva) ja asennetaan evästeilmoitus, koska se on nykyisin pakollinen kaikilla nettisivuilla:

plug3

Kirjoita hakukenttään Cookie notice:

plug4

Asenna Cookie Notice by dFactory klikkaamalla asenna:

cookie

Aktivoi lisäosa:

aktiv

Siirry sen asetuksiin:

aktiv2

Asetuksissa määrität tekstin joka näkyy sivuilla evästeilmoituksena, muihin asetuksiin ei välttämättä tarvitse koskea lainkaan, lopuksi klikkaa Save sivun lopusta.

cookies

9. Asennetaan seuraavaksi Jetpack, tämä lisäosa mahdollistaa mm Facebook feedin lisäämisen sivuille, antaa käytännöllisen perus kävijälaskurin, automaattiset artikkeleiden julkaisut eri some tileille mm Google plus, Facebook, Twitter, Linkedin jne (näitä ei ole pakko käyttää jos ei halua), lisäosa antaa myös infinite scroll eli jatkuvan skrollaamisen sekä mukavat tiled galleries eli mosaiikkigaklleriat kuville 🙂

jetpack

Lopuksi taas aktivoidaan lisäosa eli activate plugin riippuen millä kielellä WP:si on.

Seuraavaksi yhdistetään se:

jet2

ja annetaan lupa mikäli sinulla on jo WordPress.com tili, mikäli ei, voit luoda sellaisen nyt:

jet3

Seuraavaksi asetuksiin:

jet4

Automaattisen somejulkaisun asetukset:

jet5

ja sama Suomeksi:

public

Seuraavassa ikkunassa määrität sometilisi minne haluat automaattisesti julkaista kirjoittamasi artikkelit:

publ2

Ja määrität myös haluatko sivuillasi tai artikkeleissasi näkyvän someen jakopainikkeet, jotta lukijat voivat jakaa juttujasi, lopuksi tallenna Save:

publ3

10. Seuraavaksi lähdetään muotoilemaan itse sivuja, otetaan taas pensselin kuvasta (Themes, Ulkoasu)  alasvetovalikko ja siitä toinen kohta eli Customize, Mukauta:

customointi

Pääset teeman tarjoamiin mukautusasetuksiin, täällä voit mm muuttaa sivustosi nimeä:

custom3

ja Aukeneeko sivustosi etusivulla staattinen etusivu (jonka teet pian) vai viimeisimmät bloggauksesi (blogisivunkin teet pian):

publ4

Mukautuksessa on teemasta riippuen hiukan eri vaihtoehtoja, näitä kannattaa ihan rohkeasti kokeilla, teema näyttää ne esikatselussa oikealla, mutta vasta tallentamalla ne tulevat voimaan, eli rohkeasti koittamaan mitä eri namiskoista tapahtuu, lopuksi sitten tallennus ja ruksista pois:

mukautus

11. Lisätään etusivu: Sivut Pages -> Lisää uusi Add new:

lisää sivu

Valitaan nuolen osoittamasta kohdasta Page Builder, jotta pääsemme tekemään hiukan perus-sivuja näyttävämpiä sivuja:

etusivu1

prebuilt

Valitaan vaikka valmiista malleista, nillä on hyvä aloittaa ja myöhemmin kerron miten lisäät sisältöä suoraan, etkä tarvitse Prebuilt sivuja jos et niin halua, voit myös muokata Prebuilt sivun täysin omanlaiseksi ja poistaa myös kaikki Prebuilt osaset; valitaan nyt vaikka About Simple ja lisätään se sivulle:

prebuilt3

Sinulle aukeaa seuraava näkymä, ja mikäli huomaat nuolen osoittamassa kohdassa tekstin Missing Widget siirry seuraavaan kuvaan (kaikki teemat eivät aina asennuta kaikkia tarvittavia lisäosia)

siteorigin

12. Lisätään uusi lisäosa vasemman nuolen kuvaamalla tavalla ja kirjoitetaan hakukenttään SiteOrigin Widget:

add plugin

Ladataan SiteOrigin Widget:

siteorigin2

Aktivoidaan Plugin ja palataan kohtaan 11. eli Lisää sivu:

lisää sivu

Ja taas mennään sinne Prebuilt Layoutsiin ja valitaan esim About Simple:

prebuilt3

Nyt sinulla avautuu seuraava näkymä, josta pääset muokkaamaan sivuasi:

siteorigin3

Aloitetaan muutamalla sivulla näkyvä iso kuva:

sivu3

Klikataan EDIT kuvan määrittävästä laatikosta:

kuva2

Klikataan auki kuvan määrittävä kohta pikku nuolesta:

 

site4

Ladataan kuva koneelta, painetaan Set Media ja sen jälkeen Done ja sitten Esikatsellaan mille näyttää eli Preview:

kuva3

Esikatselu aukeaa uuteen välilehteen:

kuva4

Jos näyttää hyvälle, palaa takaisin muokattavalle sivulle ja paina Julkaise Publish tai tallenna luonnos save draft ja jatka sivun muokkaamista:

julkaise

Seuraavaksi muokkaat sivun tekstit laatikko kerrallaan samalla periaatteella kun hetkin sitten lisäsit kuvan (toki ilman kirjoitusvirheitä 😀 ) :

laatikko1

kuva5

Lopuksi anna sivulle nimi ja määrittele muut lisäasetukset mikäli teema sellaisia tarjoaa:

sivu6

Sivun muokkausruudun vasemmassa yläreunassa on kohta ADD ROW, tästä lisätään tyhjä rivi.
Näillä riveillä ja laatikoilla pääset muokkaamaan joko tästä sivusta täysin omanlaisesi tai tyhjästä sivusta aivan millaisen vaan haluat.
Rivin voi tehdä yksi sarakkeiseksi, kaksi sarakkeiseksi, tai useampi sarakkeiseksi riippuen minkänäköisen sivun haluat tehdä.
Riville voi lisätä kuvalaatikon, tekstilaatikon tai muita laatikoita, kuten Some ikonit, blogin arkiston, viimeisimmät kirjoitukset, kalenterin, yhteystiedot jne..

add row

laatikot

yhteys

sivu9

Jokaisella laatikolla on asetukset mistä pääset säätämään suunnilleen kaikkea laatikon sisällä 🙂

Nyt osaat tehdä sivuja.

Blogikirjoituksille tehdään oma sivu, nimeä se haluamallasi tavalla ja tallenna, tätä sivua ei tarvitse muokata, vaan seuraavaksi siirryt Ulkoasu ja Mukauta kohtaan:

customointi

13. Ja teemasta riippuen etsim kohta josta saat määriteltyä Etusivun ja blogisivun:

publ4

Määritä staattinen etusivu tai jätä etusivuksi viimeisimmät bloggauksesi:, mikäli käytät staattista etusivua, määritä bloggauksillesi näkymään äsken tekemäsi blogi-sivu.

Tee loput tarvitsemasi sivut.

Seuraavaksi voit lisäillä tarvitsemiasi lisäosia joita voit selata esim täältä ”24 must have WP Plugins for business websites” ja kun löydät sopivia niin etsi ne WP Plugin asennus kohdasta aivan kuten etsin esim Jetpackin, asenna samaan tyyliin. Mikäli Plugin on koneelle ladattava (maksullinen) niin lisäät sen kohdasta Lataa uusi ja loppu menee samalla tavalla kun aikaisemminkin.

Tutki rohkeasti asetuksia hallintapaneelin vasemmasta palkista ja katso mitä mistäkin tapahtuu.

Päivittelen tätä artikkelia tarpeen mukaan, eli jos sinulla on kysyttävää tai lisättävää ota rohkeasti yhteyttä esim meilillä info@ateljeeamnelin.fi tai Facessa.

 

Tilaa Zoner Webhotelli:

 

Saaren Taika™ on särkisalolainen luonnonkosmetiikan ja pyykkietikan valmistaja. -Ajatuksemme on valmistaa tuotteita joiden käyttö ei kuormita luontoa. Tuotteita valmistetaan pienissä erissä käsityönä oman perheen voimin.

Saaren Taika valmistaa aidosti ekologisia luontoa vahingoittamattomia tuotteita, joiden jokainen ainesosa on lueteltu sekä pakkauksessa, että tuotteen kuvauksessa kotisivuillamme www.saarentaika.com, näin tiedät aina varmasti, että käyttämäsi tuotteen kaikki ainesosat ovat luonnollisia ja luontoa vahingoittamattomia.

Haluatko Saaren Taika tuotteiden jälleenmyyjäksi? Ota yhteyttä sähköpostilla saarentaika@gmail.com



%d bloggaajaa tykkää tästä: