Da veliki broj ljudi koristi upravo ovu wordpress temu je poznata stvar (evo na primer ja :D), ali da li ste znali da u tom slučaju možete sa lakoćom deaktivirati Gutenberg i aktivirati dobri stari Klasični Editor ili DIVI BUILDER (pri tom ne mislim na front end editor, već na onaj koji bi se učitao kada idemo na Edit Page/Post, umesto koga sada imamo Gutenberg kao jedinu opciju)?!

Ukoliko želite da saznate više o Gutenbergu, pročitajte ovu objavu.

Potrebno je da imate instaliranu najnoviju Divi verziju (u trenutku kada pišem ovo objavu, to je verzija 3.19.11), kako bi aktivirali novi editor!

Kada ste se pobrinuli za taj deo, dovoljno je da se ulogujete na svoj sajt, pristupite kontrolnoj tabli i kliknete na DIVI tab/polje, koji se obično nalazi na donjem levom delu kontrolne table.

Nakon toga treba da kliknete na polje „Alatka za izradu“ (ukoliko koristite wordpress na srpskom jeziku), pa zatim na polje „Napredno“ i aktivirate opciju „Enable Classic Editor“, kao što je prikazano na slici ispod.

Ukoliko aktivirate polje „Enable The Latest Divi Builder Experience“, imaćete i dalje stari Divi Builder ali će raspored elemenata i alatki biti nešto drugačiji (meni više odgovara bez te opcije).

Nadam se da vam je ova objava pomogla da se rešite Gutenberga, ukoliko vam iz nekog razloga ne odgovara a pri tom koristite Divi temu!

Ukoliko imate nekih pitanja ili predloga za nove objave, slobodno ostavite komentar i podelite ovu objavu na socijalnim mrežama, kako bi i vaši prijatelji mogli da sa lakoćom deaktiviraju Gutenberg i vrate stari editor.

Da bi sve bilo jasno, kreirao sam i kratak video tutorial na temu:

Verovatno ste (poput mene) bili jako nervozni kada ste prvi put videli novi wordpress editor na svom sajtu?

Garantujem vam da nismo jedini, sudeći po broju negativnih komentara koje možemo naći na gotovo svakom koraku gde se ovaj editor pominje.

Dobra vest je da stvari ne izgledaju tako loše kao što mislite!

U ovoj objavi ću pokušati da razjasnim i pojednostavim celu priču vezanu za ovaj novi wordpress dodatak, koji je izazvao toliko negativnih reakcija.

Odgovoriću na pitanja vezana za definiciju, alternative, prednosti i mane koji prate ovu wordpress novinu.

Mnogi se pitaju da li mogu da koriste stari editor umesto Gutenberga?! Odgovor je DA, kao što ćete uskoro saznati!

Šta je Gutenberg?

Gutenberg je novi visual editor (Neki ga nazivaju i Block Editor-om), koji je zamenio onaj klasični na koji smo navikli i koristili svih ovih godina.

Odakle naziv?

Ovaj editor dobija naziv po Johannes Gutenberg-u, pronalazaču tehnike štampanja pokretnim slovima. Saznajte više na ovom linku.

U čemu je razlika između starog i novog editora?

Pored jasne vizuelne razlike (pogledaj slike ispod), postoji razlika i u načinu funkcionisanja. Dok je stari editor izgledao i imao sličnu funkcionalnost kao Microsoftov Word (barem meni je tako uvek izgledao zbog palete alatki iznad i jednostavnosti za upotrebu), Gutenberg koristi „Drag and Drop“ (u odsustvu boljeg prevoda znači nešto poput „prevuci i otpusti“)  sistem, koji nam omogućava da brže gradimo „layout“ (raspored elemenata) strane ali nam omogućava da dodajemo widget-e direktno na stranu sa lakoćom, između ostalog.

Stari WordPress editor

Gutenberg

Ono što je po meni (gledano iz SEO perspektive) najveći propust kod Gutenberga je to što može stvoriti problem onima koji pri surfovanju netom koriste „Screen Reader“ (kao što su osobe koje imaju probleme sa vidom), utičući negativno pri tom na bitan UX (a posredno i SEO) faktor, koji nazivamo „Accessibility“ (dostupnost).

Kako instalirati Gutenberg?

Veoma jednostavno, dovoljno je da ažurirate sajt na najnoviju verziju ili instalirate istoimeni plugin (ukoliko želite da saznate kako da instalirate wordpress dodatan/plugin, predlažem da pogledate ovu objavu).

Da li mogu da koristim stari editor umesto Gutenberga i kako?

Naravno, dovoljno je da instalirate Clasic Editor Plugin.

U nekoj od narednih objava ću obraditi i konkretne tehnike vezane za korišćenje ovog editora, ali sam želeo da vam prezentujem neke osnovne informacije i pokažem kako da aktivirate Stari Editor, ukoliko vam novi iz nekog razloga ne odgovara ili prosto ne možete da se naviknete na njega a imate tekuće projekte čiji se rokovi izrade bliže ;).

Još jedna interesanta činjenica je da kreatori nisu imali logo za svoj CMS sve do 2005. kada je Santa Maria dizajnirala čuveni W logo. Nešto manje od milion najboljih sajtova sveta je rađeno u wordpress-u (49%), dok samo 5% sajtova koristi Drupal a još manje (tačnije 3%) koriste Joomla-u, koji su inače najveći konkurenti wordpressu. „WordPress developer“ je najrelevantije i najtraženije radno mesto u svetu u 2014. godini, i da bi bio dostupniji za sve, preveden je na više od 72 jezika. WordPress ima na raspolaganju više od 50 000 dodataka (plugin-ova) koji pružaju dizajnerima i programerima puno dodatne (custom) funkcionalnosti, koje im u mnogome olakšavaju kreiranje željenog izgleda i funkcionalnosti sajta.

Lista brendova i kompanija koje koriste WordPress je poprilično dugačka i ubraja: The New York Times, Samsung, eBay Inc., Forbes, Sony, Coca-Cola, i tako dalje. Najprofitabilnije Worpdress kompanije su: Automattic prihodom od $1.2 milijarde, Envato sa $94 miliona, i naravno, WPEngine sa prihodom od $73 miliona.
Vredi navesti nekoliko WordPress sajtova prodatih za velike sume novca: TechCrunch ($30 miliona), Bankaholic ($15 miliona), Deadline Hollywood ($14 miliona) i Wonkette ($12 miliona)…
Navedene činjenice pokazuju nam zašto je WordPress postao vodeći „open source“ alat za kreiranje internet sajtova i blogova kojeg koriste milioni korisnika i kompanija širom sveta.
Pogledajte i zanimljivu infografiku koja ilustruje još neke manje poznate činjenice vezane za wordpress: https://websitebuilder.org/resources/amazing-facts-you-probably-dont-know-about-wordpress/

Dobro došli i hvala vam na interesovanju koje ste pokazali za ovaj kurs!

Poglavlja koja slede namenjena su svima onima koji žele da nauče osnove WordPress-a. Ceo tutorial je tematski organizovan i prilagođen početnicima i neprofesionalcima.

Na samom početku bavićemo se karakteristikama i instalacijom ovog moćnog CMS-a, zatim dolazi kreiranje strana i blog objava, odabir WordPress tema, pluginova… Pored standardnih rešenja vezanih za WordPress, trudiću se da pišem i o stvarima iz ličnog iskustva i da uz pomoć tehnika proverenih u praksi prezentujem rešenja za razne probleme koji se mogu pojaviti.

Pozivam vas da u odeljku za komentare podelite i vaša lična iskustva, savete i kritike, a ja ću se potruditi da svima blagovremeno odgovorim. Još jednom imajte u vidu da je ceo tutorial namenjen početnicima i stoga ne zamerite ukoliko su neke stvari previše uprošćene ili ukoliko postoje bolja, ali znatno teža i komplikovanija rešenja koja ovde nisu predstavljena zato što su neshvatljiva početnicima.

Informacije o kursu:

• Poglavlja: 12
• Nivo: početni

WordPress je jedna od najpopularnijih alatki za izradu web sajtova. Na osnovu podataka objavljenih krajem marta 2017. godine, ovaj CMS (Content Management System – sistem za upravljanje sadržajem) koristi se za više od 25% svih sajtova. Razlog za ovo delimično leži u velikoj i lojalnoj zajednici korisnika od kojih su mnogi takođe i developeri koji neprestano rade na unapređenju funkcija i mogućnosti samog WordPress-a, kao i WordPress tema, pluginova…

Nekada korišćen isključivo za pisanje blogova, ovaj fantastični CMS danas se koristi za gotovo sve tipove sajtova. Zbog njegove popularnosti, većina hosting kompanija podržava čuvenu opciju „Instaliraj WordPress u par klikova“, znajući da veliki broj klijenata koristi upravo ovaj CMS.

Jedna od najvećih prednosti WordPress-a je njegova jednostavnost (user friendliness) koja omogućava klijentima da sami nastave da održavaju svoj sajt (bez potrebe da nauče da kodiraju) nakon što prođu jednostavnu obuku ili uz pomoć priručnika.

Kao i svaki drugi CMS, i WordPress ima određene prednosti i mane:

Prednosti wordpress-a:

• Besplatan je
• Jednostavan za korišćenje i instalaciju
• Fleksibilne e-commerce opcije
• Optimizovan je za mobilne uređaje (podrazumeva se da koristite responzivnu wordpress temu)
• Podržava funkcionalnost za blogovanje
• Postoje mnogi besplatni pluginovi (gotovo za svaku namenu)
• Zbog velike zajednice korisnika, na raspolaganju su vam mnogobrojni forumi i specijalizovani sajtovi, gde možete dobiti odgovore na pitanja, vezana za wordpress…

Mane:

• Zahteva često ažuriranje teme, pluginova, wordpress verzije
• Ukoliko koristite premium (u nekim slučajevima i besplatnu) temu, podešavanja teme mogu biti nefleksibilna, što početnicima otežava posao prilagođavanja izgleda i funkcionalnosti njihovim potrebama
• Nije prikladan za velike online prodavnice…

Upoznajte se i sa ovim wordpress zanimljivostima!

Zbog njegove popularnosti i niskih sistemskih zahteva (low system requirements), gotovo svaka hosting kompanija podržava WordPress i pruža gotova rešenja za njegovu instalaciju. To nas dovodi do prvog i najednostavnijeg metoda za instalaciju WordPress-a. Uslov je da imate zakupljen hosting.

Opcija 1: Instaliranje wordpress-a uz pomoc Auto Installer-a

Ovo je jedan od najlakših i najčešće korišćenih načina za instalaciju. Metodologija može varirati, ali se generalno sastoji iz sledećih koraka:

• Ulogujte se na vaš Control Panel (Hosting cPanel)
• Pronadite Auto Installer(nekada dostupan u vidu WordPress ikonice, a nekad morate pokrenuti prvo Softaculous ili slicnu aplikaciju, da bi došli do wordpress installer-a) i pokrenite ga
• Neki installer-i prikazuju najpopularnije ikonice i među njima obično možete pronaći i WordPress ikonicu, ali ukoliko to nije slučaj, unesite reč „WordPress“ u polje za pretragu.
• Nakon toga morate popuniti podatke sajta koji pravite (url, jezik, korisničko ime i šifru (za login na sajt), administratorski email, naslov sajta…)
• Na kraju pritisnite Install. WordPress će ubrzo biti instaliran.

Možete pogledati i neki od ovih video tutoriala:

Opcija 2: Ručna instalacija

Sigurno ste čuli za čuvenu „petominutnu instalaciju WordPress-a“. E pa, dobra vest je da se cela stvar može završiti i za 3 do 4 minuta :). Proces je dosta jednostavan i sve što vam je potrebno su najnovija (po mogućstvu) verzija WordPress-a i FTP klijent (ili pak file manager, ukoliko ne želite da ovo odradite preko FTP klijenta).

Ukoliko već niste, skinite najnoviju verziju WordPress-a sa wordpress.org. Kada završite, otpremite (upload) fajlove na željenu destinaciju (root sajta), bilo da je to public_hmtl ili neki poddomen. Za upload možete koristiti FTP ili Hosting Cpanel.

Neophodni podaci za povezivanje sa bazom podataka

Sledeći korak je da odete na web adresu na koju instalirate wordpress, i pojaviće vam se instalacioni prozor. Pratite uputstva i unesite potrebne podatke.

Budući da WordPress čuva podatke u bazi podataka (MySQL), istu morate kreirati za ovu potrebu. Na većini hostinga imate polje MySQL Databases gde možete kreirati novu bazu podataka. Auto installer će vam u jednom trenutku tražiti odredene podatke vezane za novokreiranu bazu (naziv baze, korisnik, lozinka, database host (najcešce je dovoljno uneti „localhost“, mada ima odstupanja) i prefix tabele).

Ukoliko su uneti podaci ispravni, instalacija ce biti uspešno završena. Sve što treba sad da uradite je da se ulogujete sa podacima koje ste uneli pri instalaciji. Login adresa je:

http://www.vašdomen.com/wp-admin  ili  http://www.vašdomen.com/wp-login.php

WordPress je moguće instalirati i na vašem računaru, i to se najčešće postiže uz pomoć programa poput WAMP, XAMPP, LAMP, Bitnami…

Ukoliko želite da saznate više o instalaciji WordPress-a na lokalnoj mašini, pogledajte sledeće tutoriale:

koristeći WAMP

koristeci XAMPP

koristeći BITNAMI

Nakon instalacije i uspešnog prijavljivanja (log in-a), videćete WordPress kontrolnu tablu. Izgled table se menjao tokom godina, tako da je nekad izgledala ovako

…dok danas izgleda ovako

1. Horizontalna linija meni-a sa alatkama (traka sa alatkama ili toolbar). Sadrži najosnovnije administratorske funkcije. Ovde se nalaze naziv sajta, link ka naslovnoj strani sajta (za ovu funkciju morate postaviti kursor miša na ikonicu kućice pored naziva sajta), ikonica i notifikacije vezane za komentare… Nakon instalacije pojedinih pluginova, ovde se takođe mogu naći i prečice i paneli za njihovo korišćenje.
2. Glavni WordPress meni sa svojim tabovima i podtabovima. Osnovna polja u ovom meniju su kontrolna tabla, članci, sadržaj, strane, komentari, izgled, dodaci, korisnici, alatke i podešavanja. Ostala polja se aktiviraju i dodaju nakon instalacije novih dodataka (plugin-ova); takođe, određene teme imaju svoja „custom“ polja koja se pojavljuju nakon aktivacije teme.
3. Glavni radna površina
   

Za više informacija, možete pogledati sledeći video:

Razlika između objava i strana

Na početku ove lekcije bilo bi uputno objasniti razliku između objave i stranice. Obično se kaže da objave predstavljaju dinamičke a stranice statičke sadržaje. Objave se svrstavaju u određene kategorije i najčešće su prikazane u obrnutom hronološkom redosledu. Blog predstavlja tipičan primer ovakvog sadržaja, a ostali primeri objava mogu biti novosti i članci na različite teme koji se stalno ažuriraju. Nasuprot tome, stranice su predviđene za sadržaje koji se vrlo malo menjaju tokom vremena; na njima se obično nalaze informacije o vlasniku sajta (About Us strana), kontakt informacije i slični sadržaji.

Pravljenje nove objave

Da biste napravili novu objavu, izaberite opciju Add New koja se pojavljuje kada kliknete na Posts u glavnom WordPress meniju ili izaberite New → Post opciju u horizontalnoj liniji menija (toolbar-u). Pred vama će se pojaviti novi prozor sa opcijama za kreiranje objave. Nakon što unesete naslov i sam sadržaj, možete dodatno formatirati tekst uz pomoć alatki sličnih onima koje možete naći u editorima teksta poput Microsoft Word-a. Na desnoj strani ekrana su opcije pomoću kojih određujete dalju sudbinu posta kojeg ste upravo kreirali. Ako želite odmah da ga objavite, pritisnite Publish i on će se pojaviti na vrhu vaše stranice sa objavama; takođe možete i zakazati njegovo objavljivanje za tačno određeni trenutak u budućnosti. U odeljku Categories možete svrstati svoju objavu u određenu kategoriju ili čak napraviti novu kategoriju pritiskom na dugme Add New Category. Dodavanjem obeležja u odeljku Tags omogućavate čitaocu da brzo ustanovi o čemu se u objavi radi. Na kraju u odeljku Featured Image možete odabrati sliku koju ćete pridružiti svojoj objavi. Ova slika se najčešće nalazi na vrhu objave, mada njen položaj zavisi od izabrane WordPress teme.

Pravljenje nove strane

Da biste napravili novu WordPress stranu, izaberite opciju Add New koja se pojavljuje kada kliknete na Pages u glavnom WordPress meniju ili izaberite New → Page opciju u horizontalnoj liniji menija. Prozor koji će se pojaviti ima isti editor teksta kao i u slučaju kada pravite objavu pa se i unos i formatiranje teksta obavlja na isti način. Naravno, budući da se radi o sadržaju koji je organizovan na drugačiji način, ovde nema Tags i Categories sekcija; umesto njih, tu je sekcija Page Attributes unutar koje možete promeniti redosled strana i ustanoviti child/parent odnos između njih.

Obavezne strane

Dok je izbor sadržaja na pojedinim stranama u principu na vama, WordPress zahteva da odredite koja strana će biti naslovna, a postoje i strane koje bi vaš sajt svakako trebalo da ima ako želite da izgleda profesionalno.

Naslovna strana

Prema podrazumevanim podešavanjima WordPress-a, naslovna strana je ona na kojoj se nalazi vaših poslednjih 10 objava. Odabirom opcije Settings → Reading u glavnom meniju možete neku drugu stranu postaviti kao naslovnu. Ako vaš vebsajt služi za prezentaciju vaše kompanije ili biznisa, logično je da ćete želeti da stranu na kojoj navodite najvažnije detalje u vezi s tim postavite kao naslovnu.

Strana “O nama”

Ova stranica je nezaobilazan deo gotovo svakog vebsajta. Zavisno od toga kakvu vrstu proizvoda ili usluga nudite, na njoj treba da navedete ono što će potencijalnog korisnika navesti da odabere baš vas. Veoma je važno da informacije predstavite na kratak i jezgrovit način, kao i da sama stranica bude vizuelno dopadljiva. Ako su ovi uslovi zadovoljeni, stranica “O nama” poslužiće svojoj osnovnoj svrsi, a ta je da vas na najbolji način predstavi širokom krugu ljudi.

Kontakt strana

Kontakt strana je neophodna ukoliko želite da korisnici uspostave vezu sa vama bilo radi korišćenja vaših proizvoda i usluga ili da bi dobili dodatne informacije o njima. WordPress nudi veliki broj kontakt formi koje su dostupne u vidu plug-inova. Takođe, mnogi dizajneri na ovu stranu postavljaju Google mape kako bi vizuelno predstavili sedište vašeg biznisa. Google mape su takođe dostupne u vidu plugin-a i jednostavno ih je implementirati.

Obavezne strane ukoliko se bavite online trgovinom

Postoje određene strane koje vaš sajt po zakonu mora da ima ako se bavite online prodajom proizvoda ili usluga. Ovde obično spadaju Uslovi korišćenja, Uslovi za povraćaj novca, Pravila o privatnosti i Kontakt detalji. Nije obavezno da sve ove sekcije budu na odvojenim stranama, ali ovim informacijama je svakako potrebno posvetiti dužnu pažnju. Ako to ne učinite, moguće je da procesori plaćanja neće dati odobrenje za obavljanje transakcija na vašem sajtu. Jasne i nedvosmislene smernice koje date u ovim sekcijama doprinose tome da se korisnici vaših usluga osećaju sigurnije prilikom poslovnog kontakta sa vama.

Ukoliko ste pročitali objavu pod nazivom “WordPress Plugin-ovi (dodaci)”, vreme je da naučimo kako da ih instaliramo. Proces instalacije WordPress plugin-a je veoma jednostavan. Na wordpress.org možemo naći veliki broj besplatnih pluginova, dok u drugim slučajevima postoji besplatna probna verzija sa nekim od opcija koje su uključene u premium verziju, tako da na taj način možete testirati plugin pre nego što ga kupite.

Najlakši način za instalaciju plugin-a je uz pomoć “Dodaj Novi” (Add New) opcije koja se nalazi na kontrolnoj table (dashboard) WordPress-a

Pošto izaberete ovu opciju, unesite naziv željenog plugin-a u polje za pretragu i odaberite onaj koji tražite.
Kada pronađete željeni plugin, potrebno je da pritisnete dugme “postavi sada” (install)

a zatim morate pritisnuti dugme “uključi” (activate).

Nakon toga plugin će biti aktivan na vašem sajtu.