Zovem se Vejin Nikola a.k.a. novii. Na ovom blogu predstavljam neke poglede na Internet iz neke moje perspektive.
Kako napraviti foto galeriju na sajtu
April 6, 2023 | Posted in Wordpress | By Nikola Vejin
Jedan od korisnijih stvari na sajtovima su foto galerije. Ovo se na WordPress sajtovima može relativno lako odraditi uz pomoć pluginova, kojih ima zaista mnogo. Ukoliko želite napraviti foto galeriju sa besplatnim pluginom tu je opcija da se koristi Modula gallery plugin.
Ovaj plugin je dostupan u besplatnoj i Pro verziji, ali je za osnovne stvari basplatna verzija sasvim dovoljna. Pun naziv plugina u tom slučaju jeste Customizable WordPress Gallery Plugin – Modula Image Gallery i može da se nađe u sekciji pluginovi na WordPressovom sajtu.
Plugin za WordPress foto galeriju
Čitav postupak bi se mogao podeliti na tri koraka, od kojih je prvi preuzimanje tog plugina i njegovo instaliranje na sajtu. Sam postupak instalacije moće da se obavi na dva načina, prvi je direknto iz dela administracionog dela veb sajta koji je namenjen za rad sa pluginovima.
Drugi način jeste da se plugin preuzme sa Interneta na kompjuter, pa da se nakon toga prebaci na sajt i da se tamo aktivira.
Nakon aktiviranja plugina se u levom meniju u sklopu administratorskog dela se pojavljuje novi link “Modula”, koji nudi nekoliko dodatnih opcija od kojih je u prvom koraku zanimljiva opcija Galerije.
Pravljenje foto galerije
Kada se klikne na link Galerije otvara se strana sa prikazom trenutnih galerija, a kako je plugin tek instaliran to ej prazno. Interesantno je da ova strana ima i dva taba, gde se u klopu drugog nude neke od opcija, mada su one dostupne uglavnom u PRO Modula režimu rada.
Kreiranje nove galerije se obavlja klikom na dugme “Napravi novu” i i tu se otvara novi prozor gde treba prvu upisati naziv kategorije. Nakon toga se dodaju slike, a tu postoje dve opcije. Prva opcija jeste da se slike odaberu iz biblioteke mediskog sadržaja, druga opcija jeste da se prevuku sa kompjutera u polje koje je predviđeno za to, takozvanom metodom drag and drop.
Ispod toga se nalaze opcije za definisanje izgleda galerije, sa tim da se to podešava za svaku galeriju. Takoda svaka može da izgleda drugačije. Ovde trebate malo da testirate da bi ste videli šta od opcija najviše odgovara onome što ste zamislili. Ovde nisu opet dostupme baš sve opcije, neke se mogu koristiti samo PRO verziji.
Kompletan vodiš sa opcijama za podešavanje galerija – Tipovi galerija za Modula Gallery
Ovde trebam spomenuti kada prebacite sliek u galeriju, i kada se kursorom pređe preko slike pojavljuju se dve dodatne ikonice. Jedna od njih jeste da se slika izbriše iz galerije, dok druga otvara prozor za dodatno uređivanje slike, gde je najbitnije upisati ALT opis slike i opis slike koji se pojavljuje ispod slike u samoj galeriji.
Nakon završenih radova se klikne na dugme da se sačuva galerija, nakon čega se možemo vratiti na stranicu Galerije. Tu se može videti naziv galerije koju smo kreirali, zatim njen Shortcode i datum kada smo je kreirali. Za dalji rad nam je potrebno da iskopiramo Shortcode.
Dodavanje foto galerije na sajt
Ovde postoji više opcija, jer je bitno da se kratki kod – Shortcode ubaci na mesto gde želimo da se galerija prikaže.To može biti neki članak na sajtu, a može biti i posebna stranica.
Ja bih preporučio da se kreira posebna stranica, kao u videu što sam prikazao i da se nazove “Foto galerija” ili neko slično ime. Na taj način se može više foto galerija prikazati na jednom mestu, što je zgodno ako pratite na primer manifestacije.
Iznad i ispod Shortcoda možete dodati Tekst, a iznad bi bilo dobro da postavite i naslov sa jasnom oznakom o čemu se radi u toj galeriji.
Priprema slika za sajt
December 9, 2022 | Posted in Korisne stvari za webmastere | By Nikola Vejin
Davno je rečeno da slika govori koliko i hiljadu reči, a kad su u pitanju veb sajtovi to posebno dolazi do izražaja. Da ne ulazimo u umetničke i informativne osobine slike, nego da se pozabavimo tehničkim karakteristikama, jer one znaju napraviti problema. Međutim kroz nekoliko jednostavnih koraka, te tehničke stavke se mogu dovesti na vrednosti koje su dobre za sajt.
Kako izgleda problem sa slikama
Kada je reč o problemima koje slike mogu napraviti na sajtu, dva su najveća: prvo prevelike dimenzije slike i drugo da slika bude sa previše detalja pa se ne vidi najbolje na čemu je fokus. Ima još tu problema, sa definisanjem boja, osvetljenja ili kontrsta, ali rešavanje toga zahteva malo više znanja. Ovde ću pisati malo za ona prva dva problema koji mogu napraviti i najviše štete.
Za prvi problem je ukratko veličina, a što je direktno povezano sa dimenzijama fotografije. Nije toliko bitno da li je u pitanju stok fotografija ili ste je sami snimili sa fotoaparatom. Prevelike fotografije se predugo učitavaju posetiocima sajta, a to nije poželjno (mnogo posetioca dolazi sa mobilnima i oni vide samo malu sličicu).
Druga stavka jeste isecanje fotografije, takozvano kropovanje (crop) sa ciljem da se ukloni sve nebitno. Na taj način će posetiocima sajta biti odmah jasno na čemu je fokus na slici i u samom tekstu koji prati sliku.
Pogledajte video, u njemu sam ovu temu malo bolje prikazao.
Kako najbrže srediti slike za veb sajt
Kada je u pitanju veličina slike, ona je najčešće u direktnoj vezi sa dimenzijama slike. Ono sa čime neće biti mnogo greške je da se širina slike postavi na dimenziju 1024px. Takva slika nikako nije premala za sajt, a ja ih konkretno sve stavljam da budu širine od 650px do 900px. I takve se sasvim dobro uklapaju u tekstove na sajtovima.
Kada se fotografiše sa fotoaparatom, cilj je da se napravi što veća slika jer se na njoj tako prikazuje najviše detalja. Slično je i sa slikama sa stok sajtova, one dolaze uglavnom u velikim dimenzijama, da bi se na njima sve videlo. Međutim to baš i nije neophodno kad su u pitanju slike za veb sajtove.
Druga stavka koja omogućava da se slike smanje i da se u isto vreme popravi ono na njima prikazano jeste kropovanje (crop). To je praktično opsecanje fotografije sa ciljem da se sa nje uklone svi viškovi, a ostane ono bitno.
Kropovanjem slike za sajt se takođe može promeniti i odnos stranica, što takođe na brzinu i jednostavno može da naglasi neke elemente slike. Ovde se ne treba zadovoljiti prvim rezultatom, nego treba probati sa dve – tri različite kombinacije.
Kada se naprave izmene, prilikom čuvanja slike izmenite joj malo naslov tako da pored nje ostane i netaknut orginal. Ta izmena imena slike je dovoljna da se na kraju doda broj 1 ili 01.
Dodatni savet za fotografije na sajtu
Tu je i još jedna dodatna mogućnost kada ste spremili sliku, treba joj dati ime u skladu sa onim što se na njoj nalazi i sa samim tekstom gde se smešta. Obično su slike sa nekim generičkim nazivima, što je posebno izraženo ukoliko su direktno sa fotoaparata.
Greška bi bila dodati slike koje kao naziv imaju img-625678 ili neke opcije koje čine samo nasumični brojevi. Na primer za ovaj tekst naziv slike bi bio optimizacija-slike-za-veb-sajt jer je bitno da ne bude isto kao naslov članka a treba se malo razlikovati i od URL-a.
Prilikom davanja imena sliki za neki članak treba se držati onoga što je na njoj i prikazano. Ne treba se glupirati pa pisati neke gluposti sa ciljem optimizacije za pretraživače, jer će u nekom narednom periodu od toga biti više štete nego koristi.
Class ‘JString not found – Joomla 4.0
September 7, 2022 | Posted in ► joomla | By Nikola Vejin
Nedavno sam radio prebacivanje sa Joomla 3 na Joomla 4 više različitih sajtova, uglavnom bez problema. Samo na jednom je bio problem i to u Administratorskom panelu, gde mi se za većinu opcija ispisivala greška – Class ‘JString not found Joomla. Kako nisam mogao doći ni do jedne od opcija preko sajta potražio pomoć online.
Read more →Kako napraviti bazu podataka – WAMP i phpMyAdmin
May 23, 2022 | Posted in tutorial | By Nikola Vejin
Jedan od najčešćih koraka koji se obavljaju u sklopu WAMP-a jeste kreiranje baze podataka, što se radi uz pomoć phpMyAdmina. Ovaj jednostavan postupak je ipak za mnoge nepoznanica zbog koje ne žele da se upuštaju u rad u lokalu, bez obzira što je to najbolji način da se testiraju promene na veb sajtovima, pre primene tih promena na sajtovima koji su online.
Snimio sam jedan video tutorila, gde sam predstavio kako da se napravi baza podataka, kako da se doda korisnik za bazu podataka i na kraju kako da se obriše baza podataka. Video je dostupan na Youtube, ali ću ga i ovde predstaviti, možda nekom bude od koristi.
Izrada MySQL baze podataka
Da bi se počelo da ovom akcijom potrebno je na radnoj površini WAMP servera naći i kliknuti na link phpMyAdmin. Nakon toga se otvara prozor za logovanje koji već ima najčešće upisano root kao korisničko ime. Ukoliko nema to upišite sami, lozinka se ne upisuje. Ovo je opcija kada se radi u lokalu, dok je za opcije kada se radi na internetu uglavnom drugačije. Tamo se ovoj opciji najčešće pritupa preko C panela.
Kada se ulogujete u radnu površinu phpMySQL-a, u meniju sa leve strane pri vrhu se nalazi link za kreiranje nove baze podataka. Sama opcija za taj postupak je jednostavna, potrebno je odabrati naziv baze podataka i enkoding. Naziv baze bi trebao biti vezan za projekat, ali nikako isti kao domen, dok se za enkoding bira opcija utf 8.
Ovako kreirana baza podataka je spremna za korišćenje i možete je koristiti za dizanje sajtova u lokalu. U tom slučaju se koristi kao korisničko ime reč root, dok se polje za lozinku ostavlja prazno.
Dodavanje korisnika u bazu podataka
Kako kreirati novog korisnika baze podataka je sledeće pitanje koje sam predstavio u video uputstvu koje sam ovde prikazao u članku. U osnovi je sam postupak dosta jednostavan, jer u sklopu phpMyAdmina radne površine treba prvo u meniju sa leve strane selektovati bazu podataka za koju pravimo novog korisnika.
Kada se otvori prikaz te baze podataka, potrebno je odabrati tab “privileges” te na površini koja se otvori ići na opciju da se kreira novi nalog (Add user account). Kad se otvori strana za tu akciju, prvo je potrebno odabrati naziv korisnika (nemojte da to budu fraze admin ili user) i potom ispod kreirati lozinku koju je potrebno još jednom ponovo upisati.
Ispod toga se nalaze još neke opcije, a ovde je zanimljiva ona za davanje dozvola. Obično se za novokreiranog člana daju sve dozvole. Samo u retkim situacijama se to ne čini.
Kako obrisati korisnika iz baze podataka
Ovo je jedna akcija koja se ređe koristi, ali ponekad se korisnik i mora izbrisati iz neke baze podataka. Mada se ne radi baš često i to sam prikazao u videu koji je na Youtube. Potrebno je otići u tab “Operations” i tu odabrati opciju DROP user, u osnovi je to jasno označeno crvenom bojom slova.
Ovo su tri najčešće operacije koje se rade sa bazom podataka, bar kada se ona koristi za izradu veb sajtova, Kako napraviti bazu podataka je najčešće pitanje, ali ni druga dva se povremeno postavljaju,a ja sam se potrudio da ovo predstavim.
Mada sam ja davno pisao na blogu o WAMP serveru, sad je izgleda došlo vreme da predstavim još neke od mogućnosti, jer je program toliko koristan da se i sada koristi.
Tekst napisao – Nikola Vejin iz Apatina
Joomla 4 editor – kako koristiti
April 16, 2022 | Posted in ► joomla | By Nikola Vejin
TinyMCE je standardni editor za Joomla 4 CMS, pa se on i najviše koristi. U osnovi je ugrađena i mogućnost korisšćenja blokova i uopšte modularnosti, ali je to u Joomli još uvek diskretno za razliku od Wordpresa. Da bi to malo približio početnicima snimio sam uputstvo za Joomlu, a sasvim sigurno da ono može biti od koristi i onima koji već duže vremena rade sa ovim CMS-om.
Uputstvo za Joomla 4 editor
Sam video tutorijal koji sam snimio je malo duži jer zaista ima dosta opcija.Zato bi prva preporuka bila da se to sve testira, bez obzira da li pogledate video ili ne. U samom videu sam malo pričao o nekim stavkama oko uređenja i formatiranja članka i teksta. Možete to i sami sve da vidite, ali je neophodna vežba, znači odvojiti jedno pre podne i isprobati sve te ikonice.
Mogućnosti koje nudi TinyMCE su mnogobrojne, ali nije do njega kompletna mogućnost oko prikaza na samom sajtu. Neki elementi se dodatno mogu uobličiti i uz pomoć CSS-a, kao na primer citati ili na primer liste nabrajanja. U osnovi to je do teme, tako da ako niste zadovoljni kako taj način formatiranja teksta izgleda na sajtu da znate da nije to do editora, nego do templejta.
Kad se otvori prozor za pisanje novog članka na Joomla 4 vidi se jedan red ikonica, međutim kada se klikne na poslednju koja je predstavljena sa tri tačke se otvara i drugi red sa ikonicima koje se malo ređe koriste.
Ja sam već pisao na ovom blogu o nekim opcijama, kao što je “Pročitajte više”. Međutim to je bilo vezano za starije verzije Joomle, pa nisam siguran koliko je to sada korisno.
Šta bih izdvojio i preporučio
Prva stvar koju bih izdvojio kod editora za Joomla 4 jeste opcija brzog menija sa ikonicama. Kada se selektuje deo tekstapojavi se jedan mali meni, oni ima 7 ikonica i to da selektovani deo dobije pdebljana slova, da budu italik, da selektovani deo bude podvučen , da se dodele H tagovi i to H2 ili H3, da se kreira link i da se seletovano prikaže kao citat.
Ova opcija sa tim brzim mini menijem ubrzava pisanje i formatiranje teksta. Bilo bi dobro na priemr da se napravi da sami vlasnici sajta mogu odabrati kojih će se sedam ikonica prikazati u ovom polju. Slična opcija je dostupna i u WP, ali je izbor odabranih mogućnosti malo drugačiji.
Link do ovog videa na Youtube – https://www.youtube.com/watch?v=FL-7oECl0XM
Pored standardnih opcija, jedna od novotarija jeste i mogućnost dodavanja smajlija. Ovde je ponuda dosta velika, što je za pohvalu pored opšteg prikaza svih smajlija, oni se mogu pokazati i grupisani. Sad je na svakome da odabere da li će to koristiti pri pisanju teksta. U manjim količinama može biti sasvim efikasno, ali ako se pretera postaje glupo.
Dobra stvar je da je sada ugrađena opcija za pregled kako će članak izgledati. Pre se to radilo sa eksternim dodacima, o čemu sam pisao ovde na blogu u članku “Proveravanje članka tokom pisanja“. Ovo je zgodan i neophodan dodatak, ikonica Preview je nešto što treba proveriti više puta tokom pisanja teksta.
Glasanje
Loading ...