Tere veebihuviline! Kui sul on endiselt mure oma WordPress lehekülje turvalisuse pärast, siis wp-admn lehekülje peitmine tuleb kindlasti ära teha. WordPress lehekülje turvalisus on ääretult oluline, et pahatahtlikud rünnnakud ei mõjutaks sinu veebilehe toimimist. Minu eelmises juhendis (Kuidas muuta WordPress lehekülg turvalisemaks?) lisasime ja seadistasime Wordfence ja Limit Login pluginad. Seekord muudame üldse sisselogimislehe lingi ära, et pahatahtlikud seda ülesse ei leiaks ning läbi selle meie lehele ligipääsu ei hangiks. Seda aitab meil teha WPS Hide Login plugin.

Miks me tahame /wp-admin lingi ära muuta?

Iga WordPress paigaldusega luuakse automaatselt link nimega /wp-admin läbi mille pääseme lehe sisuhalduspoolele. Ka pahatahtlikud inimesed teavad seda ning nemad saavad koheselt asuda proovima erinevaid kasutajanime ja parooli kombinatsioone, et pääseda sinu leheküljele. Seda saab võrrelda näitena, kus ütleme pätile meie kodu aadressi, aga ukse võtit päris kätte ei anna. Ehk pätt saab tulla ja proovida nii palju kui soovib ilma takistamata. Aga kui me muudame aadressi ära, siis on pea võimatu leida ülesse koht, kuidas meie leheküljele sisse logida saab. Ehk sedasi vähendame oluliselt rünnakuid WordPress lehe vastu.

1. Paigaldame WPS Hide Login plugina

Paigalda WPS Hide Login nii, nagu teed seda iga teise WordPress plugina lisamisega. Peale paigaldamist aktiveeri plugin.

2. Asenda /wp-admin mõne muu lingiga

1. Vajuta plugina juures “Settings” või mine admin paneelilt SÄTTED > ÜLDINE.
2. Keri lehe alla ning sisesta väljale “Login url” uus link, läbi mille toimub sisselogimine sinu lehe sisuhaldusesse. NB! See link asendabki senise /wp-admin lingi, seega määra selleks mõni turvaline nimetus.
3. Soovi korral saab “Redirection url” väljale sisestada lehekülje, kuhu sunnatakse kasutaja, kes proovib külastada /wp-admin lehekülge. Nagu Pilt 1 kuvab minu kodulehe puhul /404 ehk lehekülge ei leitud.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli WPS Hide Login versioon 1.9.3.

The post Kuidas kaitsta WordPress lehekülge rünnakute eest appeared first on Veebmik.

Tere tere veebihuviline! Sellest juhendist õpid, kuidas oma WordPress lehekülge panna automaatselt ja tasuta varundama. Esialgu võib tunduda natukene keeruline, kuid see (kuni) 1 tunni pikkune investeering tasub ühel väga vajalikul hetkel ennast kuhjaga ära. Lisaks, saad rahuliku südamega edasi toimetada teades, et sul on alati võimalus taastada lehe algne seisu tänu varundustele. Selles juhendis kasutame Updraft Backup pluginat.

Antud juhendis kasutan oma partneri Veebimajutuse admin näidet, kuid samad seaded leiad ka Zones-t või mõne teise teenusepakkuja juurest. PS! Kui soovid 3 kuud tasuta veebimajutust, siis vajuta siia – 3 kuud tasuta veebimajutust.

1. Installi ja aktiveeri Updraft

Updraft plugina paigaldamisel toimi nii, nagu iga teise pluginaga – otsid selle ülesse, installid ja kõige lõpuks aktiveerid.

2. Lisa virtuaal FTP kasutaja

Kuna seadistame Updrafti salvestama serveris asuvasse kausta läbi FTP (loe FTP kohta lähemalt), siis peame eelnevalt kasutaja looma. Kasutaja loomiseks toimi järgnevalt:

1. Logi sisse oma teenusepakkuja iseteeninduskontole
2. Leia ülesse VIRTUAAL FTP KASUTAJAD (võib ka luua tavalise FTP kasutaja, aga siin saame määrata sobivama kasutajanime, et hiljem eristada konto otstarvet)
3. Lisa uus FTP kasutaja, näiteks “backup_sinudomeen” ja määra parool
4. Alamkataloogi kausta kirjuta “wp-content” (ilma jutumärkideta) (sedasi määrame, et kui selle kontoga sisse logida, siis kuvab talle kohe “wp-content” kausta)

3. Loo varunduse kaust

Nüüd on meil vaja luua “wp-content” kasuta uus kaust, kuhu varundamine hakkab toimuma. Selleks logige sisse eelmisel sammul loodud virtuaal FTP kasutajaga kasutades mõnda FTP programmi, näiteks Filezillat (juhend kuidas failidele ligi pääseda FileZilla abil). Või antud olukorras kiirem variant on minna kohe veebipõhiselt oma veebilehe faile muutma. Selleks toimi järgnevalt:

1. Mine menüüst FTP KASUTAJAD ja seejärel vajuta “logi WebFTP-sse” (Pilt 3)
2. Liigu avanenud vaates “htdocs” > “wp-content”
3. Vajuta alt serves “+” märgi peale ja loo uus kaust nimega “varundus” (Pilt 4)

4. Seadista Updraft

Kui oled eelnevad sammud edukalt teinud, siis antud osa on kõige lihtsam. Mine oma WordPress leheküljele ja tomi järgnevalt:

1. Mine SÄTTED > UPDRAFTPLUS BACKUPS ja vali ülevalt riba pealt “Settings”
2. Seadista endale sobivad varunduste tegemise graafik
3. Seejärel vali salvestamiseks (ing. k. Choose your remote storage) FTP
4. Täida ära:
   1. FTP server (nt veebmik.ee)
   2. FTP login (nt backup_veebmik.ee)
   3. FTP password (sinu määratud salasõna)
   4. Remote path = /varundus
5. Testi seadeid ja kui kõik on õige, siis kuvatakse sulle eduka testi teade.
6. Keri lehe lõppu ja salvesta seaded

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Updraft 1.16.56.

The post Kuidas tasuta ja automaatselt varundada WordPress lehekülge? appeared first on Veebmik.

Tere tere veebihuviline! Selles juhendis võtan teemaks WordPress lehekülje uuendamise. Tegemist on tähtsa teemaga, sest sinu lehekülje turvalisus sõltub sellest. Loodan, et selle juhendi abil saad oma veebilehel olevad punased teated ära! Siin juhendis kasutan WP Rollback ja Updraft WordPress Backup pluginaid.

1. Paigalda WP Rollback ja Updraft

Mõlemad mainitud pluginad saad paigalda tavapärasel meetodil. Ära unusta neid aktiveerimast! Kui mõtled, miks neid pluginaid vaja on, siis kohe selgitan. WP Rollback on suurepärane tööriist, kui ükskõik millise sinu WordPress lehel oleva plugina uuendusega tekkisid probleemid. Selle abil saad “aega tagasi” keerates valida varasema versiooni, mis töötas sinu lehega ilusti. Updraft aga võiks olla kasutusel ja ülesse seatud lehekülgedel, kus vajalik koopiate tegemine. Kuigi sinu serveri teenusepakkuja teeb ka ilmselt koopiaid, siis on mõistlik ka ise neid teha. Eriti, kui plaanid oma lehel suuremaid versiooniuuendusi teha.

2. Seadista Updraft ja tee varukoopia oma leheküljest

Peale Updraft sisselülitamist on võimalus “Settings” juures täpsemalt määratleda ära, kuhu varukoopiad salvestatakse. Üks variant on (mis tagab suuremat turvalisust) on teha eraldi FTP kasutaja vastavate õigustega ja määrata eraldi kaust, kuhu serveris varukoopiad salvestada. Kuid see pole kohustuslik ning Updraft “default” seade sobib ka. Ehk siis lihtsalt aktiveeri plugin ning tee kohe ka varukoopia.

Valikuline FTP seadistamine:

Updrafti puhul on vajalik eelnev seadistamine. Täpsemalt tuleb määrata ära koht, kuhu koopiad sinu leheküljest salvestatakse. Mina kasutan FTP lahendust ja teen koopiad on serverisse, aga valikus on veel palju erinevaid võimalusi koopiate asukohtade salvestamiseks. Kui oled vajalikud väljad täitnud, siis kindlasti testi seadeid. Kui kõik on korras, siis keri lehe lõppu ja salvesta seaded.

PS! Vaata täpsemalt, kuidas Updraft seadistada

3. Uuri, mis muudatusi uuendused sisaldavad ja kas see on sobilik sinu lehele

WordPress lehekülg koosneb erinevatest pluginatest ehk juppidest, mis annavad leheküljele funktsionaalsust juurde. See on WordPressi tugevus (lihtne ja mugav) ja nõrkus (palju uuendusi ja ebakõlad üksteise vahel). Seega tuleks enne plugina uuendamist tutvuda, mis järgmises versioonis uut on ning veenduda, et uus versioon on sobilik sinu hetke WordPress versiooniga.

Üldjuhul on pluginate uuendamine ohutu tegevus ning veebilehe haldaja võib seda ise teha. Mõistlik oleks enne uuendamise tegemist natukene oodata, et juhul kui avastati uuel versioonil mõni oluline puudujääk, siis järgmise uuendusega see parandatakse. Ning sa võid kohe teha nt 2.5.1 uuenduse asemel 2.5.3 uuenduse (jättes vahele probleemse uuenduse).

Oluline meeles pidada:

• Automaatseid pluginate uuendusi ei ole soovitatav sees hoida. Pluginad, mis annavad leheküljele funktsionaalsust juurde, tuleks ettevaatlikult uuendada (nt Woocommerce, MakeCommerce, Elementor jne).
  • välja arvatud pluginatel, mis mõõdavad, loevad või kaitsevad sinu veebilehekülge (nt Yoast SEO, Wordfence, Google Analytics jne).
• Enne plugina uuendamist loe, mida uuendati. Selleks vajuta “Vaata üksikasju”.

Pildil 4 on näha, et “Essential Addons for Elementor” ei ole testitud uue Elementor versiooniga 3.2.1. Seega tasuks oodata, kuni kõik pluginad suudetakse vastavusse viia uusima versiooniga.

Pildil 5 on näha, et pluginad on testitud hetkel kasutusel oleva WordPress versiooniga. Üle tasuks lugeda, mida täpsemalt uuendati/parandati, vajutades “Vaata versiooni x.x.x üksikasju”.

4. Uuenda pluginad

Kui oled veendunud uuenduste sobivuses, siis vii läbi uuendus. Sul peab eelnevalt olema tehtud leheküljest varukoopia. Kui aga plugina uuendus tekitab lehele probleeme, siis kasuta WP Rollback-i, et võtta kasutusele eelnev versioon pluginast. WP Rollback on suurepärane plugin, sest selle abil saad teha ka uuendusi versioonide kaupa. Oletame, et sul on kasutusel vananenud versioon 1.0 ja uuendust, mida pakutakse on 2.0. WP Rollback abil saad liikuda järkjärgult versioone kaupa (nt 1.1, 1.2, 1.3 …) ja samal ajal veendudes, et kõik töötab.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli WP Rollback 1.7.1 ja Updraft 1.16.56.

The post Kuidas WordPress lehekülge ohutult uuendada? appeared first on Veebmik.

Enne, kui läheme asja kallale, siin on 2 põhjust miks eelistada Ninja Formsi Contact Forms 7-le (kuigi CF7 on samuti väga hea tööriist):

1. Visuaalne vormiehitus on kõigile arusaadav ning sa ei pea liiga palju mõtlema.
2. Kõik läbi vormi tehtud päringud salvestatakse andmebaasi (CF7 vajab sellejaoks lisapluginat).

1. Paigalda Ninja Forms

Ninja Formsi saad paigaldada nagu iga teise WordPress plugina. Ära unusta seda aktiveerimast!

2. Loo endale sobilik vorm

• Mine NINJA FORMS > ADD NEW ning vali sobilik mall või alusta tühja vormiga (Blank Form).
• Antud näites valisin Quote Request malli, mida soovin kuvama hakata.
  • Välja saab muuta vajutades selle peale.
  • Juurde saab lisada väljasid paremalt alt servest “+” märgi pealt.
• Kui oled vormiga valmis, siis vajuta paremalt servast PUBLISH.

3. Seadista emaili teated

• Ava soovitud vorm ja vali ülevalt servast EMAIL & ACTIONS.
• SUCCESS MESSAGE – Seadista teade, mida kuvatakse õnnestunud vormi täitmise korral kasutajale.
• ADMIN EMAIL – siit saad muuta sulle saadetavat infot edukate päringute kohta. Ninja Formis eelis on see, et päring tuleb sulle emailile ja salvestatakse automaatselt andmebaasi.
• STORE SUBMISSION – siit saab muuta antud vormi salvestamise seadeid. Kui sa ei soovi, et kõiki väljasid salvestatakse, siis siit saad muuta.

4. Spämmi vastu lisa Google reCAPTCHA

• Registreeri oma lehekülg Google Admin Console‘s ja kopeeri võtmed.
  • Kui soovid täpsemalt teada, kuidas Google reCaptcha tarbeks võtmed saada, siis seda kajastasin eelmises juhendis kuidas muuta WordPress lehekülg turvalisemaks.
• reCAPTCHA aktiveerimiseks mine administratsioonimenüüs NINJA FORMS ja otsi ülesse reCAPTCHA sisestuse väljad.
• Kopeeri võtmed ning keelekoodiks võid sisestada “et”.
• Salvesta ja ongi kõik. Nüüd ei tule sulle spämmkirju läbi loodud vormide.

5. Lisa loodud vorm leheküljele

Nüüd, kus kõik vajalik on tehtud, saame lisada loodud vormi soovitud leheküljele kasutades lühikoodi.

• Mine administratsioonimenüüs NINJA FORMS > DASHBOARD ning kopeeri soovitud vormi lühikood (vt pilt 7).
• Ava soovitud lehekülg ja kopeeri lühikood soovitud asukohta.
  • Otsi LÜHIKOOD ja kleebi kood sinna. LÜHIKOOD bloki leiad “+” märgi pealt otsides (vt pilt 8 vasak).
  • Kui tegemist on Elementoriga loodud leheküljega, siis otsi SHORTCODE element ning kleepi kood sinna (vt pilt 8 parem). Täpsema juhendi, kuidas Elementor töötab leiad eelnevast juhendist kuidas Elementori abil WordPress lehekülgi muuta.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Ninja Forms versioon 3.4.33.

The post Kuidas lisada WordPress leheküljele kontaktivorm või muu päringuvorm? appeared first on Veebmik.

1. Paigalda Wordfence ja paranda üldist lehe turvalisust

Paigalda Wordfence nii, nagu teed seda iga WordPress plugina puhul. Mine Pluginad > Lisa uus ja otsi ülesse Wordfence. Paigalda see ja lülita sisse.

2. Wordfence seadistamine

Siin ei ole kindlat seadistuse varianti, aga toon välja seaded, mida mina alati muudan.

• Tee ära esmane tulemüüri seadistamine. Mine Wordfence > Dashboard ning ülevalt servast vali tulemüüri esmane seadistamine.
  • Laadi alla .htaccess ja .user.ini failid ning vajuta CONTINUE.
    • Kui peale tulemüüri seadistamist lehekülg toimib normaalselt, siis võid need failid ära kustutada.
  • Seejärel toimub tulemüüri seadistmaine.
• Aktiveeri automaatsed Wordfence uuenduses, sest siis ei pea sa käsitsi hakkama uuendama ning Wordfence on alati kõige värskema versiooniga.

• Seejärel seadistame Wordfence emaili teated, mis on üpris tüütud. Selleks mine Wordfence > All Options.
• Eemalda linnukesed teadete eest, mida sa saada ei soovi.
• Mina jätan peale mõningad teavitused ning muudan turvalisuse riski teavituse “Critical” peale. Sedasi saan teada ainult kõige kriitilisematest probleemidest, millele peaksin kohe tähelepanu pöörama.

3. Muuda sisselogimise leht turvalisemaks aktiveerides Google recaptcha v3

Sinu administratsioonileht on üks enim rünnatavaid lehekülgi, kus proovitakse sisse muukida erinevatel viisidel sinu lehele. Õnneks on Google Recaptcha V3 hea töörist, mis blokeerib robotid, kes sinu lehele üritavad sisse muukida. Selle funktsiooni aktiveerimiseks toimi järgnevalt:

• Esimese asjana pead sa registreerima oma lehekülje Google Admin leheküljel. Vajuta ülevalt paremalt nurgast ADMIN CONSOLE ja täida vajalikud väljad.
• Seejärel saad lehekülje võtme ja salavõtme (vt pilt 6), mille pead kopeerima Wordfence seadetesse (vt pilt 7).

• Mine Wordfence > Login Security ja märgi linnuke “Enable reCAPTCHA on the login …”

• Kui see on tehtud, siis ilmub turvalisuse märk WordPress sisselogimise lehe paremasse alla nurka.

4. Paigalda Limit Login Attempts Reloaded

Limit Login Attempts Reloaded võimaldab sul piirata, mitu korda on võimalik kasutajanime ja parooli sisestada, enne kui kasutaja blokeeritakse. See on väga tõhus erinevate robotite blokeerimiseks. Plugin paigalda nii, nagu iga teise WordPress plugna paigaldad. Ära unusta aktiveerimimast!

5. Seadista Limit Login Attempts Reloaded

• Mine Sätted > Limit Login Attempts ning seadista vastavalt enda soovidele. Pilt 10 näitab minu seadeid blokeeringutele.
• Seejärel on sinu lehekülg turvaline, ning blokeerib roboteid ja kaitseb rünnakute eest.

#Boonus: Kui soovid oma lehekülge veel turvalisemaks muuta, siis võib täitsa ära muuta WordPress sisselogimise lehekülje URL-i. Ehk kui hetkel logid sisse www.sinudomeen.ee/wp-admin.php lingilt ning kõik robotid teavad, et see on WordPress lehekülgede sisselogimise link. Siis selle muutmine aitab sind teha “nähtamatuks” robotitele. Sellelt lingilt leiab juhendi.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Wordfence versioon 7.4.14.

The post Kuidas muuta WordPress lehekülg turvalisemaks? appeared first on Veebmik.

Tere tere veebihuviline! Kui sul on vaja oma kodulehele või e-poele lisada veel üks keel, siis see juhend aitab sul seda teha. Mina kasutan ja soovitan pluginat nimega TranslatePress – Translate Multilingual sites (Goolge automaatsete tõlgete jaoks on see juhend – Kuidas WordPressi koduleht tasuta ja automaatselt mitmekeelseks teha), sest see võimaldab visuaalselt tõlkida ja lisada tõlkeid Woocommerce ostukorvi ning kassa lehele. Nii et hakkame pihta. Näitena võtan enda kodulehe, kuigi ma aktiivseks seda funktsionaalsust hetkel ei jäta (puudub vajadus teise keele järele).

1. Paigalda TranslatePress plugin

Paigalda ja lülita sisse TranslatePress, nii nagu teed seda ka teiste pluginate puhul. TranslatePress töötab ka Elementoriga ehitatud lehekülgedel!

2. Seadista TranslatePress plugin

• Mine administratsioonivaates SÄTTED > TRANSLATEPRESS ja GENERAL menüü punkt.
• Lisa teine keel.
• Seadista, kuidas keelevalikut kuvatakse (teks + lipud, ainult lipud jne).

3. Lisa keelevalik menüü ribale või endale sobivasse asukohta

• Mine andministratsioonivaates VÄLIMUS > MENÜÜD ja vali menüü, kuhu lisada keelevalik
• Keelevaliku lisamiseks vali soovitud keeled ning lisa need menüüsse.
• Kui soovid, et kuvatakse hetkel valitud keelt ning hiirega selle peale minnes saad valida teise keele, siis kasuta CURRENT LANGUAGE ning lisa sinna alla soovitud keeled. Just nagu pildil 4.
• Kui soovid keelevaliku tektitada mujale, siis selleks saad kasutada lühikoodi “[language-switcher]” (kopeeri koos kandiliste sulgudega ilma jutumärkideta ja kleebi sobivasse asukohta).

4. Tõlgete lisamine

• Mine administratsioonivaates SÄTTED > TRANSLATEPRESS ning vajuta menüüpuntile TRANSLATE SITE või mine avalehele ja vajuta ülevalt TRANSLATE PAGE
• NB! Kui sulle ei avane tõlke vaadet, siis üheks probleemi põhjustajaks võib olla plugin W3 Total Cache. Lülita see välja.

• Edasi avaneb sulle tõlke vaade, kus on paar valikut
  • 1# Näpunäide – Sa saad määrata vaatamise keele. Kui sa soovid teada, millised sõnad on veel tõlkimata, siis määra vaateks teine keel (kõige ülevalt vasakult menüüst) ning seejärel kuvatakse sulle lehekülg teises keeles. Sealt näed kohe ära, et millised sõnad/laused pole õiges keeles.
  • Kui sul on mõni lehekülg, mis vaja tõlkimiseks kasutaja sisselogimist, siis ka seda saad muuta VIEW AS juurest vasakult menüüst.
• Vali hiirega sõna või lause, mida soovid tõlkima hakata.
• Sisesta vasakul ribal vastavasse lahtrisse tõlge.
• Peale iga tõlke sisestamist tuleb vajutada SAVE TRANSLATION. Windowsi puhul saad kasutada kiirklahve CTRL + S.

5. Kui soovitud sõna ei saa tõlkida?

Kui sul tekib probleem ning soovitud sõna ei saa tõlkida (võib juhtuda Ajax kujul kuvatavate sõnadega), siis kasuta Loco Translate pluginat, et lisada sõnale tõlge (vaata juhendit – https://veebmik.ee/kuidas-tolkida-wordpress-lehekuljel-uksikuid-sonasid), ning seejärel proovi uuesti TranslatePress abil tõlkida. Nüüd peaks olema sõna tõlgitav.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli TranslatePress versioon 1.8.7.

The post Kuidas lisada WordPress leheküljele tasuta veel üks keel? appeared first on Veebmik.

1. Paigalda ja aktiveeri Elementor – Header, Footer & Blocks Template plugin

Plugina paigaldamine käib nagu ikka. Siin ka plugina WordPress lehekülg – https://wordpress.org/plugins/header-footer-elementor/.

• Mine administratsioonivaates PLUGINAD > LISA UUS ja otsi ülesse vaja minev plugin. Paigalda ja lülita sisse see.

2. Päise või jaluse loomine

• Mine administratsioonivaates VÄLIMUS > HEADER & FOOTER BLOCKS > ADD NEW
• TYPE OF TEMPLATE – Vali, kas soovid luua päist (Header), jalust (Footer) või muud valikus olevat varianti (Before footer, Custom Blocks).
• DISPLAY ON – vali, kus loodavat templiiti kuvatakse. Antud juhul loon päise ja kuvan seda kogu leheküljel.
• USER ROLES – ei ole üldjuhul oluline valik aga võimaldab kuvada templiiti erinevatele kasutajarollidele.
• ENABLE LAYOUT FOR ELEMENTOR CANVAS TEMPLATE – kui kasutad Elementor Canvast oma templiitidel, siis selle variandi kasutamine kuvab Elementor Canvasel loodud templiiti.
• Vajuta Avalda ning seejärel asume kujundama loodud templiiti.

3. Päise või jaluse kujundamine

• Vajuta EDIT WITH ELEMENTOR, et asuda kujundama
  • Kui sa ei ole tuttav Elementoriga kujundamisel, siis olen kokku pannud ülevaate Elementoriga töötamisest – Kuidas Elementori abil WordPress lehekülgi muuta?
• Sul läheb vaja järgmiseid Elemente, mis muidu ei olnud saadaval
  • SITE LOGO – võtab teemasse ülesse laetud lehekülje logo ja kuvab seda.
  • NAVIGATION MENU – võtab leheküljele lisatud menüü ning lisab selle. Valida saab elemendi seadetest, millist menüüd kuvada.
  • CART – võimaldab ostukorvi ikooni kuvada ning juhatada edasi kassasse.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Elementor – Header, Footer & Blocks versioon 1.5.3.

The post Kuidas Elementoriga luua päis ja jalus (tasuta versiooniga)? appeared first on Veebmik.

1. Paigalda Loco Translate plugin

Plugina paigaldamiseks mine oma veebilehe administratsioonivaates PLUGINAD > LISA UUS ja otsi Loco Translate. Paigalda plugin ja aktiveeri.

2. Tee kindlaks, mis vaja tõlget (kas veebilehe teema või plugin)

Minnes edasi sissejuhatuses toodud näite juurde, siis tegemist on minu kasutusel oleva teema tõlke puudusega. Kuna “Previous Post” ja “Next Post” on kasutusel oleva teema sõnad, siis tuleb mul Loco Translate abil luua teema juurde nendele sõnadele eesti keelsed tõlked.

3. Loo tõlkefail Loco Translate abil

• Mine adrministratsioonivaates LOCO TRANSLATE
• Seejärel näed kõiki teemasid ja pluginaid, mida saad tõlkida.

• Minu lehel on kasutusel teema nimega Masonry Blog, seega avan selle ning loon tõlke faili.
  • Mõnedel pluginatel ja teemadel on loodud juba tõlkefailid. Neid saad avada ja täiendada.

• Seejärel vali kodulehel kasutusel olev keel
• NB! Tõlkefaili asukohaks soovitame märkida valikust “Custom”, mis tagab selle, et tõlgitava teema (või plugina) ja Loco Translate enda uuendusega ei kao ära juba tehtud tõlked!

4. Alusta tõlkimisega

Kui sul on eelnevad sammud tehtud, siis saadki alustada tõlkimisega. Kõige lihtsam on kasutada otsingut tõlgitavale sõnale. Ning peale tõlke salvestamist peaksid juba lehel nägema uut tõlget.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Loco Translate 2.4.6.

The post Kuidas tõlkida WordPress leheküljel üksikuid sõnasid? appeared first on Veebmik.

1. Tootekategooriate sisestamine
2. Toodete sisestamine – lihtne toode
3. Toodete sisestamine – varieeruv ehk valikutega toode
4. Toodete sisestamine – rühmitatud toode

1. Tootekategooriate sisestamine

• Woocommerce võimaldab toodetele määrata kategooria/rubriigi. Selle abil saab tooteid sorteerida ja kuvada erinevatel lehtedel jne.
• Kategooria sisestamiseks mine paremalt menüüst TOOTED > KATEGOORIAD
• Täida ära vajalikud väljad.
  • PÜSIVIIDE on nimetus, mis ilmub URL ribal ehk saab olema toote lõplikuks aadressiks. Mina tavaliselt kopeerin toote nime ning see tehakse automaatselt sobivaks (nt tühikute asemel lisatakse sidekriipsud)
  • ÜLEMKATEGOORIA võimaldab tekitada hierarhiapuu, kus näiteks “Mänguasjad” on ülemakategooria ja “Autod” alamkategooria.
  • Kategooria KIRJELDUS kasutatakse, kui lehel tuuakse eraldi välja ühe kategooria vaade.
  • IKOONI on kategooriat ilmestav pilt.
• Kui midagi jääb lisamata, siis kategooria saab lisada ka otse toote lisamise vaates, aga seal ei saa kõike infot täita kategooria kohta.

2. Toodete sisestamine – lihtne toode

• Uue toote lisamiseks mine TOOTED > LISA UUS.
• NB! Siin võib nüüd olenevalt kasutusel olevast teemast olla ees vana tekstireduktor või Gutenberg plokksüsteemi kasutav reduktor. Üldpõhimõte jääb samaks ning see puudutab vaid toote kirjeldust.
• Lisa toote nimetus, kirjeldus, hind, lühikirjeldus, määra kategooria, lisa pilt ning soovi korral lisapilte galerii juurde.
• Vasakult servast saad nupust EELVAADE vaadata, kuidas toode välja näeb.

• LAOHALDUS võimaldab meil (nagu nimigi ütleb) hallata laondusega seodnuvat toote juures. Näiteks sisestada tootekood või sisestada müügil olev tootekogus.
• TARNE võimaldab seadistada tarnega seonduvat. Selleks on toote tehnilised andmed, nt kaal ja mõõdud. Lisaks saab määrata tarneklassi, mille alusel ostukorvis juba võimaldada või peita tarnevõimalusi, mis antud toote kohta käivad. Nt suuremahulisemate toodete puhul peita valikust ära pakiautomaat ning jätta alles vaid kuller.
• SEOTUD TOOTED võimaldab toodet siduda teiste e-poes olevate toodetega. ÜLESMÜÜGID kuvavad toote juures teisi tooted, mille oled märkinud. RISTIMÜÜGID kuvavad ostukorvis tooteid, mis võiksid selle toote põhjal veel külastajale meeldida.
• TÄPSEMAD SEADED võimaldab lisada spetsiifilise sõnimi, mida külastaja peale ostu sooritamist selle toote kohta saab. MENÜÜJÄRJEKORD võimaldab muuta toodete kataloogis toodete järjekorda vastavalt enda soovidele.

3. Toodete sisestamine – varieeruv ehk valikutega toode

Varieeruv toode on toode, mille puhul hind muutub vastavalt toote omadustele. Näitena toon toote “Pall”, millel on 3 erinevat võrvi ja 3 erinevat suurust. Pilt nr 4 illustreerib lõpptulemust.

• Varieeruva tootele omaduste loomiseks tuleb minna TOOTED > OMADUSED
• Pilt 5 näitab kuidas näeb välja toote omaduste sisestamine. Sama nagu kategooria puhul, aga lisaks tuleb vajutada SEADISTA TERMINID nupule, et lisada omadusele variatsioonid. Näiteks on meil omadusele SUURUS lisatud 3 variatsioon (25cm, 50cm ja 100cm).

• Nüüd vali toote tüübiks VARIEERUV TOODE
• Vali OMADUSED, et võtta kasutusele sisestatud omadused. Märgi “linnuke” kasti KASUTATAKSE VARIATSIOONIDE PUHUL.

• Edasi tuleb minna VARIATSIOONID ning kõige lihtsam on teha “Loo variatsioonid kõikidest variantidest”. Pilt 7 kuvab kõiki võimalikke variatsioone omadustest SUURUS ja VÄRV (kokku 9tk ehk 3×3).
• Võimalik on ülevalt määrata eelseadistatud (default) suurus ja värv, mis on toodet avades valitud.
• Soovi korral saab igale variatsioonile määrata eraldi pildi. Näiteks punastele pallidele punane pilt jne.
• Hind tuleb määrata igale variatsioonile. Me saame määrata suurematele pallidele kõrgema hinna, lisada allahindulusi ja muudki informatsiooni.

4. Toodete sisestamine – rühmitatud toode

Rühmitatud toode võimaldab luua tootekomplekte. See on hea võimalus luua uusi tooteid enda e-poodi ning võimaldada külastajatel lihtsasti osta komplekte. Antud näite puhul loome rühmitatud toote “Ümara palli komplekt”, kuhu kuulub pallipump ja punane pall. NB! Rühmitada saab ainult “lihtsat toodet” (ehk toodet, ilma variatsioonideta).

• Esmalt tuleb luua uus toode, mille tüübiks oleks RÜHMITATUD TOODE. Lisa kirjeldus ja täida muud vajalikud väljad.

• Seejärel mine SEOTUD TOOTED ja lisa sobivad toodet gruppi. Ja nii lihtne ongi!

1# Soovitus – kui sul on mitmekeelne veebileht, siis TranslatePress plugin võimaldab tasuta tõlkida veebilehte (sh ka Woocommerce osa). Määrata saad põhikeele ja tõlke keele.

2# Soovitus – kui soovid varieeruva toote valikutele teise disaini anda, siis Variaton Swatches for Woocommerce plugin võimaldab seda lihtsasti teha.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Woocommerce versioon 4.7.1

The post Kuidas sisestada WordPress e-poodi toodeid ja neid hallata appeared first on Veebmik.

Ülemisel pildil on näha, milline näeb välja tavapärane Elementor vaade, kui asuda lehekülge muutma või looma. Loomise hetkel avaneb sulle ilmselt täiesti tühi lehekülg, millel on päis ja jalus. Kuna elemente, mida lehele lisada on päris palju, siis ei hakka neid siin juhendis täpsemalt tutvustama (võid ise katsetada) ning keskendume põhilisele.

1. Elementide asukoha määramine
2. Elementide valik ja nende lisamine
3. Elemendi sisu muutmine
4. Vaate vahetamine arvuti ja mobiili vahel
5. Elementide disaini muutmine (vajab CSS teadmiseid)
6. Muudatuste taastamine ehk ajalugu
7. Salvestamine ja väljumine

1. Elementide asukoha määramine

• Asukoha määramiseks tuleb valida kõigepealt struktuur, milleks Elementor pakub mitmeid (täpsemalt 12) erinevat võimalust.
• Lisaks võimaldab Elementor lisada juba valmis kujundusega templiidi plokke, mis loodud Elementori meeskonna või sinu enda poolt.
• Seejärel saab “lohistada” loodud struktuuri sobivasse asukohta ning lisada struktuuri elemendid (vt järgmist sammu).

2. Elementide valik ja nende lisamine

• Elementide nimekirja nägemiseks vajuta noolega näidatud “ruudukeste” ikoonile (juhul, kui sa ei näe elementide nimekirja).
• Sul on võimalus nime järgi otsida sobivat elementi kui ei viitsi nimekirja sirvida.
• Elemendi lisamiseks struktuuri saab hiirega “lohistada” elemendi vastavasse kohta. Antud näite puhul lohistasime esimesse tulpa “pildi”, teise “teksti” ja kolmandasse “nupu” elemendi.

3. Elemendi sisu muutmine

• Vajuta elemendi peal, mida soovid muuta ning sulle avaneb vasakul servas vastav menüü.
• Antud näites on näha (vt Pilt 4) eelmisel sammul lisatud elementide sisu muutmise võimalused. Näiteks “pildi” juures (vasakpoolne) on võimalus valida suurust, joondust, pealkirja ja linki.
• Elementori suuri plusse on see, et sa näed koheselt tehtud muudatusi.

4. Vaate vahetamine arvuti ja mobiili vahel

• Vaate muutmiseks vali noolega näidatud ikoonilt soovitud vaade.
• Järnevalt kuvatakse kohe pilt, kuidas veebileht näeb vastavas seadmes välja. Nii lihtne ongi!

5. Elementide disaini muutmine (vajab CSS teadmiseid)

• Pilt 6 vasakul poolel on menüüpunkti “Style” seadistused “nupule” (ehk Pilt 3 parempoolne element).
  • Siit saame muuta nupu tüpograafiat (font, suurus jne), lisada varju ja palju muud.
• Oluline on teada, et disaini saab lisada igale vaatele eraldi. Selleks tuleb eelmises sammul kirjeldatud viisil avada soovitud vaade või vajutada vastava disaini elemendi juures olevale ikoonile (nt Padding kõrval on noolega näidatud ikooni, millisele vaatele disain kehtib).
  • NB! Kehtib alati esimesele vaatele lisatud disain. Ehk kui lisate arvuti vaates Padding väärtuseks 5, siis ka tahvli ja mobiilivaates on paddingu seadeks 5.

• Pilt 6 paremal poolel on menüüpuntki “Advance” seadistused “nupule” (ehk Pilt 3 parempoolne element).
  • Siit leab veelgi rohkem seadeid, mis puudutavad lisaks stiilile ka muud. Näiteks saab siit lisada liikumise, taustapildi (värvi või video) jne.
  • Eraldi toon välja, et “Responsive” alt on võimalik elemente peita teaitud vaates. Näiteks peita vastav element mobiilivaates, kuid jätta nähtavaks arvuti ja tahvli vaates.

6. Muudatuste taastamine ehk ajalugu

• Elementor võimaldab sessiooni käigus tehtud muudatusi kergelt taastada.
  • NB! Sessiooni käigus tähendab, et te pole vahepeal Elementorist väljunud.
• Tehtud muudatuste taastamiseks tuleb alt servast vajutada “aja keeramise” ikoonile ning sealt valida sobiv olukord, kuhu tagasi minna.

7. Salvestamine ja väljumine

• Kui oled valmis muudatused avalikuks tegema, siis vajuta alt servast rohelisele “Update” või kui tegemist täitasa uue lehega, siis “Publish” nupule.
• Elementorist väljumiseks vajuta vasakul üleval servas “kolme triibu” ikoonile ning seejärel “Exit to dashboard”.

1# Soovitus – kui kasutad Elementor tasuta versiooni, siis lisafunktsionaalsuse saavutamiseks soovitan paigaldada pluginad Essential Addons for Elementor ja Elementor – Header, Footer & Blocks Template.

Märkus: Kuna WordPress ja ka pluginad pidevalt uuenevad, siis võib sinu vaade erineda juhendis olevast. Juhendi tegemise hetkel oli Elementor versioon 3.0.13

The post Kuidas Elementori abil WordPress lehekülgi muuta? appeared first on Veebmik.