program edukimitë gjitha pikat e mësipërme janë të rëndësishme, por ne do të përqëndrohemi...

program edukimi

DISCLAIMER:“Any communication or publication related to the action, made by the benefi-cieries jointly or individually in any form and using any means, shall indicate that it reflecst only on author’s view and that the Agency or Commission are not re-sponsible for any use that may be made from information it contains.”

...edhe nga partneret:

Projekt i implementuar nga:

“Пројекат „Дизајнирај свој посао 2“, спроводи ЦОДР „RES POLIS“, суфинансира Министарство омладине и спорта РС.”

Titulli i sesionit: Seminar 1Prezantimi me praktikat më të mira UI/UX ........................................page 5-6Seminar 2Hyrje në HTML,CSS dhe SEO...............................................................page 7-9Seminar 3Hyrje ne CMS - mjedisi dhe kërkesat e aplikacionit WordPress........page 11-13Seminar 4Introduction in to WordPress - basic set up and settings..................page 14-15Seminar 5Punimi në WordPress – Kategoritë, faqet, postimet, linqet..............page 17-19Seminar 6Punimi në WordPress – Menu-të dhe lundrimi................................page 21-22Seminar 7Punimi ne WordPress - media dhe perdoruesit................................page 23-24Seminar 8Punimi ne WordPress - Plugins (shtesat) and Widgets.....................page 25-26Seminar 9Punimi ne WordPress – temat, format dhe media sociale...............page 27-29Seminar 10Punimi ne WordPress– Hyrje ne WordPress SEO..................................page 30Seminar 11Punimi ne WordPress - mirembajtja...............................................page 31-32Seminar 12Punimi në WordPress – Siguria.......................................................page 33-34

Hello !

Rekomandohet te lexohet/ Burim i ri

Pika te rendesishme/Info

Apps/Mjete

Mbaj shenim

Simbole te perdorura:

5

W1Programe dhe metoda: 10 min prezantim te programit, dhe pyetja e pjesemarresve mbi pritshmerite e tyre.15 min - Prezantim me praktikat më të mira UI/UX45 min - Prezantim teorik dhe praktik (in Laptope) te praktikave më të mira UI/UX 10 min – P/P

Qellimet dhe objektivat e leksionit: Prezantimi i studenteve me cfare eshte UI/UX i mire dhe i keq, foku-simi ne eksperiencen e perdoruesit per njerez me aftesi te kufizuara

Rekomandime:

https://www.sitepoint.com/5-ways-o er-better-ux-disabled-users/

https://developer.apple.com/design/tips/

https://www.smashingmagazine.com/usability-and-user-experience/

https://medium.com/goodux-badux

Bilanci midis veçorive dhe përvojës së përdoruesit. Mos e bëni rrëmujë WordPressin me plugins dhe tema që do të ngadalësojnë funksionimin e WordPress.

Principet bazë UI / UX janë: 1. Faqe kryesore të pastër dhe të shpejtë 2. Dizenjim të thjeshtë dhe të qartë 3. Lundrim të shpejtë dhe të thjeshtë për tu kuptuar 4.Shfaqjaelajmërimeve/artikujveparrëmujëdheshmangiaepopups,ngarkuesveetj.

LECTURE:

Seminar #1 Prezantimi me praktikat më të mira UI/UX

Shembuj te mire:https://protonmail.com/https://www.smashingmagazine.com/https://sidebar.io/http://youth-work.me/

Shembuj te keqinj:https://www.lingscars.com/http://www.suzannecollinsbooks.com/http://art.yale.edu/

UI/UX P r a c t i c e s HTML and CSS

6

W1Të gjitha pikat e mësipërme janë të rëndësishme, por ne do të përqëndrohemi tek e fun-dit, sepse ndikon se kush dhe si mund të hyjnë dhe të përdorin faqen tonë WordPress. Shfaqja e përmbajtjes për përdoruesit e rregullt nuk është brainer por kur duhet ta bë-jmë atë të përdorshëm për njerëzit me aftësi të kufizuara, gjërat mund të ndërlikohen.Meqë dizenjimi dhe përmbajtja jonë ndikohen nga tema që përdorim, është e rëndësishme të zgjedhim një që mund të përdoret dhe modifikohet me lehtësi.

Aksesueshmëria u mundëson personave me aftësi të kufizuara të perceptojnë, kuptojnë, lundrojnë, bashkëveprojnë dhe kontribuojnë në web. Ne do të përshkojmë gjërat më të rëndësishme që webfaqja jonë e WordPress të jetë e aksesueshme për publikun e gjerë.

1. Aksesimi nuk është pengesë për risinë 2. Mos përdorni ngjyrën si mesazhin e vetëm vizual të përcjelljes së informacionit 3.Siguronikontrasttëmjaftueshëmmidistekstitdhesfondittëtij 4.Siguronitreguestëfokusitvizualpërfokusinetastierës 5. Krijoni forma të pastra dhe të lehta për t’u kuptuar 6.Shmangnikrizateidentitetittëkomponentit 7. Mos i lini njerëzit pezull për të gjetur gjëra


Seminar #1 Prezantimi me praktikat më të mira UI/UX

7

1. Aksesimi nuk është pengesë për risinë 2. Mos përdorni ngjyrën si mesazhin e vetëm vizual të përcjelljes së informacionit 3.Siguronikontrasttëmjaftueshëmmidistekstitdhesfondittëtij 4.Siguronitreguestëfokusitvizualpërfokusinetastierës 5. Krijoni forma të pastra dhe të lehta për t’u kuptuar 6.Shmangnikrizateidentitetittëkomponentit 7. Mos i lini njerëzit pezull për të gjetur gjëra

W1 HTML (HyperText Markup Language) është blloku bazë në ndër-timit e Web-it. Ajo përshkruan dhe përcakton përmbajtjen e një faqe-je. Teknologji të tjera përveç HTML përgjithësisht përdoren për të përsh-kruar aparencën/prezantimin(CSS) ose funksionalitetin (JavaScript) “Hyper Text” i referohet linkeve që lidhin faqet e web-it me njëra-tjetrën, qoftë brenda një faqeje ose midis faqesh të ndryshme webi. Duke hedhur përmbajtje në internet dhe duke e lidhur më faqet e krijuara nga njerëz të tjerë, ju bëheni një pjesëmarrës aktiv në World Wide Web. Shumica e aplikacioneve në web bëhen në HTML5 sidoqoftë ende ka aplikacione që janë bërë me HTML4. Në imazhin e mëposh-tëm mund të shihni dallimin në deklarimin e secilit lloj HTML.

HTML5 është evoluimi më i vonë i standartin që pëkufi-zon HTML. Termi përfaqësomn 2 koncepte të ndryshme:

1-ËshtëversioniriigjuhësHTML,meelemente,atribute,dhesjelljetëreja,2-Dhenjësetmëtëmadhteknologjishqëlejojnëkrijiminefaqevedheaplikacionevemëtëfuqishmenëweb.KysetshpeshquhetHTML&miqtëdhepërshkurtthjeshtHTML5.

EntitetenëHTMljanëetiketatdheatributet.Etiketatmëtëzakonshmejanë:<div> <p> <h1> <span> <li> <img> <form> <table>Atributetmëtëzakonshmejanë:href,src,style,alt

PseHTML5?Semantika,magazinimioffline,aksesiipajisjeve,multimedia,grafikat3d

Html 4 Html 5

Seminar #2Hyrje në HTML,CSS dhe SEO


8

W1CSS është një gjuhë që specifikon se si dokumentat u paraqit-en përdoruesve – se si prezantohen, radhiten etj.

Një dokument zakonisht është një tekst i strukturuar duke përdorur markuplanguage – HTML është gjuha më e zakonshme, por ju do të hasni edhe gjuhë të tjera siç janë SVG ose XML.

Prezantimi i një dokumenti tek një përdorues do të thotë konvertimi i tij në formë të përdorshme nga audienca juaj. Shfletues si Firefox, Chrome apo In-ternet Explorer janë dizenjuar për paraqitjen vizuale të këtyre dokumen-tave, për shembull në një ekran kompjuteri, projektor apo printer.

Shfletuesit e Web-it ndjekin rregullat CSS me dokumentat për të ndi-kuar mënzrën se si ata paraqiten. Një rregull CSS përbëhet nga:

- Një grup vlerash të përcaktuara që përditësojnë mënyrën se si përmbajtja HTML paraqitet. Për shembull unë e dua gjerësinë e elemen-tit tim të jetë 50% e asaj të elementit prind, dhe sfondi të jetë i kuq - Një përzgjedhës, që zgjedh elementet që ju doni tu aplikoni vlerat e përditësuara. Për shembull, unë dua të aplikoj rregullat CSS tek të gjithë paragrafet në dokumentin HTML Nje set i rregullave CSS brenda nje stylesheet percakton se si duhet te duket nje faqe web-i.



9

W1Dhe kjo është ajo që shfaqet prej

CSS3 është varianti më i përdorur megjithatë në disa ras-te mund të hasim variante më të vjetra gjithashtu.

Search Engine Optimization (SEO) është procesi i ndikimit mbi dukshmërinë e një faqeje webi në rezultatet e papaguara të një motorri kërkimi - shpesh të referuara si rezultate “natzrale” “organike” ose “të fituara”. Në përgjithë-si, sa më shpejt(ose sa më i rankuar në faqen e rezultateve) të dalë një faqe në rezultatet e kërkimit, aq më tepër vizitorë do të marrë nga përdoruesit e këtij motorri kërkimi; të cilët mund më vonë të kthehen në kliente.

Ndarja më e thjeshtë në SEO është ajo e optimizimit onpage dhe offpage. Ne do të fokusohemi në optimizimin onpage pasi qëllimi ynë kryesor është të akordo-jmë sa më mirë paraqitjen e WordPressit vetë. Optimizimi Offpage është pro-movimi i website me linke, vlerësime, artikuj, media sociale që vijnë.

Parimet kryesore të optimizimit onpage janë :

* Semantikë e mirë e kodit HTML* Faqe web të kuadruara për telefona apo pajisje të tjera. * Atribute titujsh, fjalësh kyç dhe përshkrimesh



10

HTML/CSS/SEO

W2

*Live a Less Electrical Life by Hudson-Powell

11

W2Seminar #3Hyrje ne CMS - mjedisi dhe kërksat e aplikacionit WordPress

Programe dhe metoda:10 min perseritje e leksionit te fundit.15 min hyrje ne MAMP dhe cfare marrin kur e instalojme ate.30 min downloading, instalimi i MAMP.20 min konfigurimi i MAMP.10 min P/P.5 min reflektime

Qellimet dhe objektivat e leksionitNe leksionin e dyte do te fillojme me prezantimin e CMS ose sistemi i menaxhimit te permbajtjes dhe do te shpjego-jme pjesemarresve MAMP dhe si ta instalojme ate.

LECTURE:

Rekomandimehttp://webcraft.tools/3-easy-steps-for-installing-WordPress-on-your-local-machine/

WordPress1

12

WordPress 1

W2

-ShkarkoMAMP -InstaloMAMP -NisMAMP -KonfiguroMAMP

3.Shkotek“Databases”ecilandodhettek“phpMyAdmin”

Detyraefunditpërtëpërfunduarrregullimetemjedisittonëlo-kalështëkrijimiinjëdatabazeWordPress-i.Hapatnëvijimtregojnësesitëkrijoninjëdatabazëtëtillë:

-HapMAMPstartpagenëshfetues -SHkotektools-->phpMyAdmin

KadymjedisekryesorekunemundtëpërdorimWordPress.Këtojanë mjedisi i zhvillimit(lokal) dhe prodhimit(server).Nedotëfokusoheminëmjedisinlokalpasiështëmëisigurtpërtëzhvillu-ar,modifikuardhendryshuarWordPress-inpapasoja.Përmëtepërnemundtëpunojmënëmjedisinlokaledhenëmugesëtënjëlidhjeinterneti.

Neduhettënjëhimkërkesatemjedisitlokal.Kërkesatjanë:Apache,PHPdheMySQL.NedotëpërdorimMAMPpasiështënjëzgjidhjeethjeshtëpërWindowsdheMacosxMAMP luan rolin e serverit në mjedisin tonë lokal.

Seminar #3Hyrje ne CMS - mjedisi dhe kërksat e aplikacionit WordPress

13

W2WordPress 1

4. Vendosni emrin e databazës e cila do përdoret nga WordPress dhe duke kli-kuar tek lista e “Collation” zgjidhni opsionin “select utf8_unicode_ci.”

Hapi i fundit është që të klikojmë mbi butonin “Crate” dhe kështu do krijojmë databazën tonë.

Mjete dhe aplikacione:Editues teksti: (Notepad++, TextEdit, Sublime Text)Shfletues Web (Mozilla, Chrome, Edge)https://www.mamp.info/en/

Seminar #3Hyrje ne CMS - mjedisi dhe kërksat e aplikacionit WordPress

14

Rekomandime:

https://WordPress.org/download/

http://webcraft.tools/3-easy-steps-for-install-ing-WordPress-on-your-local-machine/

https://roadtoblogging.com/WordPress-ping-list-for-quick-indexing/

Programe dhe metoda:

10 min perseritje e leksionit te fundit.15minprezantimteCMSdheWordPress.30mindownloadimidhekonfigurimiiWordPress.20minkonfigurimiiWordPress.10 min P/P.5minreflektime

Qellimetdheobjektivateleksionit:Nedoteshpjegojmesecfareesh-teCMSdheWordPressdhemepasdoteprocedojmemeinstalimineWordPress.MepasdotekonfigurojmeWordPress.NedotemesojmesesitekonfigurojmeWordPressdhetapergatisimatepermjedispune.

Seminar #4Introduction in to WordPress - basic set up and settings W2

WordPress 1

15

W2WORDPRESS 1

Mjedisi ynë është gati dhe ne mund të vazhdojmë me instalimin e WordPress-it. Së pari na duhet të shkarkojmë versionin e fundit stabël të WordPress nga WordPress.org.Pas shkarkimit, mund ti nxjerrim nje kopje nga arkiva dhe ta kopjojmë në direktorinë e duhur për zhvillim lokal. Në rastin tonë, duke qënë se ne përdorim MAMP, direktoria e duhur është:C > MAMP > htdocs

Pasi mbarojmë me kopjimin, duhet të konfigurojmë Word-Press-n që të përdorë databazën që krijuam më parë.

Kujdes: Ne disa raste porti 80 mund te jete perdorur tashme ndaj do te na duhet te ndrysho-jme porten per Apache ne dicka tjeter. Ne menyre qe te ndryshojme porten per Apache ose MySQL duhet te shkojme tek settings ne MAMP dhe te ndryshojme ate qe duhet. Te njejten gje do te bejme edhe per MySQL. Sipas perzgjedhjes do te perdorim porten 80 per Apache.Ka dy menyra per tab ere kete. E para dhe me e thjeshta eshte te shko-jme tek localhost:80/WordPress/ dhe te ndjekim hapat.Menyra e dyte eshte duke modifikuar manualisht wp-config-sam-ple.php dhe kjo eshte dhe metoda qe ne do te perdorim.Në folderin e WordPress-it kemi një skedar të emëruar wp-config-sample.php. Për ta hapur dhe për ta modifikuar këtë skedar na duhet një editues Teksti.Nën DB_NAME ne do vendosim “wpproject” pasiu ky është emri i databazës tonë.Nën DB_USER ne do vendosim “root” dhe nën DB_PASSWORD do voendosim gjithashtu “root”.SHËNIM: Ky Konfigurim është për një mjedis Lokal!!!

Ne mund ta kontrollojmë tek MAMP që serverat MySQL dhe Apache funksionojnë dhe pastaj mundt të shkojmë tek url e WordPress-it tonë: localhost:8080/WordPress/Nëse çdo gjë ka shkuar mirë do kemi përballë një faqe mirëseardhjeje e cila na fton të vazhdojmë me instalimin e WordPress. Ne duhet të përfundojmë instalimin në mënyrë që të kemi akses në panelin e administrimit, në të cilin do bëjmë pjesën më të madhe të punës dhe të konfigurimit.Pasi të plotësojmë kërkesat ne mund të hyjmë në kopjen tonë të sapo instaluar të WordPress-it.Për të patur një organizim të mirë të përmbajtjes ne duhet të kemi të qartë se çfarë faqesh duam të krijojmë. Si fillim do na duhet: HOME, LAJME(blog), RRETH NESH, KONTAKTTani mund të krijojmë faqet që duam të përdorim.Duhet të modifikojmë disa parametra bazë. Së pari duhet të shkojmë tek Settings (para-metrat) dhe aty duhet të përfundojmë konfigurimin e të dhënave bazë. Pasi të për-fundojmë, duhet të klikojmë tek butoni “Save Changes” (ruaj të dhënat).

Hapi tjetër ka të bëjë me pastrimin e WordPress-it të instaluar.

1. Fshij faqet, postet, komentet default2. Konfiguro permalinks të WordPress3. Vendos orën sipas brezit kohor4. Lejo ose ndalo regjistrimin e përdoruesve5. Konfiguro të dhënat për komentet në WordPress6. Parametrat e medias në WordPress – Vendosni në të gjitha dimensio-net vlerën 0 për të ndaluar WordPress-in të krijojë kopje të ndryshme të me-dias dhe të mbushi hard drive-n tonë dhe ta ngadalsojë ngarkimin.7. Ndalo aksesimin e direktorive (masë sigurie) – duhet të konfigurojmë skedar-in e WordPress “.htaccess” duke i shtuar rreshtin: Options All -Indexes8.Vendosni Listën e Ping të WordPress të vitit të fundit(Listën e fundit të Google)


10 min perseritje e leksionit te fundit.15minprezantimteCMSdheWordPress.30mindownloadimidhekonfigurimiiWordPress.20minkonfigurimiiWordPress.10 min P/P.5minreflektime

Seminar #4Introduction in to WordPress - basic set up and settings

Boris Negeli reflection&energizer expert

PLANKs

60sec of

17

W3Seminar #5 Punimi në WordPress Kategoritë, faqet, postimet, linqet

10 min perseritje te mesimit te kaluar.15 min prezantim dhe shembuj praktik te faqeve.15 min prezantim dhe shembuj praktik te kategorive.15 min prezantim dhe shembuj praktik te postimeve.15 min prezantim dhe shembuj praktik te linqeve.10 min punim praktik.5 min P/P.5 min reflektime

Qellimet dhe objektivat e leksionit:Doteshpjegojmedhetregojmeshembujprak-tiktefaqeve,postimeve,kategorivedhelinqeve.

WordPress 2

Disa nga entitetit bazë të WordPress jannë: kategoritë, faqet, postimet, linqet

Kategoria cilësohet si taksonomi në WordPress. Përdoret për të orga-nizuar dhe grupuar përmbajtjen e faqes nëseksione të ndryshme. Katego-ria default e WordPress është “Uncategorized” (e pa Kategorizuar).

Shtimi i një Kategorie

Mund të shtojmë një kategori në WordPress në disa mënyra. Ne mund të krijojmë kat-egoritë përpara se të shtojmë një postim ose gjatë krijimit të një postimi. Ne mund të zgjedhim një kategori të krijuar më parë ose të krijojmë një kategori të re.

LECTURE:

http://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-WordPress/http://www.wpbeginner.com/glossary/page/http://www.wpbeginner.com/beginners-guide/how-to-add-a-new-post-in-WordPress-and-utilize-all-the-features/http://www.wpbeginner.com/glossary/category/

18

WordPress 2

W3Modifikimi i një Kategorie

Ne mund ta modifikojmë një kategori në WordPress duke nav-iguar tek Posts > Categories me pas duke vendosur kursorin e mausit mbi një nga kategorite, do te na shfaqet butoni edit (modifiko)

Faqja në WordPress është e ngjashme me Postimin. Disa ndry-shime kyç midis Faqes dhe Postimit janë:

- Postimet janë përmbajtje kohore, pjesë e një serie postimesh në një blog. Faqet janë statike, janë lloje dokumentesh të cilat nuk janë të lid-hura me pasqyrimin kronologjik të përmbajtjes së një blog-u- Faqet mund të kenë hierarki, që do të thotë, një faqe mund të ketë nën faqe, për shembull një faqe prind “Rrreth nesh” mund të ketë një nën faqe të ti-tulluar “Historia Jonë”. Nga ana tjetër, postimet nuk janë hierarkike.- Në mënyrë default, postimet në WordPress i ndajmë në tak-sonomi, kategori dhe tags. Faqet nuk kanë Kategori ose tags.- Faqet mund të përdorin template të krijuara posaçërisht për to. Në mënyrë default, postimet nuk mund ta përdorin këtë opsion.- Postimet e WordPress shfaqen në “RSS feeds” ndër-sa faqet janë të përjashtuara nga kjo gjë.

Nuk ka limit sesa faqe mund të krijosh në WordPress madje është e mundur të krijosh një Website vetëm me faqe pa përdorur fare postime. Edhe pse supozohet që faqet të kenë përmbajtje statike, kjo nuk do të thotë që përdoruesit nuk mund ti përditësojnë dhe mod-ifikojnë. Faqet mund të përditësohen aq shpesh sa përdoruesi do që ti përditësojë.Përdoruesit mundt të përdorin një faqe statike si faqe kryesore dhe mundet qe postimet e tre të blog-ut ti shfaqin në një faqe tjetër të blog-ut. Për të zgjedhur një faqe statike kryesore dhe një faqe tjetër ku shfaqen postimet blog përdoruesi duhet të veprojë kësh-tu, të shkojë tek: Settings > Reading dhe të modifikojë opsionin ‘Front page displays’.

Shtimiinjëfaqeje

Krijimi i një faqeje është i thjeshtë. Thjeshtë shko tek Pages (faqe) dhe kliko tek butoni “add new”

Seminar #5 Punimi në WordPress Kategoritë, faqet, postimet, linqet

19

W3WordPress 2

Krijimi i një faqeje është i thjeshtë. Thjeshtë shko tek Pag-es (faqe) dhe kliko tek butoni “add new”

Modifikimi i një faqeje

Modifikimi i një faqeje është gjithashtu i thjeshtë. Thjeshtë vendos mausin mbi faqen që do të modifikosh dhe kliko mbi butonin “edit”.

Postimet janë publikime të renditura në rend të kundërt kronologjik në faqen kryesore të blo-gut tuaj. Për shkak të rendit të kundërt kronologjik, postimet supozohet të jenë të shpeshta. Postimet më të vjetra arkivohen në bazë të muajit dhe vitit. Sa më i vjetër të bëhet postimi, aq më shumë duhet të kërkojë përdoruesi për ta gjetur atë.Postimet nxisin diskutimet. Ato kanë brenda tyre një opsion komen-timi që lejon përdoruesit të komentojnë në një temë të caktuar.

Krijimi i postimitPostimet krijohen tek Posts > Add New

Editimi i postimitKur jemi tek tab-i Posts vendosim mouse-in tek postimi qe duam të editojmë dhe klikojmë edit.

Llojet e postimeve:

Standard – Formati i parazgjedhur i postimeve.Aside – Një postim si shënim, zakonisht pa titull.Gallery – Një galeri imazhesh.Link – Një link i një faqeje tjetër.Image – Një imazh ose fotografi.Quote – Një citim.Status – Një përditësim i shkurtër status i ngjashëm me Twitter.Video – Një postim që përmban video (WordPress 3.6 dhe më vonë suportojnë ngarkimin dhe luajtjen e videove).Audio – Një file audio.Chat – Një transcript për chat-in.

Seminar #5 Punimi në WordPress Kategoritë, faqet, postimet, linqet

20

B E H o L D

STUDENTS AREBECOMING THE TEACHERS !

21

W410 min perseritje te leksionit te fundit.15 min prezantim te menuve dhe lundrimit.15 min shembuj praktik te menuve.35 min pune praktike me pjesemarresit.10 min P/P.5 min reflektime

Nemundtëfillojmëtëorganizojmëpërmbajtjennëmomentinqështohet.Nemundtëkrijojmë,editojmëdherreshtojmëmenu-tënëpan-elinekontrollittëWordPresstekApparence>Menus.

Tanidotëkrijojmëmenu-nëkryesore.Neduhettëkemifaqetëkrijuaranëmënyrëqëtëkrijojmëmenu-nëkryesore.Kurjeminëskedënemenu-venëpanelinekontrollitmundtëkrijojmënjëmenutëre,taemërtojmëdhetëzgjedhimopsioninTopMenu.Shtojmëfaqetdhekategoritëqëdëshirojmënëmenu-nëtonëdheklikojmënëbutoninSaveMenu.Elementetemenu-sëmundtëpërmbajnënën-elementeqëdotëkrijojnëmenudropdowntëgrupuara.

Nëtemënaktualemundtështojmëmenunëdyvende:

- MenuKryesore(TopMenu)- MenueRrjeteveSociale(SocialLinksMenu–ekrijuarpërrrjetetsociale)

Qellimet dhe objektivat e leksionit:Temesojmetekrijojmemenu–lundrimikrye-sor,menu-tefundoredheanesore

WordPress 3

Seminar #6Punimi në WordPress Menu-të dhe lundrimi

Rekomandime:

https://codex.WordPress.org/WordPress_Menu_User_Guide

B E H o L D

22

WordPress 3

W4Ne kemi gjithashtu në menu opsionin që të shtojmë automa-tikisht faqet të reja të nivelit të lartë (faqe prind). Nëse duam këtë gjë, thjesht klikojmë opsionin përkatës dhe kemi përfunduar.Gjithashtu mund të shtojmë links të personalizuara ose postime në menu-të tona.

Ne mundemi gjithashtu të shtojmë menu në Sidebar dhe zonat e Widgets. Kjo varet nga opsionet që na lejon theme që po përdorim aktualisht. Duhet të shkojmë tek Apparence > Widgets dhe të shtojmë elementin Custom Menu që do të shfaqet kudo që ne kemi aktive fushën e atij widget-i.Fshirja dhe editimi i menu-së është i lehtë. Thjesht zgjidhni menu-në që dëshi-roni dhe mund të editoni ose fshini disa elemente ose të gjithë menu-në.

Seminar #6Punimi në WordPress Menu-të dhe lundrimi

23

W4WordPress 3

Qellimet dhe objektivat e leksionit:

Te mesojme mbi librarine e medias ne WordPress, menaxhimi I perdoruesit ne WordPress


10minperseritjembileksioninefunditwhatwedidlasttime.15minprezantimtemedia.15minshembujpraktiketengarkimitteskedave.10minprezantimtehierarkisesefaqesweb.15 min krijimi I nje perdoruesi te ri.10 min menaxhimi I perdoruesit of users10 min P/P.5minreflektime

Rekomandime:

http://www.wpbeginner.com/glossary/media/

http://www.wpbeginner.com/beginners-guide/where-does-WordPress-store-images-on-your-site/

http://www.wpbeginner.com/beginners-guide/WordPress-user-roles-and-permissions/

https://codex.WordPress.org/Roles_and_Capabilities

http://www.wpbeginner.com/beginners-guide/Word-Press-user-roles-and-permissions/?display=wide

MediaështënjëpjesëepanelittëkontrollittëWordPress,qëpërdoretpërtëme-naxhuarngarkimetepërdoruesit(imazhet,audio,videodhefiletëndryshme).Tekmenu-jaMedia,ndodhendyseksione.

Seksioniiparë-Libraryradhittëgjithëfile-tnëlibrarinëemedia-s.Këtofilemundtëeditohendhefshihenngalibraria.

Seminar #7Punimi ne WordPress media dhe perdoruesit

24

WordPress 3

W4Seksioni i dytë është Add New, që lejon përdoruesit të ngarkojnë file. Përdoruesit mund të ngarkojnë media (imazhe, video etj.) gjatë shkrimit të një postimi ose faqeje.Megjithatë, linku Add New i lejon përdoruesit të ngarkojnë file pa i bashkëngjitur ato me postime apo faqe specifike.Të gjithë file-t e tipit media janë të ruajtura dhe organizuara në bazë të vitit dhe muajit kur janë ngarkuar në folderin e quajtur /wp-content/uploads/. Ju mund të kërkoni file-t e tipit media duke përdorur menu-ë admin të WordPress-it, por nuk ekziston mundësia për të ruajtur file-t e tipit media në foldera të caktuar.

WordPress ka të ndërtuar brenda tij një sistem të fuqishëm të menaxhimit të përdoruesit. Kjo do të thotë që ne mund të përcaktojmë se çfarë mund të bëjnë ose jo përdoruesit në faqen tonë. Përcaktimi i të drejtave të përdoruesve në faqen tonë do të thotë përcaktimi i i rolit për çdo përdorues specifik. WordPress ka pesë role përdoruesi të paracaktuara:

- Administrator- Editor- Author- Contributor- Subscriber

Meqë ne e kemi instaluar WordPres-in, ne jemi vetë Administratorë të faqes tonë. Administratori ka fuqi absolute mbi faqen e WordPress-it dhe mund të ed-itojë, shtojë, fshijë pothuajse çdo pjesë të WordPress-it (madje edhe Ad-ministratorë të tjerë). Roli i Administratorit është për pronarët e faqes ose për personat e caktuar nga pronarët për tu marrë me WordPress-in.Menaxhimi i përdoruesëve në WordPress është i lehtë. Ne mund të bejmë të mundur që përdoruesit të regjistrohen vetë ose mund t’i shtojmë duke për-dorur butonin Add New tek tab-i Users në dashboard. Kur vendosim mouse-in mbi përdoruesin tek tab-i Users kemi opsionet Edit dhe Delete.

Seminar #7Punimi ne WordPress media dhe perdoruesit

W5WordPress 4

Seminar #8Punimi ne WordPress Plugins (shtesat) and Widgets

5 min – perseritje mbi leksionin e fundit15 min – prezantim te WordPress plugins dhe widgets 25 min – prezantim teorik dhe praktik (ne Lap-top) ne WordPress per WordPress plugins25 min - prezantim teorik dhe praktik (ne Lap-top) ne WordPress per WordPress widgets 10 min - P/P10 min - Reflektime

Qellimet dhe objektivat e leksionit:Te mesojme sit e instalojme, konfigurojme dhe te perdorim plugins dhe widgets

Njëpluginështënjëpjesësoftweriqëpërmbannjëgrupfunksio-neshqëmundtështohennënjëfaqeinternetiWordPress-i.Atamundtëzgjerojnëfunksionalitetinosetështojnëveçori/karakteristikatërejanëfaqeteinternetittëWordPress-ittuaj.WordPresspluginsjanëtëshkruaranëgjuhëneprogramimitPHPdheintegrohennëmënyrëtëpërsosurmeWordPress.Siadministratorifaqes,mundtëinstaloni/ç’instalonipluginsngazonaadmin.Gjithash-tumundtëshkarkonidhet’iinstalonimanualishtatodukepërdorurnjëklientFTP.

Rekomandime:http://www.wpbeginner.com/glossary/plugin/http://www.wpbeginner.com/category/plugins/https://WordPress.org/plugins/https://codex.WordPress.org/WordPress_Widgetshttp://www.wpbeginner.com/beginners-guide/how-to-add-and-use-widgets-in-WordPress/http://www.wpbeginner.com/showcase/25-most-use-ful-WordPress-widgets-for-your-site/

Për shkak se shumica e plugins janë falas, është e rëndësishme të thek-sohet se ata zakonisht nuk vijnë me mbështetje teknike.Për këtë arsye është e rëndësishme të jeni të kujdesshëm kur zgjidhni cilët dëshi-roni të instaloni në faqen tuaj. Megjithëse ka plugins që mund të bëjnë po-thuajse çdo gjë, disa janë me cilësi shumë më të mira se të tjerët. Në mënyrë që të zgjidhni ato të duhurat, duhet t’i bëni vetes disa pyetje.

Sa kohë ka qenë që kur është përditësuar? A është në përputhje me versionin më të fundit të WordPress? A po marrin njerëzit përgjigje për pyetjet e tyre për mbështetje? Çfarë lloj vlerësimi ka?

Widgets në WordPress janë të projektuara për të shtuar veçori të reja në sidebar-et. Mund ta shohim atë me widgets e paracaktuara që marrim kur instalojmë WordPress.Widgets fillimisht u projektuan për të siguruar një mënyrë të thjeshtë dhe të le-htë për t’u përdorur për të dhënë kontrollin e projektimit dhe të strukturës së Temës WordPress tek përdoruesi, i cili tani është i disponueshëm në WordPress Themes për të përfshirë header, footer dhe kudo në projektin dhe strukturën e WordPress. Widgets nuk kërkojnë përvojë ose ekspertizë në kodim. Ato mund të shto-hen, hiqen dhe riorganizohen në panelin e kontrollit WordPress: Appearance > Widgets.Ne mund të shtojmë wdgets të reja në formën e plugins dhe ka shumë për të eksploruar dhe përdorur për çdo lloj situate.Widgets zakonisht qëndrojnë në sidebar-in e WordPress, por ato mund të qën-drojnë gjithashtu në footer si në temën tonë Twenty Seventeen (2017).

W5WordPress 4

Seminar #8Punimi ne WordPress Plugins (shtesat) and Widgets

27

W5WordPress 4

Qellimet dhe objektivat e leksionit: Te mesojme sit e in-stalojmetema,formatdhemediatsociale


10min–Perseritjeteleksionittefndit10min–PrezantimteformavedhemediavesocialeneWordPress20min–Prezantimteorikdhepraktik(neLaptop)pertematneWordPress20min-Prezantimteorikdhepraktik(neLaptop)performatneWordPress20min-Prezantimteorikdhepraktik(neLaptop)permediansocialeneWordPress10min-P/P

Rekomandime:

https://WordPress.org/themes/browse/popular/http://www.wpbeginner.com/showcase/best-free-WordPress-blog-themes/http://www.wpbeginner.com/beginners-guide/how-to-install-a-WordPress-theme/http://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-WordPress-compared/http://www.wpbeginner.com/plugins/best-social-media-plugins-for-WordPress/

Tema vendos se si WordPress-i yne do te duket dhe ndjehet. Ndaj zgjedhja e temes se duhur eshte thelbesore. Ne shumicen e rasteve temat qe merrni me WordPress ju mjaftojne por mund te provoni gjithashtu tem ate reja dhe te realizoni nje product akoma me te mire. Ka me qindra dhe mijera tem ate disponueshme online. Ka tema falas dhe me pagese. Temat falas do te jene te mjaftueshme ne shumicen e rasteve por nese ju nev-ojitet pershtatje dhe mbeshtetje ekstra kontrolloni per tema me pagese.

Instalimi i temave eshte e thjeshte ne WordPress. Ka disa menyra per ta bere kete. Menyra pare eshte e thjeshte dhe ne duhet te lundrojme te Appearance > Themes dhe klikojme butonin Add New. Pasi perfundon instalimi mund ta aktivizojme temen. Menyra e dyte eshte te ngarkojme temen nepermjet WordPress dash-board. Download-ojme temen ne kompjuterin tone dhe lindrojme tek Ap-pearance > Themes dhe klikojme butonin Upload Theme.

Seminar #9Punimi ne WordPress temat, format dhe media sociale

28

W5WordPress 4

Menyra e trete eshte duke kopjuar temen ne direktorine tone te temave por per kete na nevojitet te kemi akses FTP access ne serverin tone qe nuk eshte gjithnje e pershtatshme. WordPress nuk ka menaxhim forme jashtë kutisë. Për këtë ne kemi nevojë të instalojmë plugin i cili do të na e sigurojë. Do të hed-him një vështrim në disa plugins që njihen se punojnë mirë.

1. Format WP 2. Format Gravity3. Format Pirate4. Format Ninja5. Formidable Pro6. Forma Contact 7

Përzgjedhja se cila do të përdoret varet nga ajo që na nev-ojitet nga format në faqen tonë të WordPress.

Ne do të prezantojmë formën Pirate pasi është e le-htë për t’u përdorur dhe instaluar/vendosur set up.

Së pari ne duhet të instalojmë plugin nga skeda Plugins në panelin e kontrol-lit. Pas instalimit ne mund të vazhdojmë tek cilësimet(settings) e plugin-it tonë që mund të arrihen nga skedat Plugins ose skedat Settings në panelin e kontrollit.

Kur jemi në faqen e cilësimeve(settings) për format tona, ne mund të sho-him mënyra se si të shtojmë formën e kontaktit në faqen tonë. Ne do të përdorim metodën e kodit të shkurtër(shortcode) për të shtuar formën e kontaktit. Thjesht kopjoni dhe hidhni kodin e hskurtër në faqen e dëshiru-ar dhe ne kemi në punë një formë të këndshme kontakti. Cilësimet shtesë janë të disponueshme në skedat e tjera të formës Pirate në cilësimet e faqes.Format përdoren në një numër situatash: për abonim/nënshkrim, regjistrim, e-blerje etj.Çdo faqe interneti duhet të ketë prezencën e mediave sociale. Kjo nuk do të thotë vetëm krijimin e profileve të mediave sociale për faqen tuaj web. WordPress-i ynë duhet të jetë i lidhur dhe të komunikojmë me profilet e mediave sociale. WordPress ka mundësi të kufizuara në lidhje me mediat sociale jashtë kutisë.


29

W5WordPress 4

Kryesisht kemi opsione në temë për të shtuar linqe në profilet tona sociale. Shu-micën e kohës është e mjaftueshme, por ka gjëra të tjera që mund të bëjmë. Lidhja e mediave sociale në WordPress-in tonë gjithashtu ka ndikim të madh në SEO-n. Pra, nëse duam të kemi rezultate më të mira, duhet të shtojmë plugin e mediave sociale.

Çështja kryesore me shumicën e plugin-save të mediave sociale është performanca. Ashtu si të gjitha plugins, ata duhet të ngarkojnë burime shtesë si fletët e stilit(-style sheets), skripte etj. që mund të ngadalësojnë reagimin e faqes së internetit.

Prandaj na nevojitet një balancë mes veçorive dhe përvojës së përdoruesit. Praktika më e mirë është të përdorësh vetëm disa pro-file të mediave sociale të lidhura me WordPress.

Plugins e medias sociale ju lejojnë të shfaqni ikonat sociale në sidebar, nën ar-tikullin, para artikullit etj. Kështu që ne duhet të vendosim se si do t’i dëshi-ronim t’i shfaqim ato në faqen tonë dhe nëse plugin e ofron këtë opsion.

1. EA Share Count2. Sassy Social Share3. AddtoAny4. WordPress si Amortizator5. Simple Social Icons (Ikona te thjeshta Sociale) 6. Social Icons Widget by WPZoom7. WordPress Social Login8. Revive Old Post (Ripostimi i ngjarjeve të hershme)


30

W6 MAMP


TemesojmebazatmbipraktikatmetemiradhepluginsperWordPressSEO


5min–Perseritjembileksioninefundit30min–PrezantimteWordPressSEO30min–Prezantimteorikdhepraktik(neLaptop)neWordPressperWordPressSEO15min-P/P10min-Reflektime

Rekomandime: http://www.wpbeginner.com/WordPress-seo/https://moz.com/blog/optimizing-your-WordPress-blog-postshttps://yoast.com/WordPress-seo/

Ne ishim duke folur tashmë për përmirësimin e SEO në kapitujt fillestare. SEO është një subjekt i gjerë dhe ka shumë mjete që mund të zvogëlojnë kohën dhe përpjekjet. Ka disa plugins për SEO-n megjithatë ne do të përqëndrohemi tek plugin Yoast SEO. Ne duhet të instalojmë plugin Yoast SEO në skedën Plugins dhe aktivizojmë vetë plugin-in. Pas kësaj ne do të kemi opsione te reja në panelin ë të kontrollit.SEO është e rëndësishme për faqet statike dhe për postimet tona në blog. Ekziston një ndryshim i lehtë mes këtyre të dyve dhe ne do të përqendrohemi në postimet tona të blog-ut SEO.

SEO-t bazë të WordPress:

1. Struktura Permalink 2. www vs jo-www3. ndalimi i fjalëve4. SSL ose jo SSL5. Përmirësimi i titujve për SEO6. Përmirësimi i përshkrimeve7. Përmirësimi I pamjes 8. XML sitemaps

Seminar #10Punimi ne WordPressHyrje ne WordPress SEO

31

W6MAMP


Temesojmembipraktikatmetemira,pluginspermirembajtje


10 min perseritje e leksionit te fundit.30minprezantimmbimirembajtjeneWordPress.30minshembujpraltike.5 min P/P.15minreflektime.

Rekomandime: https://www.sitepoint.com/definitive-guide-to-WordPress-maintenance/http://www.wpbeginner.com/plugins/how-to-put-your-WordPress-site-in-maintenance-mode/https://codex.WordPress.org/WordPress_Backups

MirëmbajtjaeWordPressshihetshpeshsihumbjekohedheburimesh.ËshtëjashtëzakonishterëndësishmetëmbaniWordPres-sintuajtëpërditësuar,tëpastër,tësigurtdhetëshpejtë.Mirëmbajtjaerregulltështëthelbësorepërnjëfaqeweb-itëqëndrueshmedhetëshpejtëtëWordPress.KurkemitëbëjmëmemirëmbajtjennëWordPresssupozo-jmëqëjukeniaksesAdministratorinëWordPress.

MirëmbajtjaeWordPresspërfshin:

1. Forma e mirëmbajtjes2.Backupet(Rezervat)3.PërditësimetëWordPress4. Shënime të bllokuara5.Mirëmbajtjadheoptimizimiibazëssëtëdhënave6.Monitorimiishëndetitdhesigurisë7.Menaxhimiipërqëndruar(përrastet/faqeteshumëfishtaWordPress)

Seminar #11Punimi ne WordPress Mirembajtja

32

W6 MAMP

Forma e mirëmbajtjes duhet të përdoret sa herë që bëhen ndry-shime që mund të ndikojnë në përvojën e përdoruesit. WordPress ka formë mirëmbajtje amtare kur aplikohen përditësimet megjithatë ka plugins që mund të informojnë përdoruesit për më të mira se zgjidhja amtare.

Backupet janë shumë të rëndësishme por shpesh shpërfillen. Përdorimi i zgjidhjeve automatike për backup-e është mënyra më e mirë, pasi kursen kohë dhe para. Gjithashtu rekomandohen backup-et manuale kur keni kohë në dispozicion. Ka shumë plugins që mund ta bëjnë këtë punë, prandaj varet se për çfarë lloj backup-i kemi nevojë.

Përditësimet e WordPress-it lëshohen në kohën e duhur dhe shumi-ca e përditësimeve të nxjerra duhet të aplikohen sidomos nëse zg-jidhin çështjet e sigurisë. Përditësimet janë të disponueshme në:

1. Bërthama e WordPress2. Plugins3. Temat

Dhe kështu çdo herë që duam të përditësojmë, duhet të kontrollo-jmë nëse do të funksionojë me konfigurimin tonë aktual.Shënimet e bllokuara është diçka që kërkon vëmendjen tonë, sepse pa mirëmbajt-je mund të fillojë të ndikojë në shpejtësinë e Ëordpress-it tuaj. Mjeti më i mirë për çbllokimet është Akismet dhe është i pranishëm me instalimin e bërthamës WordPress.

Seminar #11Punimi ne WordPress Mirembajtja


TemesojmesigurineneWordPresssecurity,praktikatmetemiradheplugins


10 min perseritje e leksionit te fundit.30minprezantimtesiguriseneWordPress.30minshembujpraktik.5 min P/P.15minreflektime.

Rekomandime:

https://yoast.com/WordPress-security/https://codex.WordPress.org/Hardening_WordPresshttp://www.wpbeginner.com/WordPress-security/

SiguriaeWordPressështënjëproçesqëmundtëbëhetnëdisafazanëvarësitëasajqëpombajmësitëdhëna.Pra,kanjëndryshimmidissigurisësëblogutper-sonaldhefaqessëinternetite-blerjememijërapërdoruesdhetëdhënatetyre.SiguriathemelorenëWordPressështëelehtëdherekomandohetqëtamerrnimekujdes.Siguriathemelorepërbëhetngadisagjëraqëishinpraktikatmëtëmirakohëmëparëkurnukkishtepluginstëmirapërsigurinë.

1.Mos e përdorni admin si emër përdoruesi (username)2.Përdornifjalëkalim(password)tëfortë3.Qëndronitëpërditësuar

Seminar #12Punimi në WordPressSiguria

W6MAMP

W6MAMP

Gjëra të tjera që janë gjithashtu praktikë e mirë dhe mund të bëhen janë:

1. Jepni leje përdoruesve me kujdes 2. Mbroni wp-config.php dhe .htaccess3. Kufizoni përpjekjet e identifikimit/hyrjes4. Përdorni vetëm plugins të mirënjohura të sigurisë!5. Përdorni vërtetimin Dy-Factor

Për sigurinë bazë nuk kemi nevojë për plugins, por ato na nevojiten për nivelin shtesë. Do të përmendim Sigurinë Sucuri i cili është falas. Pas instalimit dhe aktivizimit të plugin, së pari duhet të gjenerojmë çelësin API dhe më pas mund të kërkojmë në vendosjen e sigurisë në Sucuri.

Për vërtetimin Dy-Factor mund të përdorim plugin Goo-gle Authenticator ose diçka të ngjashme.

Përditësoni gjithmonë WordPress-in tuaj dhe add ons!

Google është miku juaj :)

Seminar #12Punimi në WordPressSiguria

W6MAMP

To all the things I’ve lost on youOh oh

Baby, is that lost on you?Is that lost on you?

OOoohhh-

OOoooooOo

Oooooo

Baby is that lost on you

*Lost on you song by LP go-to-favorite song of Bečej Training

When you get older, plainer, sanerWhen you remember all the danger we came from?Burning like embers, falling, tenderLong before the days of no surrenderYears ago and well you know

Smoke ‘em if you got ‘em‘Cause it’s going downAll I ever wanted was youI’ll never get to heaven‘Cause I don’t know how

36

Credits:

Icon design: Fonts:

Art:

DYJII logo:

Colors:Front and back cover

ContentofthisEducationProgramiscreatedwiththeknowledgeandmentorshipof: DimitrijeBadnjarević, me kerkimin dhe kujdesin e: AlviKacmoli,AntonBrodarac,AntonioPreučil,BerisNdreu,DušanStanišković,FilipKaragić,FisadërMulla,JuxhinAlia,KristinaJurić,MihaelNikolić,NinaBožić,SonilaSelmani,SuelaSelmani,TanjaStefanovski,TeaKljajinandZlataMiklja.

NenmentorimindhedrejtimineBorisNegelidheNikolaRadman.KapakuidisenjuarngaDijanaMakijević Layout-iidizenjuarngaJovanaDragaš

PNGstakenfromtheNoun Project,undertheCreativeCommonslicence:textingby Gregor CresnarPencilbyLandan LloydchaturangabyMinjeong Kimplank by Minjeong KimyogabyMinjeong Kim stickynotesbyGiannis Choulakiscompanyby faisaloversGlassesbycorpus delictiBook by Vladimir BelochkinMarker by Darren DutchMortarboard hat by Phil Smithokay by Meg ClingmanList by Landan Lloydreminder by Davo SimeGear,settingsbyDanil PolshinMouse by FocusGlassesbyasianson.designHandLeftThumbDownbyStefan WetterstrandHandLeftThumbUpbyStefan Wetterstrand

ArialCalibriCat_Meow-Maxin Feld Fun_Crayon-Jonathan Harris Loud_and_Clear-Skyhaven Fonts Stale_Marker-Maxin FeldRed_Velvet-BLKBK FontsFront/Back Cover fonts:DKSouthside_Fizz - HanodedMyriad ProOratorStdCourierNew

Live a Less Electrical Life ngaHudson-Powell faqe 10

VendosurnekapakunemprapmenTanja Mirković

Page concept colors

Fotografi:Backgroundinefaqeneparemarrenga:DijanaMakijević

Projekt i bashke-themeluar nga:

Shoqata:

program edukimitë gjitha pikat e mësipërme janë të rëndësishme, por ne do të përqëndrohemi...

Documents