Web dizajn i Wordpress

Naučna otkrića, edukacija, školstvo, univerziteti, fakulteti...
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#51 Re: Web dizajn i Wordpress

Post by kiligonzales »

Bice ovdje svega, udrobicu. Sad kad sam za kompom mogo bih snimiti novi tutorijal.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#52 Re: Web dizajn i Wordpress

Post by kiligonzales »

drag_gost wrote: 17/05/2021 21:29
kiligonzales wrote: 04/05/2021 02:01 14. Kako napraviti prototip web stranice - 9.dio - Vizuelni dizajn stranice

Internet je poprilicno ziva grana, a razvoj stranica grabi uvijek naprijed, kao i dizajna. Nekada je jQuery uz Bootstrap bio jedan od najpopularnijih Javascript frameworka, Less i sass od CSS frameworka, danas vec postoje mnogi drugi koji su sami po sebi daleko napredniji poput Reacta js, Vue.js, Angulara, te recimo Tailwind.css. Sve je to uvjetovano sve vecim brojem pametnih mobilnih telefona i njihovom upotrebom, kao i potrebom da se sto vise olaksa razvoj web stranica i mobilnih aplikacija.

To je uvjetovalo da se i dizajn web stranica i aplikacija, razgrana na one koji ce iskljucivo raditi user interface dizajn u kome ce se davati paznja bojama, tipografiji, dizajnu elemenata, te njihovoj prilagodbi na razlicitim uredjajima, te user expirience dizajn u kome ce teziste dizajna biti funkcionalnost i interaktivnost stranice uz teznju da se to odvija sto jednostavnije s ciljem zadrzavanja korisnika na njima sto duze.

Ako vas buni koji dizajner sta radi i sve vam ovo zvuci konfuzno, ovaj video ce vam malo pomoci u tome da razbistrite terminologiju.



Korisni linkovi o ui/ux dizajnu:
https://www.freecodecamp.org/news/ui-ux ... ype-figma/
https://uxdesign.cc/ui-ux-case-study-a- ... b5b379d7ce
Od svega sto si nabrojao, samo je Angular (Angular 2+) framework. Eto samo mala opaska, sretno, vratio si me u mladost.
Prijedlog: kada ovo sve zavrsis, posveti se Woocommerce-u.
Evo woocommercea, malo razvoja u wp i to sa oxygen biulderom. :D prava stvar :D
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#53 Re: Web dizajn i Wordpress

Post by kiligonzales »

Ajmo malo zapratiti ovo, bacite po like i follow...

https://www.facebook.com/webdizajniwordpress
https://www.instagram.com/kilikurswp/

Da malo gradimo zajednicu oko kursa. te podijelite link kursa
kilikurs.wordpress.com
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#54 Re: Web dizajn i Wordpress

Post by kiligonzales »

Odgovor na primjedbe na kurs / Razlike izmedju wordpress.com i wordpress.org stranice / Kuda dalje?



Imali smo male primjedbe na kurs. Kako nam to izgleda blog? Zašto smo krenuli baš od bloga, a ne od razvoja stranice u wordpress cms, da li znamo da wordpress.com i wordpress.org stranice nisu iste i tako dalje...

Sada sam snimio jedan video od 15 minuta, da odgovorim na primjedbe i da objasnim zašto sam krenuo od bloga, a zašto ne odmah od cms i kuda ćemo se dalje kretati kroz kurs, naravno komunikacija mi je bitna sa vama i ako imate još kakvih primjedbi, sugestija, pitanja, ne ustrucavajte se pitati...

Podijelite naše tutorijale na socijalnim mrežama, zapratite naš blog na wordpress.com platformi, lajkajte našu facebook stranicu i zapratite naš instagram profil...

Biće ovdje mnogo čega zanimljivog...

Zapratite nas:
https://kilikurs.wordpress.com/
https://www.facebook.com/webdizajniwo...
https://www.instagram.com/kilikurswp/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#55 Re: Web dizajn i Wordpress

Post by kiligonzales »

Šta smo do sada naučili na blog platformi Wordpress.com?



Pored toga što smo naučili kako kreirati blog, kako ga uređivati, kako unositi sadržaj, te kako graditi zajednicu oko njega, u ovome videu smo se podsjetili kako unjeti članke, stranicu, napraviti kategoriju za članke, te kako manipulisati menijem, isto tako kako promjeniti jezik blog platformi, te uredjivanjem korisnickog profila i kako iskoristiti sekciju tools ili alati...

Te smo se podsjetili šta čemo još da uradimo prije nego pređemo na razvoj naše prve web stranice lokalno, a to je da verifikujemo blog na trazilicama poput googla, binga, yandexa...

Zapratite naš besplatni kurs wordpressa:
https://kilikurs.wordpress.com/
https://www.facebook.com/webdizajniwo...
https://www.instagram.com/kilikurswp/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#56 Re: Web dizajn i Wordpress

Post by kiligonzales »

Kako verifikovati wordpress blog na trazilicama (google, yandex, bing, pintrest)



U ovome tutorijalu vidjecemo kako verifikovati nas blog na trazilicama, to radimo sa namjerom da naš blog bude vidljiv na trazilicama, dodajemo ga na njima, kako bi ga one sto prije indeksirale ili prepoznale...

Za takvo sto trebace nam ispocetka posjecenost kako bi ga indeksirali sto prije.

Zapratite naš besplatni kurs wordpressa:
https://kilikurs.wordpress.com/
https://www.facebook.com/webdizajniwo...
https://www.instagram.com/kilikurswp/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#57 Re: Web dizajn i Wordpress

Post by kiligonzales »

Image

SADA POCINJEMO SA UCENJEM WORDPRESS CMS KAO OPEN SOURCE PROGRAMA SOFTWAREA ZA IZRADU WEB STRANICA

Tutorijali ce biti kraci i tematski bolje razradjeni nego prethodni.

Ono sto se ticalo kreiranja bloga, upravljanja njime, te upoznavanje uopste sa kreiranjem socijalnih mreza, te pravljenje zajednice oko njega, te njegove verifikacije na trazilicama, bio je samo uvod u ono sto slijedi.

To su bile kratke osnove koje su nam trebale pokazati kako jedan cms izgleda iznutra, sta cini njegov administracijski dio, sta prezentacijski i kako pomocu njega upravljamo izgledom naseg bloga stranice i uopste sadrzajem.

Mi smo ucili kako da kreiramo blog na WordPress.com platformi jer se iz nje izrodio WordPress CMS i citava zajednica korisnika koja broji milione ljudi, te se potrudila da od 2003. do danas napravi cuda, sve vezano za razvoj WordPress CMS, vidljivo je na stranici zajednice WordPress.org, na toj stranici mozete preuzeti sve verzije WordPressa, ali i onu zadnju dostupnu, te teme i plugine koji su mnogi developeri razvili.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#58 Re: Web dizajn i Wordpress

Post by kiligonzales »

1. Kako preuzeti WordPress CMS i kako izgleda iznutra struktura njegovih fajlova i foldera?



Ako ste se pitali odakle preuzeti WordPress CMS, vidjecete da to nije uopste tesko. Odete na wordpress.org stranicu, kliknete na get wordpress, skrulate niz stranicu do mjesta za preuzimanje i preuzmete posljednju verziju WordPress CMS 5.7.2..

U videu jos mozete vidjeti kako izgleda jedan WordPress CMS kad se otpakuje i kako izgleda njegova struktura. Spomenuli smo jos koji nas se od tih foldera i fajlova ticu.

Sada polako ulazimo u razvoj web stranica pomocu ovog CMS.

Zapratite naš besplatni kurs wordpressa:
https://kilikurs.wordpress.com/
https://www.facebook.com/webdizajniwo...
https://www.instagram.com/kilikurswp/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#59 Re: Web dizajn i Wordpress

Post by kiligonzales »

2. Instalacija XAMP programa radnog okruženja za WordPress CMS na vašem racunaru



Xamp software vam imitira web server na vašem računaru lokalno, te vam omogučava da na svome računaru imate idealno radno okruženje za vaš web projekat, imitacija je apache servera, podrška je vašim projektima u PHP, te sa baznim sistemom MySQL.

Nama će koristiti za razvoj stranica u WordPress CMS lokalno, te njihovo administriranje i testiranje.

Pored ovoga postoje još i drugi softweri ove namjene poput VAMP, MAMP.

U ovome videu ćemo se upoznati sa njegovom instalacijom i strukturom.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
Last edited by kiligonzales on 20/05/2021 13:42, edited 1 time in total.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#60 Re: Web dizajn i Wordpress

Post by kiligonzales »

Za nestrpljive polaznike kursa evo dva linka od kojih cete imati fajte...
https://kilikurs.wordpress.com/odakle-poceti/
https://kilikurs.wordpress.com/korisna-literatura/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#61 Re: Web dizajn i Wordpress

Post by kiligonzales »

3. Instalacija WordPress CMS na lokalnom serveru - prvi nacin

https://youtu.be/GOmCEQbVe5k

U tutorijalu prije ovoga objasnili smo vam kako instalirati lokalno na vašem računaru software XAMP ili imitaciju apache web servera, koji je idealno radno okruženje za naš WordPress CMS, koji je baziran na php i mysql.

U ovome tutorijalu pokazujemo Vam jedan od dva načina instaliranja WordPress CMS, naravno ovaj prvi je malo manje komplikovan nego drugi.

Prvo što ćete uraditi jeste da preuzmete najnoviju verziju WordPress cms sa stranice wordpress.org, potom otpakujete ga i ubacite u folder koji se nalazi na sljedečoj putanji vašeg računara: C:\xampp\htdocs .

Drugi korak je da odete na start meni vašeg windowsa, pronađete xamp i otvorite ga, te po pojavi prozora kliknete na dugme start ova tri modula Apache, MySQL i Filezilla.

Nakon otvorite vaš chrome browser, otvorite novi tab i napišete localhost, uđete u folder wordpress.

Otvorite još jedan tab i napišite localhost/phpmyadmin/

Tu ćete kreirati bazu i ispratiti instalaciju na način vidljiv u ovome videu.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#62 Re: Web dizajn i Wordpress

Post by kiligonzales »

4. Instalacija WordPress CMS koristeci se na wp-config-simple.php fajlom



U tutorijalu prije ovoga smo objasnili osnovni način instalacije WordPressa na lokalu.

Postoji još jedan način koji vam može biti od koristi, a to je tako što čete kopirati wp-config-simple.php file, te njegovoj kopiji prepraviti ime u wp-config.php file. Taj file će te otvoriti u php te ćete unjeti podatke o vašoj bazi, korisniku, te šifri korisnika.

Pošto je na lokalnom serveru defaultni korisnik user root, šifru nemate, a ime bazi sami određujete. Način na koji ćete to uraditi je vidljiv.

Promjenama u wp-config.php file konfigurišete to jeste uvezujete WordPress CMS koji je kreiran u PHP jeziku sa bazom kreiranom u baznom sistemu MySQL. Onda se ponovo vratite u svoj chrome browser , otvorite localhost/wordpress i nastavite instalaciju dalje kao u ovome videu. Kad sve završite time je vaš cms spreman za daljnji razvoj tj. izradu web stranica. Ono što ste postigli je več jedan dinamički website kojem vi trebate urediti konačni izgled i unjeti sadržaj.

Ovaj drugi način bitniji nam je kada budemo radili na pravom web serveru, ukoliko nam se dese problemi, da mozemo vrsiti prepravke na bazi našeg sajta, te bezbolnije radili neke od izmjena na njoj.

Ako sam bio malo konfuzan u objašnjenju, slobodno me pitajte da Vam ovaj dio bolje pojasnim.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
Last edited by kiligonzales on 21/05/2021 02:33, edited 1 time in total.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#63 Re: Web dizajn i Wordpress

Post by kiligonzales »

5 Uvod u naš projekat izrade sajta u Wordpress CMS Projekat Web stranice Advokat Majić



U ovome tutorijalu bavicemo se mini istrazivanjem za naš sajt, kako pripremiti text za stranice, odakle preuzeti besplatne slike, gdje pronaći besplatne teme, gdje plačene i koliko one koštaju, gdje one koje se plačaju, ali nam je neko omogučio da ih besplatno skinemo, koja je mana crackovanih ili nullovanih tema, kao i koji će nam biti naredni koraci nakon izrade našeg web sajta za izmišljenu advokatsku kancelariju Majić i gdje ćemo ga preseliti sa našeg računara na web server sa free domenom i hostingom.

Za sva pitanja sam tu. U ovome videu sam malo bio opširan. Ali razloge čete razumjeti.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#64 Re: Web dizajn i Wordpress

Post by kiligonzales »

6. Kako instalirati WordPress temu (dva nacina)



U ovome videu cemo vidjeti oba nacina instalacije wordpress tema.
Prva tema je Neve, a druga je Airi. Postoji i treci nacin da ih pretrazujete kroz sami cms, ali za taj nacin instalacije wp teme smo vas uskratili.

Oba ce vam nacina koristiti kada budete po prvi put sami na nekom lokalnom serveru ili web serveru radili aktivaciju teme.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
Last edited by kiligonzales on 22/05/2021 15:46, edited 1 time in total.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#65 Re: Web dizajn i Wordpress

Post by kiligonzales »

7. Kako odabrati dizajn teme NEVE i importovati demo sadržaj



U ovome tutorijalu vidjećemo kako da importujemo demo sadržaj teme Neve, te kako ona izgleda, ovo je sve priprema za rad na našem sajtu.

Ova tema je besplatna pa smo je izabrali iz toga razloga, ali razlog više je što nam takva kakva jeste sigurno može koristiti za izradu jednostavnijeg sajta u Wordpressu.

Import demo sadržaja se može razlikovati od teme do teme, te zahtijevnije teme nas mogu usloviti promjenama pojedinih php fajlova, od memorije na serveru, do vremena eksekucije, do promjene PHP verzije na našem hostingu.

Kurs ide našom utvrđenom dinamikom i sigurno će vam koristiti da sve što učite učite lagano korak po korak.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#66 Re: Web dizajn i Wordpress

Post by kiligonzales »

8. Uredjivanje sajta u temi NEVE zasnovanoj na Gutenberg Editoru - prvi dio



U ovome videu vidjecete kako se rade izmjene na pocetnoj stranici.
Vidjecete da nije tesko. Naravno nesto od izmjena nismo predvidili, pa cemo ih ostaviti za kraj.

Gutenberg je od verzije 5.0 sastavni dio price WordPressa. Nekada kao plugin, a sada kao dio cms čini srž novijih verzija WordPressa.

Pomocu njega mozete da dodajete razlicite segmente web stranice koji niste mogli prije kroz klasicni editor, podugacak je spisak stvari koje nam je omogucio.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#67 Re: Web dizajn i Wordpress

Post by kiligonzales »

9. Uredjivanje sajta u temi Neve zasnovanoj na Gutenberg Editoru drugi dio



U drugom videu samo nastavljamo gdje smo stali na uredjivanju naseg sajta advokatske kancelarije Majic.

Sve ovo je lagano i vrlo brzo cete i sami moci izvoditi stranice do par linkova.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#68 Re: Web dizajn i Wordpress

Post by kiligonzales »

10. Uredjivanje sajta u temi Neve zasnovanoj na Gutebnerg Editoru - treci dio unos stranica



U ovome tutorijalu malo cemo uredjivati, kreirati i praviti unose novih stranica. Po ovome videu da ce se primjetiti slicnosti i razlike izmedju blog platforme i njenog cmsa i WordPress CMS koji je open software za izradu web stranica.

Svakako ovo je je jedan u nizu videa koji ce posluziti pri razvoju naseg sajta za advokatsku kancelariju Majic.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#69 Re: Web dizajn i Wordpress

Post by kiligonzales »

11. Uredjivanje sajta u temi Neve - 4 dio - unos clanaka i kategorija



U ovome tutorijalu koristeci WordPress CMS za izradu sajta, ucicemo kako da unesemo članke i kategorije članaka, te vidjeti kako se ponaša gutenberg editor i neve tema.

Svakako cemo sloziti jos jednu kockicu pri izradi naseg sajta za advokatsku kancelariju Majić.

Gdje možete pratiti naš kurs:
FACEBOOK: https://www.facebook.com/webdizajniwo...
INSTAGRAM: https://www.instagram.com/kilikurswp/
KLIX BA FORUM:web-dizajn-i-wo...
WEB: https://kilikurs.wordpress.com/
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#70 Re: Web dizajn i Wordpress

Post by kiligonzales »

12. Uredjivanje sajta u temi Nevi - 5 dio - instaliranje plugina, ubacivanje kontakt forme i mape



U ovome tutorijalu cemo pokazati kako da napravimo kontakt stranicu, instaliramo prvi nas plugin Contact Form 7, te kako da ubacimo Google mapu sa adresom nase kancelarije koristeci se generiranim embed kodom.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#71 Re: Web dizajn i Wordpress

Post by kiligonzales »

Ko ima google nalog, neka se pretplati na ovaj youtube kanal. Kurs izrade web stranica u WordPress CMS. Mozda se sta god i nauci sa nama.

https://www.youtube.com/channel/UClxbj0 ... IEArrZX9RQ
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#73 Re: Web dizajn i Wordpress

Post by kiligonzales »

Zarobio me posao, a cim se malo oslobodim obaveza nastavljamo dalje.
kiligonzales
Posts: 5436
Joined: 01/12/2016 10:32
Contact:

#74 Re: Web dizajn i Wordpress

Post by kiligonzales »

Dokle smo stigli
:)
ticmaaa
Posts: 64
Joined: 07/04/2011 21:14

#75 Re: Web dizajn i Wordpress

Post by ticmaaa »

bravo kiligonzales :)

Može jedno pitanje?

Koliko bi trebalo da se naplati održavanje Wp stranice koja ima 4-5podstranica i 7-8pluginova(email,feedovi instagrama i fejsa itd...)
Post Reply