Kodulehe valmistamine WordPressiga

Sissejuhatus

Kas olete alati tahtnud kodulehte luua, kuid te ei tea, kuidas? Või äkki arvasite alati, et see on liiga raske?Kas peaks teadma programmeerimist ja õppima disaini? Me oleme valmis teinud “step-by-step” õpetuse, kuidas saad kasvõi oma kodus teha endale kodulehe, ilma HTML/CSS või pikki igavaid õpetusi lugema.

Kui tunned, et kodulehe isetegemine ei ole päris sulle, siis telli kodulehe tegemine teenusena.

Selle õpetusega saad teada samm-sammult põhiasjad, kuidas ise kodulehte teha.

Sisukord

  • Veebimajutus ja domeeni registreerimine
  • WP Installimine/seadistamine
  • Teema valimine ja rakendamine
  • Kohandamine
  • Sisu lisamine
  • Pluginad

Samm 1- Veebimajutus ja domeeni registreerimine

  • Valime sobiva nime, domeeni, majutuse ja kuidas registreerida.

Sellejaoks, et sinu koduleht pääseks internetti on vaja registreerida domeen ja tellida sobiva teenusepakkuja käest veebimajutus. Allpool toodud tabelis on näha erinevaid teenusepakkujaid, mille seast saad valida just enda vajadustele vastava veebimajutuse.

Veebimajutus.eeZone.eeTeliaRadicenter.eeAlfanet.ee
Hinnang kokku:★★★★★★★★★★★★★★★★★★★★★
Hind:5.21€/kuu (+ km)5,55€/kuu (+ km)6,33€/kuu (+ km)5.55€/kuu (+ km)6€/kuu
Admin paneeli kasutajamugavus5/55/52/54/5cpanel4/5cpanel
Server5/55/54/5 (wordpressiga esineb cache probleeme)4.8/54.8/5
Klienditugi4.5/54.5/53/5 (aeglane)4/54.3/5
Serveri kiirus5/55/55/55/55/5

 

Võitjad

1999. aastal tegevust alustanud osaühing Zone Media on üks Eesti juhtivaid Interneti infrastruktuuri- ning tugiteenuste osutajaid. Zone missioon on pakkuda ettevõtjatele ja ettevõtetele lihtsaid, kiireid, kuid samas töökindlaid lahendusi suhtlemiseks, informatsiooni edastamiseks ning töötlemiseks Internetis.

Veebimajutus.ee (Elkdata OÜ) on suurima Euroopa domeenivalikuga teenusepakkuja Eestis ja .ee domeenide akrediteeritud registripidaja, teenindades igapäevaselt kokku rohkem kui 25 000 domeeni. Oled õiges kohas, kui soovid domeeninime registreerida ning oma domeeniga e-posti aadressi ja kodulehe mugavalt tööle panna.

Mis on veebimajutus?

Veebimajutus teeb täpselt seda, mida öeldakse: ta majutab veebisaite. Teisisõnu, veebimajutusettevõtted omavad ja haldavad hiiglaslikke veebiservereid, mis asuvad kogu riigi (ja mõnikord ka kogu maailma) andmekeskustes.

Kodulehe valmistamiseks esimese asjana mine www.veebimajutus.ee lehele, seal saad koheselt avalehel valida endale sobiva domeeni nime ja edasi liikuda vajutades rohelist nuppu “Otsi”. Kasutades promokoodi “artmedia”, saad veebimajutuses 6 kuud tasuta majutusteenust. Meie teada nii head pakkumist ei paku keegi teine.

Milleks seda vaja on? Peamine põhjus miks on vaja veebimajutust ja domeeni on see, et sinu lisatud sisu, pildid ja failid oleksid internetis nähtavad. Ilma selleta on sinu koduleht ainult sulle nähtav.
Kodulehe valmistamisel tuleb meeles pidada mõned asjad. Kõige alus on nime valik, mis peaks olema tabav ja kergesti ära tuntav. Reklaamist nii nagu kuuled, nii ka kirjutad.

Mõned nõuanded hea nime välja mõtlemiseks:

  • Lihtne kirjutada oleks
  • Haarav
  • Lühike
  • Meeldejääv
  • Sisaldab märksõna

 

Samm 2 – Kodulehe isetegemine algab nüüd

  • Alusplatvormi valik (Drupal, WordPress, Voog)
  • Kuidas installida wordpress
  • Kodulehe esmane seadistamine
  • Admin paneelis navigeerimine

 

Alusplatvormi valik.. Milleks valida WordPress?

  1. Lihtne kasutada ja algajatele sõbralik – mõeldud teile ja mitte programmeerijatele.
  2. Hulk teemasid ja pluginaid – väga lihtsalt saab teha väga ilusaid asju.
  3. Enamus teemasid toetavad mobiili vaateid, sa ei pea ise muretsema milline su leht mobiilis välja näeb. Tänapäeval külastatakse kodulehti väga palju telefoniga, seega on oluline, et ka väiksemal ekraanil näeb koduleht ilus välja.
  4. Ligikaudu 75 miljonit kodulehti kasutab WordPressi, mis tähendab seda, et abi saamiseks on väga suur tugi (community).

Wordpressi installimine/seadistamine

Kui sa oled jõudnud nii kaugele, et domeen, pakett ja veebimajutaja on valitud, ost teostatud ja saate www.veebimajutus.ee iseteenindusse sisse logida, siis järgnevalt tuleb käituda nii, et Wordpressi installida.

Veebimajutuse keskkond

  1. Logi sisse veebimajutus iseteenindus keskkonda
  2. Minu domeenid ja teenused sektsioonist kliki nupul “Halda”

Kodulehe paigaldus

  1. Järgmisena avaneb aken, kus on kolm kategooriat, sealt valime “Kodulehed” kategooria ja kliki nupule “Halda”.
  2. Alusta uue WordPressi paigaldusega.

Kasutaja info ja lisamoodulid

  1. Sisesta kodulehe kasutaja info, millega saad logida sisse admin paneeli hiljem.
  2. Vali soovitatud lisamoodulid, neid saab pärast eemaldada ja juurde lisada.
  3. Uus WordPressi koduleht on paigaldatud.
  4. Admin paneeli pääsed enda domeeni url ja lisades peale kaldkriipsu wp-admin www.sinukoduleheaadress.ee/wp-admin

Vaatame üle seaded

Seaded – Üldine (Settings – General)
Veebilehe pealkiri – Kodulehe pealkiri mida kuvatakse üldiselt avalehel
Kuupäevavorming – Saame määrata eesti ajavööndi
Keel- Olenevalt sellest valida keel kas sisu kirjutatakse eesti, inglise või mõnes teises keeles.
Seaded – Lugemine (Settings – Reading)
Sinu koduleht näitab – Vaikimisi on seal tärn staatilise lehe ees, mis tähendab seda, et lehe sisu ei tule andmebaasist vaid muutub ainult siis kui seda manuaalselt muuta ja see on nähtav külastajale sellisena nagu admin paneelist valides “preview” ehk eelvaade.
Koduleht: Valida rippmenüüst see leht mida kuvatakse kõige esimesena, kui külastaja teie veebilehele tuleb.
Üldiselt on WordPressi seadistamine tehtud ja võime edasi liikuda järgmise sammu juurde, milleks on kujundus/välimuse valimine ja selle

Samm 3 – Teema valimine ja rakendamine

  • Kodulehe valmistamiseks sobiva teema valik
  • Teema aktiveerimine
  • Teema kohandamine

WordPressi admin paneelis valime vasakul menüüribal Välimus → Teemad
Avaneb “Teemad” sektsioon, mille hulgast on võimalik valida endale tasuta või tasuline teema, olenevalt vajadusest ja eesmärgist.
Kui teil ei ole ideed või eesmärki mida või kuidas teie koduleht kuvama peaks, siis lisan mõned märksõnad mis aitavad teema valikul leida just see õige. Peamine on see, et teema toetaks mobiilivaateid, brauseri ühilduvus, toetaks erinevaid “pluginaid” , mitmekeelsus, SEO sõbralikkus.

  • Blogija, fotograafi, graafilise disaineri või personaalse kasutaja koduleht – portfolio, blog, personal
  • Ettevõte – business, work
    Kui sa pole leidnud endale sobivat teemat:
    ThemeForest – Tasulised teemad usaldusväärsest keskkonnast.
    Athemes – Leidub tasuta teemasi ja PRO versioon teemasi.

Themeforesti populaarsemad teemad on populaarsuse järjekorras:

Oleme nendest kasutanud ise kõike peale Vridge. Avada ja Enfold on hästi sarnased teemad. Betheme-l on väga palju erinevaid kujundusmalle, mille seast valida. Need kõik on väga suurte kujundus ja seadistamisvõimalustega teemad. Siin sisuliselt ei ole õiget või valet. Eelkõige tasub vaadata oma maitse järgi, mis kõige rohkem meeldib.

Tasub tähele panna! Millal on viimati teemat uuendatud, kas on teemaga kaasas instruktsioonid kuidas ja kus kohas saab midagi muuta, millised pluginad töötavad ja millised ei tööta selle teemaga. WordPress uuendab alati ja sellega võib kaasneda see, et mõningad asjad lähevad katki või ei tööta nii nagu peaks.

Sinu poolt valitud teema sisselülitamiseks pead hiirega peale liikuma ja valima sinise nupu “Lülita sisse” (see asub Välimus > Teemad valikus).

Kohandamine

Kui olete oma teema installinud, saate seda kohandada, klõpsates menüü all linki Kohanda.

See käivitab teema kohandaja, kus saate muuta oma teema sätteid veebisaidi reaalajas eelvaatega.

Mõistlik oleks esialgu sisestada kogu sisu ja alles siis lõplik kohandamine teha.

Samm 4 – Sisu lisamine

  • Lisame kodulehele lisalehe
  • Pildi lisamine
  • Menüü tegemine
  • Pluginad ja selle abil kontakti vormi lisamine

Videojuhend, kuidas luua sisuleht (peale videot on lahti kirjutatud versioon).

Lehtede lisamine ja muutmine

Lisame enda kodulehele esimese sisulehe milleks on näiteks “Meist” alamleht.
Sellejaoks, et luua leht tuleb valida menüüst kategooria “Lehed”

Uue lehe lisamiseks tuleb vajutada nupule “Lisa uus”, mille peale avaneb tekstiredaktor.

Lehe ehitamiseks on kasutusel Gutenberg editor, mis on alustamiseks väga hea, peale selle on olemas Elementor, WPBakery. Gutenberg tekstiredaktoris saad plokkide abil ülesehitada enda kodulehe.Kirjutame Lisa pealkiri sektsiooni “Meist” ja liigume alla kus saab alustada kirjutamist, lisame sinna teksti ja kõrvale ühe pildi. Selleks vajutame ümmarguse plussi peale ja valime “veerud” Valime kaks veergu

 

Tekib kaks ümmargust pluss märki, kuhu saab omakorda lisada teksti ploki ja pildi ploki.
Peale sisu sisestamist tuleb vajutada nupule “Avalda”, see tähendab seda, et sinu sisestatud sisu on nüüd teistele nähtav.

Teksti lisamiseks on plokk “lõik”, pildi lisamiseks valime ploki “pilt”
Tulemus peaks olema selline

Järgmisena lisame Meist tehtud lehe menüüsse. Selleks lähme tagasi töölauale ja valime menüüribalt “Välimus” —> Menüüd

“Add menu items” – Selles sektsioonis ilmuvad sinu poolt tehtud lehed ja postitused. Neid saab lisada kui klõpsad linnukese kastis ja vajutad nupule “Lisa menüüsse”. Kui on soov lisada menüüribale või rippmenüüle link mis viitab välisele url-ile siis tuleb valida “Kasutaja viited” sinna sisestada url ja kuvatav tekst.

Menüü struktuuris saab elementide järjekorda muuta lohistades. Kui sinu loodud lehe pealkiri on pikk ja lohisev, siis tasub siin menüüs see lühemaks vormindada, see ei muuda lehe sisest pealkirja vaid ainult menüüribal olevat klikitavat navigatsiooni elementi.

Samm 5 – Pluginate(funktsionaalsuse) lisamine

Plugin on osake tarkvarast, mis sisaldab funktsioonide rühma, mida saab lisada WordPressi veebisaidile. Nad saavad teie WordPressi veebisaitidele funktsioone laiendada või uusi funktsioone lisada. Üldiselt teevad pluginad su elu lihtsamaks, kui on soov lisada lisa funktsioone enda lehele.

Lisame näitena kontakti vormi plugina, selleks vajutame “Lisa uus” ja paremal otsinguribal sisestame *contact form* . Tulemuseks on erinevad kontaktivormid, valime Contact Form 7 ja klikime nupul “Paigalda kohe”.
Peale paigaldust tuleb plugin sisse lülitada.

Kontaktivormi plugina kasutamiseks oma lehel tuleb valida menüüribalt “Kontakt” ja näeme, et olemas on juba Kontaktivorm 1, mis on eelnevalt genereeritud. Kui on soovi muuta nimetust või emaili aadressi vormis, siis vajutada nupul “muuda”.
Näitena lisan kontaktivormi sisulehe lõppu, selleks, et ta kuvaks on vaja kopeerida eelgenereeritud lühikood.

Sisulehel valida plokkidest “lühikood” nimeline element ja sinna kleepida see.

Suurepärane! Sinu lehel on nüüd kontakti vorm

5 pluginat mis peaksid sinu kodulehel olema

  1. Revive Old Post
    Jagage oma uusi ja vanu postitusi automaatselt Twitteris ja Facebookis.
    Määrake oma sotsiaalmeedia väljaannete ajakava.
  2. Yoast SEO
    Optimeerige oma WordPressi postitusi ja lehti, kasutades märksõnu ja metakirjeldusi.
    Vaadake, kui hästi teie sisu on praegu optimeeritud, ja tehke hõlpsalt parandusi.
    Parandage oma sisu loetavust lihtsate näpunäidete abil.
  3. UpdraftPlus
    Looge oma veebisaidi automaatne või käsitsi varundamine.
    Taastage oma veebisait eelmisesse olekusse.
  4. CompressJPEG&PNG images
    Optimeerige oma JPEG ja PNG pilte.
    Oma veebisaidile üles laaditud piltide suuruse muutmine
  5. WP Rocket
    Parandage brauseri vahemällu salvestamist.
Üllar Tamm

Üllar Tammyllar@artmedia.ee

Üllar on huvitatud, kuidas läbi veebilehe tõsta müüki, kaasates selleks SEO-d, turundust, veenmispõhiseid veebielemente ja kaasates muid strateegiaid. Veebiarendusega tegelenud üle 20 aasta ja kokkupuude üle 700 projektiga on andnud väga laiahaardelise oskusteabe. Töötanud väga nimekate klientidega ja teinud koostööd tunnustatud digiagentuuridega.

Disaini teeme seni kuni olete rahul
Töödel 6-kuuline garantii
Põhjalikult lahtikirjutatud hinnapakkumised