Nädal 8

Küsimus: Leia ja paigalda oma lehele lisateek, mis võimaldab sul genereerida Sitemap’i (saidikaart). Tee oma lehestikust selle abil Sitemap XML fail ja lisa sellele failile link oma veebipostituses. Samuti lisa ka link kasutatud teegile. JA Kui sulle meeldivad rohkem videod, siis vaata ühte või mitut videot Google Webmaster tools youtube kanalist ja kirjuta nende kohta lühike analüüs. Videod peaksid kokku andma mõistliku pikkuse, s.t kokku rohkem kui 5 minutit. Vistuta (embed’i) valitud video/d ka oma blogipostitusse.

Kiire Google otsingu tulemusena leian endale väidetavalt parima Wordpress plugini. Google XML Sitemaps on selle nimi ning, nagu ikka, leian selle jällegi Wordpress enda kodulehelt(Wordpress). Installin selle lisades FTP kaudu wordpress > wp-content > plugins kausta ning tööle panemiseks lähen Wordpress admin paneeli ning aktiveerin plugin menüüst Google XML Sitemaps. Selle plugin settings alla minnes saab muuta erinevaid parameetreid mida siis otsingumootoritele edastatakse ning kellele neid ka edastatakse. Samuti kuvatakse mulle link kus minu sitemap index fail paikneb: http://localhost:5555/~alaria/Veebiarendus/wordpress/index.php?xml_sitemap=params=. Selle plugin kaudu on võimalik ka koheselt teavitada otsingumootoreid, et hei ma olen sellise asja loonud, mind on lihtsam leida nüüd. Huvitaval kombel Bing teavitamise tulemus on OK kuid Google oma ERROR. Ju siis Google tahab failidele rohkem ligipääsu mida greeny ei luba ning seetõttu tuleb ka selline teade. Sellega on kaetud ülesande kohustuslik osa. Nüüd liigume videode juurde.

Sai vaadatud pikka presentatsiooni selle kohta millised on mobiilidele niiöelda sõbralikud veebisaidid ning mida Google peab oluliseks selliste lehtede puhul. On olemas kolme tüüpi veebisaite mis rakenduvad mobiilidele. 1. Sama link aga erinevad HTML failid (arvutile ja mobiilile) 2. Erinevad lingid ja erinevad HTML failid 3. Dünaamiliselt muutuv leht kus on nii link kui ka HTML sama. Googlele meeldib just variant kolm kõige rohkem kuna veebiarendajad ei pea asju mitu korda tegema. Kõlab loogiliselt. Erinevatele kriteeriumitele, mis teevad mobiilse veebisaidi paremini kasutatavaks, läheneti samuti loogiliselt. Tähed peaksid olema loetava suurusega, nupud peavad olema piisavalt kaugel üksteisest, et ühele nupule vajutades ei vajutaks hoopis teist jne. Üks asi millest ma aru ei saa on see, et miks nutitelefonid Flashi ei toeta enam eriti. See oli ka üks punktidest mis välja toodi, et veebisaidid Flashi ei kasutaks. Loomulikult peab ka mobiilse veebisaidi rakendamisel järgima tavasaidi reegleid. Lingid peavad olema korrektsed, ei tohiks blokeerida vajalikke faile robots.txt kaudu ning videod peavad olema mängitavad. Videode mängitamisel tuleb just eelnevalt mainitud Flash mängu. Videos anti ka nõuandeid kuidas luua kiiremaid ja mugavamaid saite mobiilidele. Nende vihjete saamiseks võiksite ka teie videole pilgu peale visata. Miks ma üldse just sellise teema valisin sealsetest sadadest videotest? Kuna nutitelefonid on peaaegu igalühel meist, siis peavad ka veebisaidid muutuma sõbralikuks telefonidele kus on ekraanisuuruse ning mahupiirangud ees. Võtke üks veebisait oma telefonil lahti millel ei ole mobiilset lehte ning vaadake kui ebamugav seda kasutada on. Just sellepärast peavad tegelikult juba kõik lehed olema ka mobiilsed. 

Video algab reaalselt alles pihta 3 min juures

Mainitud allikad
Wordpress.org. Wordpress.org(2014). Loetud aadressil https://wordpress.org/plugins/google-sitemap-generator/

Link ülesandele

Nädal 7

Küsimus: Pead paigaldama oma sisuhaldussüsteemi uue kujunduse ja tegema lehestikus väikesed muudatused. Lisaks leia veel juurde 3 viisakat kujundusmalli. Ülesande täpsema kirjelduse ja postituse nõuded leiate esitluses.

Esimese asjana tuleks ära mainida see, et sai muudetud wp.config.php faili ning nüüd saab lehele ligi ainult tunneli kaudu. Ka kooli arvutites peab tunneli looma. Tegin seda selleks, et tagada kodus lehele ligipääs. Seega uus ligipääsu aadress on ainult http://localhost:5555/~alaria/Veebiarendus/wordpress/

Ülesande käigus sai paigaldatud uus theme mille sain Wordpressi enda lehelt kujundusmallide valikust(Wordpress). Kujundusmall ise midagi uudset looma ei hakka. Valisin pigem selle järgi et mall tundus lihtne kujunduse poolest olevat ning ka pilt millega malli reklaamiti oli meeldiv. Samuti oli see mall ka paigaldamise ajal featured kategoorias, siis sellega langesin põhimõtteliselt ka reklaami ohvriks. Juhendi järgi sai muudetud ka päis ning jalus veebisaidil ning ka lisatud pilt millele on viitamine tehtu saidil endal ning mitte siin blogi postituses. Sai natuke asja vabamalt võetud ning pühendasin veebisaidi Grumpy Cat nimelisele interneti sensatsioonile.

3 erinevat kujundusmalli

Snaps: Tundub olevat suurepärane valik oma piltide näitamiseks. Minimalistlik oma menüüdega ning põhi fookus on suurel pildi alal.(Wordpress)

Storefront: Hea valik veebipoe loomiseks. Kasutades WooCommerce pluginaid saab luua just sellise veebipoe nagu soovid. Põhimõtteliselt kui olete näinud mingi ettevõtte veebipoodi, siis selle kujundusmalliga saab luua samasuguse.(Wordpress)

Split Me: Huvitav lahendus blogimiseks. Kuvada blogi postituse kõrvale suur pilt mis võib ühe pildiga kogu postituse kokku võtta. Väga visuaalne lähenemine blogimiseks ning samuti ka väga minimalistlik lahendus kujundusmalli poolt.(Wordpress)

Mainitud allikad
Wordpress.org. Wordpress.org (2015). Loetud aadressil https://wordpress.org/themes/planet-foundation/

Wordpress.org. Wordpress.org (2015). Loetud aadressil https://wordpress.org/themes/snaps/

Wordpress.org. Wordpress.org (2015). Loetud aadressil https://wordpress.org/themes/storefront/

Wordpress.org. Wordpress.org (2014). Loetud aadressil https://wordpress.org/themes/split-me/

Link ülesandele

Nädal 6

Küsimus: Peate paigaldama valitud sisuhaldussüsteemi ning peate seda tegema nii, et ta oleks võrgust kättesaadav. Kellel pole enda veebimajutust kuskilt võtta siis julgelt võite paigaldada selle greeny.cs.tlu.ee serverisse. Peate tegema ka sissekande oma blogidesse. Nõuded leiate esitlusest. 

Sai paigaldatud Wordpress sisuhaldussüsteem Tallinna Ülikooli greeny serverisse. Paigaldusel sai kasutatud Wordpressi enda poolt pakutud handy guide mille põhjal sai ära muudetud wp-config-sample.php failinimi wp-config.php peale ning samuti sai failis lisatud andmebaasi asukoht, et wordpress saaks enda jaoks luua vajalikud tabelid.(Installing Wordpress)

Installimine võttis tõesti ainult paar klõpsu millega sai loodud admini kasutaja ning peale selle loomist olin juba admini keskkonnas ning sain hakata lehte kohandama enda vajadustega. Praeguse ülesande raames ei hakanud midagi erilist kujundama vaid muutsin värvitoone, et sait päris default poleks. 

Ekraanitõmmis

Saidile saab ligi aadressil greeny.cs.tlu.ee/~alaria/Veebiarendus/wordpress/ või kui mujalt kui kooli arvutitest soovitakse ligipääseda, siis eelnevalt seadistatud tunneli seadetega localhostis.

Samuti sai peale pandud wp-admin osale apache parool, et kui kasutaja lisab saidi lõppu wp-admin, millega talle kuvatakse admini keskonda logimise aken, siis enne selle kuvamist küsitakse niiöelda master kasutajanimi ning parool, et koodi üldse laadima hakatakse.

Kogu protsessi võtab kokku meme

Mainitud allikad
Installing Wordpress. (kuupäev puudub). Loetud aadressil http://codex.wordpress.org/Installing_WordPress

Link ülesandele