Veebiarenduse nõuded - krisr12/VeebDev GitHub Wiki

Veebiarenduse nõuded:

  • HTTPS

HTTPS sai lisatud let encrypti abil, tõestuseks lehele link.

  • Saidil on näidissisu

Saidile lisatud paar blogipostitust, näitamaks mis teemasi leht haldab:

  • Post Type

Loomaks post type-i kasutati antud õpetust: Õpetus Ja Custom Post Type UI pluginat. Antud plugina abil loodi kaks post type: Arvustused ja Üritused.

  • Saidil saab lisada kommentaare postitustele või e-poe puhul toodetele.

Selleks, et lisada postitustele kommentaare, paigaldati DISQUS plugin, mis on ka mobiilsel seadmel töötav (kuigi Wordpress võimaldab ka kohe automaatselt kommentaaride lisamine). Admini lehel pluginate alt otsides, leiab DISQUS-i vaevata üles. Seejärel tuleb lihtsalt see allalaadida ja aktiveerimise nuppu vajutada. Järgmiseks oleks vaja DISQUS lehel oma kasutaja luua, et saaks muuta kommentaaride sätteid. Sellel lehel saab ka kommentaare hallata, ehk kui valida, et kommenteerimisel, tuleb kõigepealt admin need approve-ima, siis see käib läbi DISQUS lehe. Kasutaja loomine on lihtne, nagu ikka. Tuleb ära märkida oma veebilehe aadress, ning plugin ongi valmis kasutamiseks. Wordpress pluginate alt DISQUS-ile vajutades, saab ligi selle Moderation lehele. Samuti saab ka Wordpressis plugina sätteid muuta.

  • Saidil on kontaktivorm, mis kasutab spämmitõrjeks reCAPTCHA‘t või muud alternatiivi.

Kontaktivormi loomiseks kasutati Contact Form 7 pluginat, ja spämmitõrje aktiveerimiseks kasutasin google recaptcha saiti kus pidi lehe ühendama reCAPTCHA-ga.

  • Saidile on lisatud Google Analytics või alternatiiv.

Integreerisime lehele Google Analyticsi läbi MonsterInsight pluginni. https://www.monsterinsights.com

  • Saidil on galerii (piltide vahetus töötab ka mobiilsel seadmel).

Kuna antud veebilehel ei ole põhirõhk piltidel, siis eraldi galerii selle jaoks ei olnud esmatähtis. Siiski loodi galerii kasutades pluginat NextGEN Gallery. Laadides plugin alla ilmub Wordpressi admini lehel menüüsse kõige alla eraldi Gallery valik. Saab lisada nii palju pilte kui soovid ja lisada galeriile nimi. Seejärel tuleb loodud galeriid lisada postitustele või lehtedele. Selleks ilmub postitust või lehte luues tekstiväljale iseenesest Attach Gallery nupp millel on roheline ruut ikooniks (enda katsetuse põhjal soovitan valida seda nuppu mis asub tekstiväljas, mitte seda mis on Add Media kõrval). Sealt saab valida juba valmis tehtud galerii:

  • Saidil on erilahendusena ilus ja huvitav Not Found 404 leht.

Kasutatud õpetus: https://codex.wordpress.org/Creating_an_Error_404_Page Ascii pärineb siit: https://www.ascii-code.com/ascii-art/buildings-and-places/fences.php

  • Saidil on töötav otsing.

Otsing oli wordpressi sisseehitatud ning toimiv:

  • Saidil on töötav RSS viide.

Wordpressi sisseehitatud: webdevblog.me/feed:

  • Saidil on saidikaart XML kujul (ingl sitemap).

Sitemapi loomiseks kasutati Google XML sitemap-i pluginat. Sitemap nähataval siin.

  • Saidi kujundus töötab hästi mobiilsel seadmel.

  • Saidil on lahendatud varundamine väljaspool serverit (andmebaas ja failid).

Varundamiseks kasutasime pluginat BackupGuard. Plugin loob faili mis sisaldab kogu Wordpressi andmeid. Seejärel saab antud faili salvestada omale sobivale väljundile vajutades loodud failist paremal asuvale sinisele allalaadimis nupule. Allalaadida saab kahte faili: Backup ja Backup log. Need tuleks siis kuhugi salvestada nt Dropbox vms. Kuna meie rühmal ei olnud kusagil enam lisa ruumi, et varunuds salvetsada, siis salvestasin failid enda välise kõvaketta peale.

  • FAVICON'id

Favicon varastatud siit: https://www.ardentcreative.com/wp-content/uploads/2013/06/color_web-design-icon-1.png Kasutatud plugin: Favicon by RealFaviconGenerator

  • Saidil on üles ühe lehe või selle osa ulatuses A-B testimine.

A/B testimise plugin: Nelio A/B Testing. Lehe testimiseks valiti Heatmap, kuna see tundus kõige huvitavam ja uuem. Testiti Ürituste lehte. Experiments lehelt tuleb valida loodud eksperimendi juures nuppu Start, et eksperiment tööle panna (vajalik vist ainult Heatmapi puhul). Edaspidi on näha testimise tulemusi Neli A/B Testing nupule vajutades, mis on menüüs kohe alguses. Katsetasime Nelio A/B Testingu heatmapi, kuid kahjuks ei saanud seda millegipärast tööle. Seega võtsime kasutusele Hotjari (https://www.hotjar.com) heatmapi. Protsess oli üllatavalt lihtne ja mugav. Pidi kasutaja tegema, parooli looma, domeeni sisestama ja kopeerima genereeritud koodi headerisse. Kogu protsessi saatis lihtne õpetus. Järgnev pilt näitab klikkide heatmappi.

  • Saidil on vähemalt ühe sotsiaalvõrgustiku (Twitter, Instagram, Facebook) postituste voog.

Et lehele sotsiaalvõrgustiku voog lisada, kasutati Facebook Feed WD pluginat. Otsustati lehel kasutada just Facebooki voogu, et saaks lisada DigiTechi lehe postitused lehele, kuna see sobiks väga hästi lehe sisuga kokku. Loodud voog tuleb lisada ka lehe kujunduse muutmisel Widgetite alla, et see ka lehel nähtav oleks. Siin on valitud sätted: