Kodulehe tegemise õpetus

Õpi nullist kuidas teha kodulehte, mis müüb!

  • Veeb 1 päevaga nullist valmis!
  • Koodi valdamine pole nõutud!
  • Algajasõbralikud programmid!

TASUTA ÕPETUS KÄIMA!

See tasuta õpetus lansseerib ca. 5 veebilehte päevas!

PARTNERID:


Kodulehe tegemise müüdid

1. ISESEISEV KODULEHE TEGEMINE EELDAB KOODI TUNDMIST?

kodulehe tegemine ei ole raske

VASTUS: Ei eelda! Kui sulle meeldib pusle, meeldib sulle ka tänapäeva mõistes kodulehe tegemine. Luban, et selleks on suuteline iga algaja. Järgi meie tasuta õpetust ja omandad 2018. a. know-how veebilehe tegemisest! 🙂

LOE PÕHJALIKUMALT

Kodulehe tegemine ise on aastal 2018 lihtsam kui võib eeldada. Kasutatakse võimekaid alagajasõbralike platvorme, kus tegevus meenutab pigem Lego klotsidega mängimist drag and drop stiilis.

Rätsepmeistri stiilis kodulehe valmistamine pole küll kuskile kadunud, kuid see on suhteliselt kallis lõbu ja jäänud pigem suurfirmade mängumaaks. Seega sa ei pea oskama ei HTML ega CSS keelt!

Veebi isetegemise kulud


Tasuta kodulehe tegemine aastal 2018 ei ole võimatu, kuid säärased pakkumised on alati “konksuga” (sundreklaamid, ebaharilik doomen jms). PS! Tasub investeerida kvaliteetsesse veebimajutusse ja modernsesse kujundusmalli. Arvestage, et väljatoodud summad varieeruvad sõltuvalt teenusepakkujatest ning kehtivad WordPressi platvormi kasutajatele.

Lihtne blogi

 

• Veebimajutus 1 aastaks (70€)

 

• Domeeninimi 1 aastaks (12€)

Mitmekeelne ärileht

 

• Premium kujundusmall (50€)

 

• Veebimajutus 1 aastaks (70€)

 

• Domeeninimi 1 aastaks (12€)

Võimas e-pood

 

• Pangalingid (Swed & SEB 130€)

 

• Premium kujundusmall (50€)

 

• Veebimajutus 1 aastaks (70€)

 

• Domeeninimi 1 aastaks (12€)


*Veebimajutust saab tellida ka lühemaks perioodiks!

Kodulehe tegemine ise

Kodulehe tegemise õpetus 2018


1. SAMM

Platvormi valimine

WIX vs. WordPress – võtame luubi alla kaks populaarset sisuhaldustarkvara. Loe kumb on sulle sobilikum!


Kodulehe tegemine WordPressiga

WordPress on platvormide kunn! Sellepärast keskendub ka käesolev kodulehe tegemise õpetus peamiselt WordPressile. See on populaarseim vabavarana kättesaadav content management system ehk maakeeli platvorm millega on loodud 30% kogu internetist. WordPress on kahtlemata võimekas ja algajasõbralik, kuid erisoovide korral on siiski vajalikud baasteadmised HTML ja CSS progremiskeeltest.

WordPressi kasutamine on alati tasuta, kuid veebilehe loomiseks vajad esmalt registreeritud domeeni ning veebimajutust. Kodulehe tegemine WordPressiga on kindlasti väga õige otsus, kui soovite oma veebilehel iga detaili suhtes omada kontrolli ning teid ei hirmuta kokkupuude serverite või programmeerimiskeeltega.

AVA PÕHJALIKUM ARVUSTUS

Plussid

  • Tonnideviisi pluginaid ja kujundusi (nii tasuta kui tasulisi).
  • Eesti keelne kasutajaliides (kokku 68 erinevas keeles).
  • Paindlik loomaks kõiki tüüpi veebilehti (e-pood, blogi, ärileht jne).
  • Veebihaldus läbi WordPressi mobiiliäpi.

Miinused

  • Profesionaalse tulemuse saavutamiseks pole pääsu tasulisest kujundusest (maksumus: 50-100€).
  • Vajalik osata HTML ja CSS koodi baastasemel (kõik oleneb erisoovidest ning kujunduse võimekusest).
  • Kehvasti valmistatud või aegunud pluginate kasutamine võib tekitada konflikte mistõttu on sinu veebileht ühel hetkel nö “maas”. Jälgige pluginate reitinguid, kommentaare ning ühilduvust oma WP versiooniga!

Kuidas teha kodulehte?

WordPressi paigaldamine on lihtne. Seda saab teha kõigest paari klikiga iga tuntuma teenusepakkuja iseteeninduses.  Kogu protsess võtab maksimaalselt 5 minutit. (WordPressi paigaldamist käsitleme  detailsemalt käesoleva õpetuse 3. sammus!)

WordPress.org ja wordpress.com

Tähelepanu! Tegemist on kahe erineva organisatsiooniga!

  • WordPress.org on vabavarana kättesaadav sisuhaldustarkvara.
  • WordPress.com näol on tegemist säästu veebimajutajaga,  kes pakub lisana lihtsustatud ja kärbitud varianti WordPressi sisuhaldustarkvarast.

Huvitavad faktid

  • WordPress (edaspidi: “WP”) hoiab enda käest 55% sisuhaldustarkvara turust.Täpsemad andmed on kättesaadavad W3techs.com lehel.
  • WP ei kuulu ühelegi ettevõttele. Tegemist on sisuliselt mittetulundusühinguga mida arendavad põhiliselt vabatahtlikud veebiarendajad üle terve maailma (arendajate motiiv peitub järgmises punktis).
  • WP sees eksisteerib vabaturumajandusel põhinev turg, kus igaüks saab luua pluginaid ning hakata neid äritegevuse eesmärgil kodulehetegijatele pakkuma.
  • WordPress.org loodi 2003. aastal ja on vanem kaubamärk kui Facebook või Twitter.

Kokkuvõtteks

Kodulehe tegemine WordPressiga on kindlasti õige otsus, kui sul aega ja tahtmist oma lehega iganädalaselt tegelema hakata. Kvaliteetne veebileht on nagu Tallinna linn, mis ei saa kunagi valmis. Alati leidub midagi mida saab veebilehel testida või parendada ja seda WordPress ka võimaldab – kontroll iga pisema detaili üle!

Variant B!

Soovid head alternatiivi WordPressile? Kasuta veebilehe loomiseks modernseimat viisi ehk algajate poolt armastatud Wix veebiehitustööriista!

  • Tasuta harjutamine
  • Veeb 1 päevaga valmis
  • Maailma popim builder
  • Üle 500 kujundusmalli
  • Lihtsam kui WordPress

Testi Wix’i tasuta

2. SAMM

Vali kodulehe majutus!


Kodulehe tegemine WordPressiga eeldab majutusteenuse olemasolu. Kas teadsid, et veebilehe tervis algab kvaliteetsest veebimajutusest? Vali enda kodulehe jaoks turvaline ja kindel kodu!


Hinnang: ★★★★
Elkdata OÜ, päritolumaa: Eesti, loodud: 2000. a.

“Tuntud ja taskukohane teenusepakkuja Eestis. Iseteenindus on kasutajasõbralikum kui zone.ee-s. Vali kui sinu sihtgrupp asub peamiselt Eestis ja soovid .ee lõpuga domeeni! “

  • Üle 25 000 rahuloleva kliendi
  • Uptime: 99,6 – 99,9% (täpsed andmed puuduvad)
  • Livechat (ainult tööpäeviti kl 8.00-17.00)
  • WordPressi käivitamine 1 klikiga
  • Soodsaima paketi hind 12 kuuks: 55,00 euri + KM

Tundub keeruline? Pole hullu! Kasuta meie Veebimajutuse õpetust: Kodulehe loomine Veebimajutuse keskkonnas! Teeme seal näidis ostu ja WordPressi paigaldamise samm-sammult läbi.


Säästa 20 eurot!

Kingime sulle 3 kuud kodulehe majutust! 19.80€ säästmiseks vali teenusepakkujaks Veebimajutus ning sisesta unikaalne promokood!

Promokood: “WIXTER”

Aktiveeri sooduskood

Milline on hea domeeninimi?

Hea domeeninimi nii otsingumootorite kui ka sinu tulevaste külastajate jaoks on…

 
  • Märksõnapõhine!

    Otsusta kas kasutad unikaalset brändi- või märksõnapõhist domeeni. Eelista pigem märksõnapõhist (hea näide: veebimajutus.ee). See meeldib otsingumootoritele!

  • Selge ja meeldejääv!

    Unusta täpitähed, sidekriipsud ja muud veidrused. Tee nn. raadio test. Hea domeeninimi on kuulates ja hääldades arusaadav ning kergesti meeldejääv!

  • Max. 12 tähemärki!

    Proovi valida lühem domeeninimi kui 12 tähemärki (ilma laienduseta). Väldi pikki ja lohisevaid lauseid (näide halvast nimest: kuidastehakodulehte.ee)!

  • Legaalne!

    Veendu et su domeeninimi poleks regristreeritud kaubamärk kuskil teises riigis. Sa ei taha ju sellest hiljem ilma jääda! Kontrolli seotust kaubamärgiga.

3. SAMM

WordPressi paigaldamine



Kodulehe tegemine WordPressiga on alati tasuta ja enamasti kõik teenusepakkujad on paigaldamise teinud väga lihtsaks.

Loo WordPressi admin konto ja kogu paigaldusprotsess ongi paari minutiga tehtud. See on palju kergem kui veebimajutuse ostmine, mille oled loodetavasti praeguseks edukalt lõpuni viinud.

MEELDETULETUS!

WordPressi paigaldamiseks pead omama kodulehe majutust! Kasuta 3 kuulist soodustust Eesti tuntuima teenusepakkuja juures!

Kodulehe tegemine tasuta wixter

Soodustus lisandub automaatselt ostukorvi!


WordPressi paigaldus veebimajutus.ee keskkonnas


  • 1. Leia iseteenindusest “WordPress”

Enamasti on WordPressiga seonduv kõikkidel teenusepakkujatel kontrollpaneelis lihtsasti leitav. Veebimajutus.ee iseteeninduses tuleb klikkida:

Domeeni haldus ➜ “Vali oma domeen” ➜ Kliki “Koduleht” rubriigist WordPressi nuppu

WordPressi paigaldamine - veebimajutus.ee

Leia menüüst “WordPress”


  • 2. Loo WordPressi admin kasutaja!

Täida registreerimisväli personaalsete andmetega. Jätke “soovin paigaldada alamkataloogi sisse” märkeruut tühjaks! Kindlasti nõustu ka ilusate linkidega!

Avades “paigalduse lisaseadistused” saad keelata otsingumootorite (robotite) indekseerimise, laadida alla populaarsemad pluginad jms.

Lisaseadistused võivad jääda samaks. Neid kõiki teemasi käsitleb käesolev kodulehe tegemise õpetus hiljem ehk allpool WordPressis.

WordPressi paigaldamine_3 - veebimajutus.ee

Täida ära järgmised väljad!


  • 3. Logi WordPressi sisse!

Pärast mõneminutilist paigaldusprotsessi on CMS WordPress laetud veebiserverisse. Sinu WordPress koduleht on nüüd tõsiasi ja leitav internetist iga seadmega.

WordPressi paigaldamine_4 - veebimajutus.ee

Logi WordPressi sisse


Kliki: Logi sisse! Nüüd algab veebiarendus ehk teisisõnu kodulehe tegemine WordPressiga.

JÄTA MEELDE!

www.sinudomeen.ee/wp-admin 

...on URL millega pääsed enda kodulehe admin keskkonda


WordPressi seadistamine


  • 1. Määra sobiv keel ja ajavöönd

Vali meelepärane keel ja pane paika õiged ajavormingud (ajavöönd; kuupäevavorming; aja vorming).

SettingsÜldine


  • 2. Sisesta veebilehe pealkiri + lühikirjeldus

Sisesta korrektne veebilehe pealkiri ja lühikirjeldus. Mida relevantsemat infot otsingumootoritele annad seda parem!

SettingsÜldinePealkiri/ Lühikirjeldus

SEO (kodulehe optimeerimine) nipp:

Kasuta lühikirjelduses populaarset otsifraasi ehk keywordi!

Näide: wixter.ee veebilehelt: “Kodulehe tegemise õpetus – õpid kuidas teha kodulehte, mis müüb!”

Antud lühikirjeldus sisaldab meie jaoks kahte olulist märksõna, mille järgi wixter.ee õpetust leitakse!


  • 3. Keela otsingumootorite ligipääs

Veendu, et keeld otsimootoritele oleks hetkel sisselülitatud! Sa ju ei soovi, et keegi näeks pooleliolevat veebilehte.

SettingsLugemine ➜ Keela otsimootorite ligipääs ➜ ✓


  • BOONUS: Paigalda turvaline HTTPS protokoll

Mis täna tehtud see homme hooleta! Tõsta enda veebilehe usaldusväärsust ja ole professionaalne. Tasuta SSL sertifikaadi paigaldamine on lihtne ja võtab maksimaalselt 10 minutit!

SSL sertifikaat


    4. SAMM

    Kujundusmalli valimine



    Iseseisev kodulehe tegemine muutub iga aastaga järjest lihtsamaks ja lahedamaks. Valmiskujunduse kasutamisega on keerulised veebilahendused juba valmis ja veebileht ootab lihtsalt sisu lisamist ja viimistlemist ehk nö viimaseid pintslitõmbeid.

    • Sydney theme
    • Optimizer

    Ja mis veel olulisem – paremate valmiskujunduste loojad on oma ala tõelised professionaalid. Kujundusmallide arendajad omavad head kogemust kuidas teha kodulehte nii tehniliselt kui ka turunduslikult.

    Siit sulle väärt soovitus: ära hakka ise pusima, säästa enda aega ja närvirakke ning investeeri ca. 50€ professionaalsesse WordPress theme’i ehk kujundusmalli! Omades premium theme’i saavad kiiremad blogi stiilis veebilehe täiesti vabalt 1 päevaga valmis.


    Themeforest – suurim turg kujunduste hankimiseks


    Kui sa soovid hakata internetis teenima otseselt või kaudsel viisil siis muretse mordernne ja võimekas premium kujundusmall ehk WordPress theme.

    Külasta themeforest.net  ja kliki ikoonil. Seejärel paremalt Sort by: Best Sellers ning sinu ees on parimad kodulehe põhjad, mida inimesed armastavad kasutada veebilehe loomisel.


    Modernne veeb = premium theme!


    Siin on pingerida Themeforesti enim müüdavatest kujundusmallidest mida inimesed eelistavad veebilehe tegemisel kasutada. Wixter.ee on loodud näiteks X theme’i baasil ja seda julgeme kindlasti ka soovitada!

    KOHTTHEMEHINDDEMOSIMÜÜKEBUILDERHINNE
    1

    Avada

    $6045443 000+Fusion4.77
    2

    X

    $5946190 000+Cornerstone4.75
    3

    Enfold

    $5934161 000+ALB4.84
    4

    Be Theme

    $59360123 000+WPBakery4.81
    5

    The7

    $3934120 000+WPBakery4.76
    6

    Bridge

    $59376100 000+WPBakery4.78
    7

    Jupiter

    $5916096 000+WPBakery4.76
    Andmed seisuga: august 2018

    *Demo – valmis veebileht kasutamiseks. Näiteks ostes Avada theme’i saame oma kodulehel piiramatult valida 45 erineva variatsiooni vahel (e-pood, tehnoloogia, spa, restoran jne). NB! Kõikide demodega ei tule kaasa näidissisu, mis lihtsustab oluliselt veebilehe tegemist!

    *Builder – Sirvides theme’e veenduge, et hind sisaldab builderit. Builder on kasulik veebiehitustööriist millega hakkabki toimuma kodulehe tegemine reaalselt. Loob drag and drop võimaluse ja lihtsustab jällegi veebilehe tegemist WordPressiga. 


    Themeforesti kujundusmalli paigaldamine


    Pärast konto loomist ja ostu sooritamist tekib sinu Envato konto allalaadmiste kausta hunnik faile. Kõige olulisemad failid on litsentsi kood ja kujundusmalli zip fail mis tuleb lahti pakkida WordPressis.

    • 1. Lae kujundusmalli zip fail enda arvutisse

    1. Logi Envato kontoga Themeforesti sisse ja kliki enda profiilil!

    2. Ava Downloads (allalaadimised) kaust!

    3. Kliki DownloadInstallable WordPress file only!

    Ühtlasi lae alla ka litsentsi koodi/seeria numbrit sisaldav pdf/text fail! Pärast unikaalse koodi sisestamist aktiveeruvad kujundusmalli automaatsed uuendused ja tasuta kasutajatugi.

    Theme'i allalaadimine Themeforestis


    • 2. Paki zip fail WordPressis lahti

    1. Kliki WordPressis: Välimus ➜ Teemad ➜ Lae teema üles

    2. Ava: Choose File ning vali kujundusmalli zip fail!

    3. Kliki: Paigada kohe!

    Theme'i üleslaadimine WordPressis_2


    Kuidas installida tasuta kujundusmalle


    WordPressiga on vaikimisi kaasa tulnud tohutu hulk tasuta kujundusmalle. Enamus neist on kahjuks äärmiselt lihtsakoelised või siis mingid funktsioonid/elemendid pole 100% avatud (tahetakse kavalalt sulle müüa premium varianti).

    Järgnevalt demonstreerin kuidas tasuta theme’i sirvida ja seda paigaldada saab.

    • 1. Leia WordPressis rubriik “Teemad”!

    Liigu WordPressis: Välimus ➜ Teemad ➜ Lisa uus teema

    Twenty Seventeen; Sixteen jne – need on WordPressi enda loodud tasuta kujundusmallid, mis millegi erilisega just ei hiilga.

    Theme'i valimine WordPressis


    • 2. Vali sobiv kujundusmall ja kliki “Paigalda”!

    Vali teema mis sulle kõige rohkem meeldib. Vaata kindlasti eelvaadet ja loe kasutajate arvustusi. Installimiseks kliki:

    Paigalda ➜ Lülita sisse

    Theme'i paigaldamine WordPressis


    • 3. Aktiveeri soovituslikud pluginad (teate ilmumisel)!

    Mõned kodulehe põhjad võivad normaalse funtsionaalsuse tagamiseks sinult nõuda pluginate installimist. Paigalda ja lülita need sisse!

    required plugins for sydney theme


    5. SAMM

    Sisulehtede loomine



    • Kui sa soovid enda kodulehele hakata sisu (teksti, pilte või videosi) lisama, siis vajad sa alati kõigepealt sisulehte. Sisuleht on kõige alus! Nii nagu kunstnik või kirjanik vajab töötamiseks paberit, vajad sina samamoodi puhast lehte WordPressis. Siinkohal on sobilik toonitada, et lehed ja postitused on erinevad asjad.


    Sisulehtede (avaleht, kontakt jne) loomine


    Koostame kohe 5 sisulehte, et hiljem oleks menüü loomine mugav ja kiire. Kui sul pole ideid mis peaksid olema sisulehtede pealkirjad siis nimeta need harjutamise mõttes järgmiselt:

    Avaleht; Teenused; Portfolio; Blogi ja Kontakt

    Lehed ➜ Lisa uus ➜ Pealkirjaks: “Avaleht”➜ Avalda

    Wordpressi juhend


    Sisulehe mallide (template) valik


    • Enne sisulehe avaldamist on võimalik valida millise struktuurse ehitusega antud sisuleht peab olema. Kas lehel kuvatakse menüüd? Kas sidebar on paremal/vasakul või puudub üldse? Üldiselt kehtib reegel: mida võimekam on theme seda suurem valik on sisulehe struktuuride valikul!

      Default Templatesidebar on paremal
      Full widthsidebar puudub üldse

    • Selecting page template in wordpress

    3 teekonda sisulehtede ehitamisel (TÄHTIS)


    Kindlasti soovid sa kannatamatult teada kuidas teha kodulehte reaalselt?! Näiteks kuidas saab lisada erinevaid sisuelemente ning nö. “mängida” värvidega. Milline on üldse see protsess tervikuna ja kui kasutajasõbralik on kasutajalides.

    WordPress pakub meile sisulehtede ehitamiseks kolme kanalit…

    How to build pages in wordpress

    • #1 – Visuaalredaktor

    Kõik mida sa näed meenutab Office Word programmi. Visuaalredaktorit kasutataks enamasti ainult blogi postituste ja uudiste kirjutamisel.

    • #2 – Tekst

    Tekstiredaktoris konventeeritakse olemasolev sisu HTML programmeermiskeelde. Antud redaktorit kasutavad edasijõudnud sisu omanäolisemaks tegemisel. Niiviisi toimetades on võimalik hoiduda mõningate pluginate allalaadimisest (pluginatest lähemalt 6. sammus).

    • #3 – Page Builder (üldjuhul tasuline)

    Siin hakkab käima põhiline ehitusprotesess. Kodulehe tegemine on justkui mäng lego klotsidega (valmis sisuelemendid). Live preview, drag and drop. Kõik on loogiline ja lihtne! Ühed võimekamad  ja kiidetumad page builder’id on WP Bakery ja Elementor.

    Kuidas ma oma lolluse tõttu 50€ tuulde loopisin…

    Ostsin hiljuti kiiruga ise ühe ilusa ja suhteliselt kalli kujundusmalli. Hiljem selgus, et see ei sisaldanudki page builder’it. Seega olin sunnitud ostma page builder eraldi juurde. Kokku maksin $110 mis on minu hinnagul liiga palju.

    Ära sina sama viga tee! 🙂


    Avalehe määramine WordPressis


    Määra millist sisulehte kuvatakse kõigile külastajatele avalehena! WordPressis on vaikimisi avaleheks määratud blogipostituste sisuleht. Selle muutmiseks käitu järgmiselt:

    Settings ➜ Lugemine ➜ Tee linnuke: “Staatiline leht” ette ➜ Vali soovitud sisuleht ➜ Salvesta muudatused

    How to determine your front page


    Navigatsioonimenüü loomine


    • 1. Kliki WordPressis “Menüüd” peale

    Välimus ➜ Menüüd ➜ “Sisesta pealkiri” ➜ Loo menüü

    • 2. Selekteeri soovitud sisulehed

    Selekteeri soovitud sisulehed mida kuvatakse menüüs. Ühtlasi tee linnuke Primary Menu ette millega ütleme, et tegemist on peamenüüga!

    How to create a menu in wordpress23

    • 3. Lohista lehed parimasse järjekorda

    Üldiselt on külastajad harjunud kui “avaleht” on menüüs esimene ja “kontakt” viimane sisuleht.

    How to create a menu in wordpress32

    • 4. Muuda menüümärgiseid (kui vajalik) ning salvesta

    Navigatsioonimärgised peavad olema lühiksed ja selged. Antud lahendus sälitab sisulehe pealkirja, kuid võimaldab menüüs kasutada teistsugust nimetust.

    Lõpetuseks kliki Salvesta menüü ning uuri kuidas menüü silmale paistab. Kohe järgmises sammus tutvustame kuidas saab menüüd disainiliselt kohendada.


    6. SAMM

    Kodulehe disainimine



    Kõiki globaalseid välimust puudutavaid muudatusi tehakse WordPressis rubriigist nimega “Kohanda” (Customize). Globaalsed muudatused tähendavad seda, et muudatused läbivad kogu veebilehte.

    Siin saad määrata näiteks läbivat kirjastiili, muuta menüü värve ja lisada logo/faviconi. Kohandamiste arvukus sõltub jällegi theme võimekusest.

    Jätke meelde: Page Builderst  saab teha lokaalseid ehk konkreetse sisulehepõhiseid muudatusi. Valikust Customize (eesti k: “kohanda”) aga globaalseid ehk kogu veebi puudutavaid muudatusi (päis, jalus, fondid, menüü jms).

    Ava: Välimus ➜ Kohanda  

    How to customize your website2


    Sidebaride ehitamine


    • Esiteks vajad sa sisulehe malli kus sidebar on sisselülitatud. Vastasel juhul sa ei näe live-preview’d. Sidebar rakenduse sisse lülitamiseks liigu: Lehed➜ Vali sisuleht ning kliki “Muuda” ➜ Mall ➜ vali “Vaikimisi Mall”

      Alles seejärel ava: Välimus➜ Customize ➜ Widgets ➜ Sidebar 

      Vasakul pool asub vidinate nimistu mis on sidebaris hetkel aktiivsed. Paremal pool asuvad vidinad mis on üldse saadaval. Vidinate lisamiseks ja eemaldamiseks lohista hiirega neid soovitud suunas!

    • How to edit sidebar

    Kui sidebar on valmis ära unusta oma tööd salvestamast!


    Logo ja faviconi lisamine


    Kui sul ei ole kedagi kes oskaks valmistada logo siis kasuta Designmantic logo generaatorit. See on kiire viis saamaks profesionaane logo! Tean inimesi kes on logo tellinud ka Fiverr portaali kaudu. Selle portaali eripära on, et kõik teenused maksavad 5 dollarit.


    • 1. Nimeta veebilehe peakiri + lühikirjeldus

      Otsimootorid indekseerivad iga sinu sõna. Anna neile infot millest su veebileht räägib! Tiitli näide: “kuidas teha kodulehte”.

       2. Lae ülesse oma logo
      Soovitan laadida üles logo PNG formaadis, mis lubab salvestada pilte ilma taustavärvita!

      3. Lae ülesse favicon

      Ruudu kujuline ikoon lehitseja aknas kuhu saab samuti lisada enda logo või mõne muu disainielemendi. 

    • How to add logo and favicon in wordpress

    Pluginad – lisarakendused sinu veebilehele


    • Pluginad on lisarakendused, mis teevad veebilehe tegemise tohutult lihtsamaks ja iga algajagi saab eputada oma kodulehel fancyde veebilahendustega. Enamasti on need kõik tasuta, kuid 100%-line funktsionaalsus avaneb peale premium variandi ostmist. Minul on ca. 20 pluginat – neist tasulisi ainult 2 tükki.

    WordPressi enda veebisaidil olev statistika väidab, et hetkel on saadaval üle 50000 plugina ja kokku on allalaadimisi toimunud üle 1,4 miljardi korra. Nii et tegemist on tohutult suure turuga.

    Kasulik teada! Vallates baastasemel keeli nimega HTML ja CSS on võimalik paljudest pluginatest mööda hiilida ja säästa raha!


    WordPressi pluginate paigaldus


    1. Vali Pluginad ➜ Lisa uus
    2. Sisesta otsingusse nt. “Contact Form 7” (populaarseim kontaktvormide loomise plugin)
    3. Kliki Paigalda koheLülita sisse
    4. WordPressi menüüsse ilmub märgis “Kontakt”


    7 kohustuslikku pluginat kodulehe tegemisel


    Siin on nimekiri väärt pluginatest mida iga WordPressi kodulehe omanik võiks kasutada.

    1. Contact Form 7
    Autor: Takayuki Miyoshi; Paigaldusi: 3+ miljonit 
    Lihnte kuid paindlik kontaktvormide loomise plugin. NB! Kontaktvormide pluginatega töötled juba isikuandmeid ning kohustud lugejatele koostama privaatsuspoliitika sisulehe!

    2. WP GDPR Compliance
    Autor: Van Ons; Paigaldusi: 90 000+ 
    Tekitab kontaktvormidele privaatsuspoliitika tingimustega nõustumise kasti. 25.05.18 jõustunud isikuandmetekaitse üldmäärus (GDPR) kohustab veebilehe omanike privaatsuspoliitika näol täpselt välja tooma kuidas lugeja isikuandmeid (alates e-mailist) töödeldakse.

    3. Yoast SEO
    Autor: Team Yoast; Paigaldusi: 3+ miljonit
    Hea abimees tehnilisel optimeerimisel. Võimaldab mugavalt muuta otsitulemustes olevaid pealkirju ja metakirjeldust (snipet). Annab personaalseid soovitusi loetavuse parandamiseks ning otsitulemustes nähtavaks saamise jaoks.

     4. Shareaholic share buttons
    Autor: Shareaholic; Paigaldusi: 100 000+
    Tekitab modernsed sotsiaameedia jagamisnupud.

    5. W3 Total Cache
    Autor: Frederick Townes; Paigaldusi: 1+ miljonit
    WordPressi kiirendamise plugin.

    6. Duplicator
    Autor: Snap Creek; Paigaldusi: 900 000+
    Võimaldab teha veebilehest varundusi ning allalaadida neid oma arvutisse.

    7. Google Analytics by MonsterInsights
    Autor: MonsterInsights; Paigaldusi: 1+ miljonit
    Loob ühenduse Google Analytics statistikaprogrammiga, millega omad ülevaadet, kui palju sinu lehte külastatakse.


    TOP 3 õppetundi kodulehe tegemisel


    1. Korraga on aktiveeritud tohutu hulk mõttetuid pluginaid!
    Mida vähem pluginaid seda väiksem tõenäosus on veebileht nö. õhku lasta. Samuti teevad nad kodulehte aeglasemaks. Kasuta ainult hädavajalike ja kvaliteetseid pluginaid!

      2. Pildid on liiga mahukad ja optimeerimata!
    Kui sa laed WordPressi pilte siis hoolitse selle eest, et see oleks mahult alla 100kb ja tiitel oleks pildi sisuga kooskõlas ja sisaldaks sinu jaoks olulist keywordi.

    3. Alustatakse tööd kujundusmalliga millega ei tulnud kaasa näidissisu!
    Näidissisu nägemisega pole sul vaja leiutama hakata kuhu miski käib ja tekstid on ilusti skaleeruvad kõikkides seadmetes. See on algaja jaoks eriti tähtis ja aitab alguses mõista kuidas sinu veeb nö. tehtud on.

    Seega rõhutan veelkord: hangi kindlasti kvaliteetne ja võimekas kujundusmall! Vastasel juhul võib kodulehe tegemine keeruliseks minna ja sa ei saa oma veebi 1 päevaga valmis.


    Sellega pole meie kodulehe tegemise õpetus kaugeltki läbi. Kui sa soovid saada palju turunduslikke nippe teemal “kuidas teha kodulehte, mis müüb” siis soovitan lugeda ka meie teisi juhendeid/artikleid. Nagu alguses sai lubatud, siis ei sisalda ka edaspidised õpetused koodi ega programmerimist.

    1. 7 nippi kodulehe avalehel mis tõstavad ettevõtte müüki!
    2. Hea koduleht ja selle 33 kohustuslikku elementi!
    3. SSL sertifikaadi paigaldamine kodulehele (tasuta)
    4. Wix koduleht – kas veebinduse “rämpstoit” (põhjalik arvustus)
    5. Kuidas internetis raha teha?


    Selle õpetuse koostas:

    Imre Saar

    Imre on kirgilik veebidisainer ja turundushuviline, kes ammutab inspiratsiooni looduses sportides. Ta on kindlal veendumusel, et kodulehe tegemine on 10 a. pärast täiesti elementaarne oskus iga inimese jaoks.

    Jagage seda tasuta õpetust!

    Me loodame siiralt, et Sa said teada kuidas teha kodulehte ning tegid seda ise. Kui see tasuta kodulehe tegemise õpetus oli sinu jaoks kasulik, siis palun jaga seda! See motiveerib meid tooma ka järgmiste lugejateni kõige värskema materjali.

    Aitäh!

    Tehke kriitikat ja esitage ettepanekuid!