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.”

“Пројекат „Дизајнирај свој посао 2“, спроводи ЦОДР „RES POLIS“,

суфинансира Министарство омладине и спорта РС.”

Projekt i implementuar nga:

...edhe nga partneret:

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

Simbole te perdorura:

Rekomandohet te lexohet/ Burim i ri

Pika te rendesishme/Info

Apps/Mjete

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

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 UI/UX P r a c t i c e s
HTML and CSS
Programe dhe metoda:
10 min prezantim te programit, dhe pyetja e pjesemarresve mbi pritshmerite e tyre.
15 min - Prezantim me praktikat më të mira UI/UX
45 min - Prezantim teorik dhe praktik (in Laptope) te praktikave më të mira UI/UX
10 min – P/P

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

LECTURE:
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.Shfaqja e lajmërimeve/artikujve pa rrëmujë dhe shmangia e pop ups, ngarkuesve etj.

Shembuj te mire: Shembuj te keqinj:

https://protonmail.com/ https://www.lingscars.com/
https://www.smashingmagazine.com/ http://www.suzannecollinsbooks.com/
https://sidebar.io/ http://art.yale.edu/ 5
http://youth-work.me/
1 Seminar #1
Prezantimi me praktikat më të mira UI/UX

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

Të 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. Siguroni kontrast të mjaftueshëm midis tekstit dhe sfondit të tij
4. Siguroni tregues të fokusit vizual për fokusin e tastierës
5. Krijoni forma të pastra dhe të lehta për t’u kuptuar
6. Shmangni krizat e identitetit të komponentit
7. Mos i lini njerëzit pezull për të gjetur gjëra

6
Seminar #2
Hyrje në HTML,CSS dhe SEO

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-
W1 UI/UX P r a c t i c e s
HTML and CSS
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.

Html 4 Html 5

HTML5 është evoluimi më i vonë i standartin që pëkufi-

zon HTML. Termi përfaqësomn 2 koncepte të ndryshme:

1 - Është version i ri i gjuhës HTML, me elemente, atribute, dhe sjellje të reja,

2 - Dhe një set më të madh teknologjish që lejojnë krijimin e
faqeve dhe aplikacioneve më të fuqishme në web. Ky set shpesh
quhet HTML & miqtë dhe për shkurt thjesht HTML5.

Entitete në HTMl janë etiketat dhe atributet.

Etiketat më të zakonshme janë : <div> <p> <h1> <span> <li> <img> <form> <table>
Atributet më të zakonshme janë : href, src, style, alt

Pse HTML5?
Semantika, magazinimi offline, aksesi i pajisjeve, multimedia, grafikat 3d

7
1 Seminar #2
Hyrje në HTML,CSS dhe SEO
UI/UX P r a c t i c e s
HTML and CSS

CSS ë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.

8
Seminar #2
Hyrje në HTML,CSS dhe SEO W1 UI/UX P r a c t i c e s
HTML and CSS
Dhe 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
9
2
HTML/CSS/SEO

10

*Live a Less Electrical Life by Hudson-Powell

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

WordPress 1
Qellimet dhe objektivat e leksionit
Ne 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.
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

LECTURE:

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

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

Ka dy mjedise kryesore ku ne mund të përdorim WordPress. Këto

janë mjedisi i zhvillimit(lokal) dhe prodhimit(server).
Ne do të fokusohemi në mjedisin lokal pasi është më i sigurt për të zhvillu-
ar, modifikuar dhe ndryshuar WordPress-in pa pasoja. Për më tepër ne mund
të punojmë në mjedisin lokal edhe në mugesë të një lidhje interneti.

Ne duhet të njëhim kërkesat e mjedisit lokal. Kërkesat janë : Apache, PHP dhe MySQL.
Ne do të përdorim MAMP pasi është një zgjidhje e thjeshtë për Windows dhe Mac os x
MAMP luan rolin e serverit në mjedisin tonë lokal.
- Shkarko MAMP
- Instalo MAMP
- Nis MAMP
- Konfiguro MAMP
Detyra e fundit për të përfunduar rregullimet e mjedisit tonë lo-
kal është krijimi i një databaze WordPress-i.
Hapat në vijim tregojnë se si të krijoni një databazë të tillë:

- Hap MAMP start page në shfetues

- SHko tek tools --> phpMyAdmin

3. Shko tek “Databases” e cila ndodhet tek “phpMyAdmin”

12
Seminar #3
Hyrje ne CMS - mjedisi dhe kërksat
e aplikacionit WordPress W2 WordPress 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/

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

WordPress 1
Qellimet dhe objektivat e leksionit: Ne do te shpjegojme se cfare esh-
te CMS dhe WordPress dhe me pas do te procedojme me instalimin e
WordPress. Me pas do te konfigurojme WordPress. Ne do te mesojme se
sit e konfigurojme WordPress dhe ta pergatisim ate per mjedis pune.

Programe dhe metoda:

10 min perseritje e leksionit te fundit.

15 min prezantim te CMS dhe WordPress.
30 min downloadimi dhe konfigurimi i WordPress.
20 min konfigurimi i WordPress.
10 min P/P.
5 min reflektime

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/

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

WORDPRESS 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, KONTAKT
Tani 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 default

2. Konfiguro permalinks të WordPress
3. Vendos orën sipas brezit kohor
4. Lejo ose ndalo regjistrimin e përdoruesve
5. Konfiguro të dhënat për komentet në WordPress
6. 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 -Indexes
15
8.Vendosni Listën e Ping të WordPress të vitit të fundit(Listën e fundit të Google)
60sec
of

PLANKs Boris Negeli

reflection&energizer expert
 W3
Seminar #5
Punimi në WordPress
Kategoritë, faqet, postimet, linqet

Qellimet dhe objektivat e leksionit: WordPress 2

Do te shpjegojme dhe tregojme shembuj prak-
tik te faqeve, postimeve, kategorive dhe linqeve.

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

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/

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.
17
3
Seminar #5
Punimi në WordPress
Kategoritë, faqet, postimet, linqet

WordPress 2

Modifikimi 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’.

Shtimi i një faqeje

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

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

WordPress 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 postimit
Postimet krijohen tek Posts > Add New

Editimi i postimit
Kur 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.
19
 BEHoLD
STUDENTSARE
BECOMN
IG
THE
TEACHERS !
20
 W4
Seminar #6
Punimi në WordPress
Menu-të dhe lundrimi

Qellimet dhe objektivat e leksionit: WordPress 3

Te mesojme te krijojme menu – lundrimi krye-
sor, menu-te fundore dhe anesore

10 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

Rekomandime:

https://codex.WordPress.org/WordPress_Menu_User_Guide

Ne mund të fillojmë të organizojmë përmbajtjen në momentin që shtohet.

Ne mund të krijojmë, editojmë dhe rreshtojmë menu-të në pan-
elin e kontrollit të WordPress tek Apparence > Menus.

Tani do të krijojmë menu-në kryesore.

Ne duhet të kemi faqe të krijuara në mënyrë që të krijojmë menu-në kryesore.
Kur jemi në skedën e menu-ve në panelin e kontrollit mund të krijojmë një menu të re,
ta emërtojmë dhe të zgjedhim opsionin Top Menu. Shtojmë faqet dhe kategoritë që
dëshirojmë në menu-në tonë dhe klikojmë në butonin Save Menu. Elementet e menu-
së mund të përmbajnë nën-elemente që do të krijojnë menu drop down të grupuara.

Në temën aktuale mund të shtojmë menu në dy vende:

- Menu Kryesore (Top Menu)

- Menu e Rrjeteve Sociale (Social Links Menu – e krijuar për rrjetet sociale)
21
4
Seminar #6
Punimi në WordPress
Menu-të dhe lundrimi

WordPress 3

Ne 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ë.

22
Seminar #7
Punimi ne WordPress
media dhe perdoruesit W4
WordPress 3

Qellimet dhe objektivat e leksionit:

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

Programe dhe metoda:

10 min perseritje mbi leksionin e fundit what we did last time.

15 min prezantim te media .
15 min shembuj praktike te ngarkimit te skedave.
10 min prezantim te hierarkise se faqes web.
15 min krijimi I nje perdoruesi te ri.
10 min menaxhimi I perdoruesit of users
10 min P/P.
5 min reflektime

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ë e panelit të kontrollit të WordPress, që përdoret për të me-
naxhuar ngarkimet e përdoruesit(imazhet, audio, video dhe file të ndryshme).
Tek menu-ja Media, ndodhen dy seksione.

Seksioni i parë - Library radhit të gjithë file-t në librarinë e media-s.

Këto file mund të editohen dhe fshihen nga libraria.
23
4
WordPress 3
Seminar #7
Punimi ne WordPress
media dhe perdoruesit

Seksioni 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.

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

Qellimet dhe objektivat e leksionit:

W5 WordPress 4
Te mesojme sit e instalojme, konfigurojme dhe
te perdorim plugins dhe widgets

5 min – perseritje mbi leksionin e fundit

15 min – prezantim te WordPress plugins dhe widgets
25 min – prezantim teorik dhe praktik (ne Lap-
top) ne WordPress per WordPress plugins
25 min - prezantim teorik dhe praktik (ne Lap-
top) ne WordPress per WordPress widgets
10 min - P/P
10 min - Reflektime

Rekomandime:
http://www.wpbeginner.com/glossary/plugin/
http://www.wpbeginner.com/category/plugins/
https://WordPress.org/plugins/
https://codex.WordPress.org/WordPress_Widgets
http://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/

Një plugin është një pjesë softweri që përmban një grup funksio-
nesh që mund të shtohen në një faqe interneti WordPress-i.
Ata mund të zgjerojnë funksionalitetin ose të shtojnë veçori/karakteristika të reja
në faqet e internetit të WordPress-it tuaj. WordPress plugins janë të shkruara në
gjuhën e programimit PHP dhe integrohen në mënyrë të përsosur me WordPress.
Si administrator i faqes, mund të instaloni/ç’instaloni plugins nga zona admin. Gjithash-
tu mund të shkarkoni dhe t’i instaloni manualisht ato duke përdorur një klient FTP.
5 Seminar #8
Punimi ne WordPress
Plugins (shtesat) and Widgets

WordPress 4

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).
Seminar #9
Punimi ne WordPress
temat, format dhe media sociale W5 WordPress 4
Qellimet dhe objektivat e leksionit: Te mesojme sit e in-
stalojme tema, format dhe mediat sociale

Programe dhe metoda:

10 min – Perseritje te leksionit te fndit

10 min – Prezantim te formave dhe mediave sociale ne WordPress
20 min – Prezantim teorik dhe praktik (ne Laptop) per temat ne WordPress
20 min - Prezantim teorik dhe praktik (ne Laptop) per format ne WordPress
20 min - Prezantim teorik dhe praktik (ne Laptop) per median sociale ne WordPress
10 min - 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.
27
5 Seminar #9
Punimi ne WordPress
temat, format dhe media sociale
WordPress 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 Gravity
3. Format Pirate
4. Format Ninja
5. Formidable Pro
6. 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ë.

28
Seminar #9
Punimi ne WordPress
temat, format dhe media sociale W5 WordPress 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 Count
2. Sassy Social Share
3. AddtoAny
4. WordPress si Amortizator
5. Simple Social Icons (Ikona te thjeshta Sociale)
6. Social Icons Widget by WPZoom
7. WordPress Social Login
8. Revive Old Post (Ripostimi i ngjarjeve të hershme)

29
6 MAMP
Seminar #10
Punimi ne WordPress
Hyrje ne WordPress SEO

Qellimet dhe objektivat e leksionit:

Te mesojme bazat mbi praktikat me te mira dhe plugins per WordPress SEO

Programe dhe metoda:

5 min – Perseritje mbi leksionin e fundit

30 min – Prezantim te WordPress SEO
30 min – Prezantim teorik dhe praktik (ne Laptop) ne WordPress per WordPress SEO
15 min - P/P
10 min - Reflektime

Rekomandime:
http://www.wpbeginner.com/WordPress-seo/
https://moz.com/blog/optimizing-your-WordPress-blog-posts
https://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-www
3. ndalimi i fjalëve
4. SSL ose jo SSL
5. Përmirësimi i titujve për SEO
6. Përmirësimi i përshkrimeve
7. Përmirësimi I pamjes
30 8. XML sitemaps
Seminar #11
Punimi ne WordPress
Mirembajtja
W6 MAMP

Qellimet dhe objektivat e leksionit:

Te mesojme mbi praktikat me te mira, plugins per mirembajtje

Programe dhe metoda:

10 min perseritje e leksionit te fundit.

30 min prezantim mbi mirembajtjen e WordPress.
30 min shembuj praltike.
5 min P/P.
15 min reflektime.

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ëmbajtja e WordPress shihet shpesh si humbje kohe dhe burimesh.

Është jashtëzakonisht e rëndësishme të mbani WordPres-
sin tuaj të përditësuar, të pastër, të sigurt dhe të shpejtë.
Mirëmbajtja e rregullt është thelbësore për një faqe web-i
të qëndrueshme dhe të shpejtë të WordPress.
Kur kemi të bëjmë me mirëmbajtjen në WordPress supozo-
jmë që ju keni akses Administratori në WordPress.

Mirëmbajtja e WordPress përfshin:

1. Forma e mirëmbajtjes
2. Backupet (Rezervat)
3. Përditësime të WordPress
4. Shënime të bllokuara
5. Mirëmbajtja dhe optimizimi i bazës së të dhënave
6. Monitorimi i shëndetit dhe sigurisë
7. Menaxhimi i përqëndruar (për rastet/faqet e shumëfishta WordPress)

31
6
Seminar #11
Punimi ne WordPress
Mirembajtja
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 WordPress
2. Plugins
3. 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.

32
Seminar #12
Punimi në WordPress
Siguria
W6 MAMP

Qellimet dhe objektivat e leksionit:

Te mesojme sigurine ne WordPress security, praktikat me te mira dhe plugins

Programe dhe metoda:

10 min perseritje e leksionit te fundit.

30 min prezantim te sigurise ne WordPress.
30 min shembuj praktik.
5 min P/P.
15 min reflektime.

Rekomandime:

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

Siguria e WordPress është një proçes që mund të bëhet në disa faza në varësi të
asaj që po mbajmë si të dhëna. Pra, ka një ndryshim midis sigurisë së blogut per-
sonal dhe faqes së internetit e-blerje me mijëra përdorues dhe të dhënat e tyre.
Siguria themelore në WordPress është e lehtë dhe rekomandohet që ta merrni me kujdes.
Siguria themelore përbëhet nga disa gjëra që ishin praktikat më të
mira kohë më parë kur nuk kishte plugins të mira për sigurinë.

1.Mos e përdorni admin si emër përdoruesi (username)

2.Përdorni fjalëkalim (password) të fortë
3.Qëndroni të përditësuar
6 Seminar #12
Punimi në WordPress
Siguria
W6 MAMP

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 .htaccess
3. Kufizoni përpjekjet e identifikimit/hyrjes
4. 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 :)

To all the things I’ve lost on you
Oh oh
Oooooo
Baby, is that lost on you?
Is that lost on you?
When you get older, plainer, saner
When you remember
all the danger
we came from?
Burning like embers, falling, tender
Long before the days of no surrender
Years ago a
nd well you know
Smoke ‘em if you got ‘em
‘Cause it’s going down
All I ever wanted was you
I’ll never get to heaven
‘Cause I don’t know how

OOoohhh-

OOoooooOo
Baby is that
lost on you
*Lost on you song by LP
go-to-favorite song of Bečej Training
 Credits:
Content of this Education Program is created with the knowledge and mentorship of :
Dimitrije Badnjarević,
me kerkimin dhe kujdesin e:
Alvi Kacmoli, Anton Brodarac, Antonio Preučil, Beris Ndreu, Dušan Stanišković, Filip Karagić,
Fisadër Mulla, Juxhin Alia, Kristina Jurić, Mihael Nikolić, Nina Božić, Sonila Selmani,
Suela Selmani, Tanja Stefanovski, Tea Kljajin and Zlata Miklja.

Nen mentorimin dhe drejtimin e Boris Negeli dhe Nikola Radman.

Kapaku i disenjuar nga Dijana Makijević
Layout-i i dizenjuar nga Jovana Dragaš

Icon design: Fonts:

PNGs taken from the Noun Project, Arial
under the Creative Commons licence: Calibri
texting by Gregor Cresnar Cat_Meow - Maxin Feld
Pencil by Landan Lloyd Fun_Crayon - Jonathan Harris
chaturanga by Minjeong Kim Loud_and_Clear - Skyhaven Fonts
plank by Minjeong Kim Stale_Marker - Maxin Feld
yoga by Minjeong Kim Red_Velvet - BLKBK Fonts
sticky notes by Giannis Choulakis Front/Back Cover fonts:
company by faisalovers DK Southside_Fizz - Hanoded
Glasses by corpus delicti Myriad Pro
Book by Vladimir Belochkin Orator Std
Marker by Darren Dutch Courier New
Mortarboard hat by Phil Smith Fotografi:
okay by Meg Clingman Backgroundi ne faqen e pare
List by Landan Lloyd marre nga: Dijana Makijević
reminder by Davo Sime Art:
Gear, settings by Danil Polshin Live a Less Electrical Life
Mouse by Focus nga Hudson-Powell
Glasses by asianson.design faqe 10
Hand Left Thumb Down by Stefan Wetterstrand
DYJII logo:
Hand Left Thumb Up by Stefan Wetterstrand
Vendosur ne kapakun e mprapmen
Colors: Tanja Mirković
Front and back cover

Page concept colors

36
Projekt i bashke-themeluar nga:

Shoqata: