Upute za korištenje WordPress CMS sustava

Uvod u WordPress CMS sustav: Upute za korištenje WordPress CMS sustava

Sve web stranice koje smo izradili u posljednjih nekoliko godina napravljene su u CMS sustavu WordPress – i to s razlogom. WordPress je najpopularniji sustav za upravljanje sadržajem (CMS) na svijetu i pokreće više od 43% svih web stranica. Korisnicima omogućuje jednostavno uređivanje postojećeg i dodavanje novog sadržaja bez ikakva predznanja programiranja. Nažalost, mnogi klijenti misle da ne mogu sami ažurirati sadržaj na svojoj stranici pa smo sastavili ove WordPress upute koje će vam pomoći u svakodnevnom radu.

Što je CMS sustav?

CMS je skraćenica za Content Management System, odnosno sustav za upravljanje sadržajem. WordPress je ujedno i besplatan i otvorenog kôda (open source), što znači da ga razvija globalna zajednica programera i web dizajnera. Tolika rasprostranjenost donosi jednu veliku praktičnu prednost: za gotovo svaki problem koji naiđete na vašoj stranici rješenje već postoji negdje na internetu.

Trebate li neku novu funkciju, za to postoji odgovarajući WordPress dodatak (plugin) koji tu funkciju omogućuje bez pisanja ijednog retka koda. Upravo ta kombinacija jednostavnosti i proširivosti razlog je zašto WordPress koriste milijuni web stranica – od osobnih blogova do velikih poslovnih portala.

Prijava u WordPress administraciju

Da biste pristupili WordPress administraciji, u adresnu traku preglednika unesite adresu svoje web stranice i dodajte /wp-admin. URL treba izgledati ovako: vasa-domena.hr/wp-admin. Doći ćete na stranicu za prijavu gdje unosite korisničko ime i lozinku.

Na stranici za prijavu u WordPress nalaze se sljedeći elementi:

• Korisničko ime ili e-mail – identifikator vašeg korisničkog računa.
• Lozinka – vaša sigurnosna lozinka.
• Zapamti me – označite ovu opciju na vlastitom računalu kako ne biste svaki put unosili podatke. Na javnim ili dijeljenim računalima ovu opciju nikad ne aktivirajte.
• Zaboravili ste lozinku? – WordPress će na e-mail adresu vašeg računa poslati poveznicu za postavljanje nove lozinke.

Saznajte kako napraviti custom stranicu za prijavu korisnika u WordPress.

Nadzorna ploča – WordPress Dashboard

Nakon uspješne prijave dočekat će vas nadzorna ploča (dashboard) – početna stranica WordPress administracije. Sastoji se od nekoliko ključnih dijelova.

Admin traka na vrhu prikazuje:

• Naziv web stranice (lijevo) – klikom se otvara naslovnica vaše stranice. Preporučujemo uvijek otvoriti frontend u zasebnoj kartici preglednika kako biste mogli pratiti promjene bez stalnog prebacivanja između administracije i stranice.
• Ikona ažuriranja – broj dostupnih ažuriranja WordPressa, tema i dodataka.
• Ikona komentara – broj neobrađenih komentara koji čekaju moderaciju.
• + Novo – padajući izbornik za brzo dodavanje objave, stranice, medija ili korisnika.
• Korisničko ime (desno) – prelaskom miša otvara se padajući izbornik s opcijama za uređivanje profila i odjavu.

Središnji dio nadzorne ploče prikazuje informativne widgete: Na prvi pogled (ukupan broj objava, stranica i komentara), Aktivnost (nedavno objavljeni sadržaj i komentari koji čekaju odobrenje), Brza skica (polje za brzo pisanje nacrta nove objave) i vijesti s WordPress.org portala.

Vidljivost i raspored tih widgeta prilagodite klikom na Opcije zaslona u gornjem desnom kutu stranice.

Glavni izbornik WordPress administracije

S lijeve strane sučelja nalazi se glavni izbornik koji pruža pristup svim dijelovima WordPress administracije. Prelaskom miša iznad pojedinih stavki otvaraju se podizbornici.

Nadzorna ploča

Početna stranica administracije s pregledom stanja web stranice.

Objave

Kreiranje i uređivanje blog objava. Podizbornik nudi pristup popisu svih objava, dodavanju nove objave te upravljanju kategorijama i oznakama.

Medijski zapisi

Centralna zbirka svih slika, dokumenata, videa i ostalih datoteka prenesenih na web stranicu. Prikazuje se klikom na Zbirka u mrežnom ili listovnom pregledu.

Stranice

Kreiranje i uređivanje statičnih stranica (O nama, Usluge, Kontakt i sl.). Stranice mogu biti hijerarhijski organizirane – nadređena stranica i podstranice.

Komentari

Pregled i moderiranje svih komentara koje su posjetitelji ostavili na objavama i stranicama.

Izgled

Kontrola vizualnog izgleda web stranice: upravljanje WordPress temama, prilagodba aktivne teme, widgeti i izbornici.

Dodaci

Instalacija, aktivacija, deaktivacija i brisanje WordPress dodataka (pluginova) kojima proširujete mogućnosti web stranice.

Korisnici

Upravljanje korisničkim računima – pregled korisnika, dodavanje novih i dodjela korisničkih uloga.

Alati

Uvoz i izvoz sadržaja, provjera zdravlja web stranice (Zdravlje web stranice prikazuje eventualne probleme i prijedloge za njihovo rješavanje) te alati za zaštitu podataka.

Postavke

Osnovna konfiguracija web stranice: naziv i opis, URL struktura, postavke komentara, veličine medija i ostale opcije. Ove postavke obično jednom postavi web dizajner i nije ih potrebno naknadno mijenjati.

Napomena: instalacijom dodataka popis glavnog izbornika proširuje se novim stavkama specifičnim za svaki instalirani plugin.

Stranice i objave u WordPressu

Sadržaj svake WordPress web stranice dijeli se na dva osnovna tipa. Ključno je razumjeti razliku između njih jer određuje gdje i kako ćete dodavati sadržaj.

• WordPress stranice – služe za statičan sadržaj koji se rijetko mijenja i nema vremenski kontekst: “O nama”, “Usluge”, “Kontakt”, “Cjenik” i sl. Mogu biti hijerarhijski organizirane (nadređena stranica i podstranice).
• WordPress objave – vremenski kontekstualizirani članci unutar bloga, razvrstani u kategorije i označeni tagovima. Automatski se prikazuju u kronološkom redoslijedu na stranici bloga.

Pregled i upravljanje WordPress objavama

Klikom na Objave u glavnom izborniku otvara se popis svih objava sortiran kronološki. Prelaskom miša iznad naslova pojavljuju se opcije:

• Uredi – otvara objavu u editoru za uređivanje.
• Brzo uređivanje – brza izmjena naslova, sluga, datuma, autora, kategorije i statusa direktno iz popisa bez ulaska u editor.
• Smeće – premješta objavu u koš za otpad. Sadržaj u košu možete povratiti ili trajno obrisati.
• Pregled – prikazuje objavu onako kako je vide posjetitelji, čak i ako nije objavljena.

Filtri iznad popisa omogućuju pretraživanje po datumu, kategoriji ili statusu objave (objavljeno, nacrt, čeka recenziju). Za masovne radnje označite kvadratiće ispred željenih naslova, odaberite radnju u padajućem izborniku Grupne radnje i kliknite Primijeni.

Pregled i upravljanje WordPress stranicama

Klikom na Stranice otvara se popis svih stranica s identičnim opcijama za uređivanje. Stranice ne podržavaju kategorije ni oznake, ali podržavaju hijerarhijsku organizaciju – u koloni Nadređeno vidljivo je kojoj je nadređenoj stranici podređena.

Dodavanje sadržaja – WordPress block editor (Gutenberg)

Od verzije 5.0, WordPress koristi block editor – poznat i kao Gutenberg editor – kao zadani uređivač sadržaja. Za razliku od starijeg klasičnog editora, WordPress block editor temelji se na konceptu blokova: svaki element sadržaja (paragraf, naslov, slika, popis, gumb, tablica…) zasebni je blok koji se može neovisno uređivati, pomicati i konfigurirati.

Za dodavanje nove objave odaberite Objave → Dodaj novu, a za novu stranicu Stranice → Dodaj novu.

Sučelje block editora

Editor se sastoji od četiri glavna dijela:

• Gornja traka – sadrži gumb za dodavanje blokova (+), pregled strukture dokumenta, gumbe za poništavanje radnji (Ctrl+Z / Ctrl+Y), predpregled, te gumb Objavi/Ažuriraj desno. Klikom na tri točke (⋮) u gornjem desnom kutu pristupate dodatnim opcijama editora, uključujući prikaz HTML koda (Code editor).
• Polje za naslov – na vrhu stranice. Naslov koji ovdje unesete određuje i URL (permalink) stranice ili objave.
• Područje sadržaja – prostor ispod naslova gdje dodajete i uređujete blokove.
• Bočna traka (desno) – dvije kartice: Blok (postavke trenutno odabranog bloka) i Objava ili Stranica (postavke dokumenta: vidljivost, datum objave, kategorije, tagovi, istaknuta slika i sl.).

Što su WordPress blokovi?

WordPress blokovi su gradivni elementi sadržaja u Gutenberg editoru. Svaki put kada kliknete u prazno područje sadržaja, vidite tekst: Upiši / za odabir bloka. Blok dodate na jedan od sljedećih načina:

• Kliknite plavi gumb + u gornjoj traci ili između postojećih blokova.
• Upišite / unutar praznog bloka – pojavljuje se pretraživač blokova. Npr. /slika nudi Image blok, /naslov nudi Heading blok, /popis nudi List blok.
• Pritisnite Enter na kraju postojećeg bloka – automatski se kreira novi paragraf blok ispod.

Najčešće korišteni tipovi blokova

• Paragraf – standardni tekstualni blok. Kreira se automatski pritiskom Enter.
• Naslov (Heading) – naslovi razina H2, H3, H4… Razinu odabirete u alatnoj traci iznad bloka.
• Slika (Image) – za umetanje pojedinačne slike.
• Galerija (Gallery) – mrežni prikaz više slika.
• Popis (List) – uređeni (numerički) ili neuređeni (točkasti) popis.
• Tablica (Table) – tablični prikaz podataka.
• Gumb (Button) – poziv na akciju s prilagodljivim stilom i URL-om.
• Stupci (Columns) – višekolumnski raspored u koji možete ugraditi druge blokove.
• Mediji i tekst (Media & Text) – kombinira sliku i tekst u dva stupca, bez potrebe za dodatnim podešavanjem.
• Video – umetanje YouTube ili Vimeo videa ili upload vlastite video datoteke.
• Kratki kôd (Shortcode) – umetanje WordPress kratkih kodova koje generiraju dodaci.
• HTML – blok za umetanje prilagođenog HTML koda.
• Razdjelnik (Separator) i Razmak (Spacer) – za vizualno razdvajanje i dodavanje praznine između sadržaja.

Uređivanje blokova i teksta

Klikom na bilo koji blok iznad njega se prikazuje alatna traka s opcijama specifičnim za taj tip bloka. Za tekstualne blokove tu su opcije za podebljavanje, kurziv, poravnanje, boju teksta i ostalo. Označite li dio teksta mišem, automatski se prikazuje plutajuća alatna traka s najčešće korištenim formatiranjima.

Za promjenu tipa bloka (npr. paragraf u citat ili naslov) kliknite na ikonu trenutnog bloka s lijeve strane alatne trake i iz padajućeg izbornika odaberite drugi tip.

Blokove premještate na dva načina: povlačenjem mišem uz hvatanje ikone sa šest točkica koja se pojavljuje lijevo od bloka, ili strelicama gore/dolje u alatnoj traci. Za brisanje bloka kliknite na tri točke u alatnoj traci i odaberite Obriši blok. Brisanje uvijek možete poništiti kombinacijom Ctrl+Z.

Permalink – URL stranice ili objave

Čim unesete naslov, WordPress automatski generira URL (permalink) na temelju naslova. Permalink je vidljiv ispod naslova ili u kartici Objava → URL u bočnoj traci. Preporučamo provjeriti i po potrebi skratiti permalink prije objavljivanja – kratki i opisni URL bolji je za SEO. Nakon objavljivanja izbjegavajte mijenjati permalink jer stari URL prestaje funkcionirati bez postavljanja preusmjerenja.

Dodavanje slika u WordPress

Slike se u Gutenberg editoru dodaju putem Image bloka. Dodate li novi blok i odaberete Slika, prikazuju se tri mogućnosti:

• Prenesi – odabir fotografije s vašeg računala.
• Medijska zbirka – odabir slike već prenesene na web stranicu.
• Unesi URL – umetanje slike s vanjske URL adrese. Ovu opciju izbjegavajte – bolje je preuzeti sliku i prenijeti je u medijsku zbirku radi kontrole i brzine učitavanja.

Nakon postavljanja slike u bočnoj traci pod karticom Blok dostupne su postavke:

• Zamjenski tekst (ALT tekst) – kratki opis slike za tražilice i osobe oštećena vida. ALT tekst uvijek ispunite opisno i sažeto jer je bitan za SEO optimizaciju stranice.
• Veličina slike – odabir između unaprijed definiranih dimenzija (thumbnail, medium, large, full) ili unos prilagođenih mjera.
• Poravnanje – lijevo, desno, centrirano ili puna širina.
• Natpis (Caption) – kratki tekst vidljiv ispod slike na stranici.
• Poveznica – ciljni URL koji se otvara klikom na sliku.

Istaknuta slika u WordPressu

Istaknuta slika (featured image) je glavna slika objave ili stranice. Prikazuje se u listama objava, u rezultatima pretraživanja (rich snippets) i pri dijeljenju na društvenim mrežama – ovisno o dizajnu teme i metapodacima stranice.

Postavlja se u bočnoj traci pod karticom Objava → Istaknuta slika → Postavi istaknutu sliku. Odaberite fotografiju iz medijske zbirke ili prenesite novu s računala. Svaka objavljena objava i stranica trebala bi imati postavljenu istaknutu sliku – bez nje će dijeljenje na društvenim mrežama izgledati neprofesionalno.

Galerija slika u WordPressu

Za mrežni prikaz više slika koristite Gallery blok. Dodate li blok i odaberete Galerija, iz medijske zbirke odabirete željene fotografije – držanjem tipke Ctrl možete odabrati više slika odjednom.

U bočnoj traci dostupne su postavke galerije:

• Broj stupaca – u koliko se stupaca prikazuju sličice (2–8).
• Prikaži natpise – uključuje tekstualne natpise ispod svake slike.
• Veličina slike – dimenzije sličica u galeriji.
• Poveznica slike – kamo vodi klik na sliku: puna veličina, stranica privitka ili bez poveznice.

Redoslijed slika u galeriji mijenjate povlačenjem unutar bloka.

Dodavanje poveznica (linkova) u WordPress

Da biste tekst pretvorili u hiperpoveznicu u Gutenberg editoru, označite željeni tekst mišem i pritisnite kombinaciju Ctrl+K (Windows) ili Cmd+K (Mac), ili kliknite ikonu lanca u alatnoj traci bloka.

U polje koje se pojavi unesite URL ili počnite tipkati naziv neke od stranica na vašoj web stranici – WordPress će automatski ponuditi podudarajuće rezultate iz vlastitog sadržaja. Pritisnite Enter za potvrdu.

Za otvaranje poveznice u novoj kartici kliknite na ikonu postavki (mali izbornik desno od URL polja) i uključite opciju Otvori u novoj kartici. Za uklanjanje postojeće poveznice kliknite na nju i u pojavnom prozoru odaberite ikonu za uklanjanje veze.

Medijski zapisi – WordPress zbirka medija

Sve prenesene slike, dokumenti i ostale datoteke nalaze se u Medijski zapisi → Zbirka. Prikaz prebacujete između mrežnog i listovnog prikaza ikonama u gornjem desnom kutu.

Klikom na medijski zapis otvara se bočni panel s detaljima:

• Naziv datoteke, datum prijenosa i veličina datoteke.
• Zamjenski tekst (ALT tekst) – ispunite za svaku sliku radi SEO-a i pristupačnosti.
• Naslov – prikazuje se kao tooltip prelaskom miša po slici (ovisno o temi).
• Natpis – kratki opis vidljiv ispod slike na stranici.
• Opis – širi opis, najčešće nije vidljiv na frontendu.
• URL datoteke – direktna adresa na medijsku datoteku.

Gumb Uredi sliku otvara ugrađeni alat za uređivanje fotografija. Trajno obriši briše datoteku nepovratno – slika se neće automatski ukloniti s mjesta gdje je već umetnuta u sadržaj, ali će prestati biti dostupna i prikazivat će se kao slomljena.

Uređivanje slika u WordPressu

WordPress ima ugrađeni alat za osnovno uređivanje fotografija dostupan u Zbirci medija klikom na sliku, pa na Uredi sliku. Alat nudi:

• Obrezivanje (Crop) – kliknite i povucite unutar slike za odabir željenog područja, zatim pritisnite ikonu za izrezivanje. Za precizno obrezivanje unesite omjer u polje Omjer stranica (npr. 1:1 za kvadrat ili 16:9).
• Rotacija – gumbi za rotaciju 90° u lijevo ili desno.
• Zrcaljenje – horizontalno ili vertikalno zrcaljenje slike.
• Dimenzioniranje (Scale) – unos novih dimenzija u pikselima. Unosom širine automatski se izračunava visina radi zadržavanja proporcija originalne fotografije.

Promjene spremate klikom na Spremi. Za poništavanje svih izmjena kliknite ponovo na Uredi sliku i odaberite Vrati originalnu sliku.

Važno: ugrađeni alat nije zamjena za profesionalne programe za obradu fotografija. Slike optimizirajte i prilagodite veličini prije prijenosa na WordPress – prevelike datoteke usporavaju učitavanje stranice i negativno utječu na SEO i korisničko iskustvo.

Spremanje i objavljivanje sadržaja u WordPressu

WordPress automatski sprema promjene svakih nekoliko sekundi u obliku privremenog nacrta (autosave). Dodatno upravljanje objavljenim sadržajem vrši se iz gornje trake editora:

• Spremi nacrt – ručno sprema nacrt; stranica ostaje nevidljiva posjetiteljima.
• Predpregled (ikona oka) – otvara pregled stranice u novoj kartici onako kako je vide posjetitelji. Možete birati između desktop, tablet i mobilnog prikaza.
• Objavi – prvi klik otvara panel za potvrdu s dvjema postavkama: Vidljivost (Javno, Privatno ili Zaštićeno lozinkom) i Datum objave (odmah ili zakazano u budućnosti). Drugi klik Objavi potvrđuje i objavljuje sadržaj.

Nakon objavljivanja gumb se mijenja u Ažuriraj. Svaka naknadna promjena sprema se pritiskom tog gumba. WordPress čuva povijest svih verzija (Revizije) dostupnu u bočnoj traci pod karticom Objava – u svakom trenutku možete se vratiti na stariju verziju sadržaja.

WordPress kategorije objava

WordPress kategorije grupiraju objave po temama i olakšavaju posjetiteljima pregled sadržaja. Svaka objava mora biti u najmanje jednoj kategoriji. Standardna kategorija je Nekategorizirano – zamijenite je vlastitim kategorijama odmah po postavljanju web stranice.

Kategorijama pristupate na dva načina:

• Putem Objave → Kategorije za upravljanje svim kategorijama odjednom.
• Unutar bočne trake editora pod Objava → Kategorije pri pisanju ili uređivanju pojedinih objava.

Dodavanje nove kategorije

Na stranici Kategorije ispunite polja s lijeve strane:

• Naziv – naziv kategorije koji se prikazuje na web stranici posjetiteljima.
• Slug – URL verzija naziva kategorije. WordPress je generira automatski iz naziva, ali je možete ručno urediti.
• Nadređena kategorija – ako kategorija treba biti podkategorija neke druge, odaberite je ovdje. Time se formira hijerarhijska struktura kategorija.
• Opis – nije obavezno; opisuje sadržaj kategorije.

Kliknite Dodaj novu kategoriju za potvrdu. Nova kategorija odmah se pojavljuje u popisu s desne strane i u bočnoj traci editora.

Prelaskom miša iznad naziva kategorije u popisu pojavljuju se opcije: Uredi, Brzo uredi, Obriši i Pregled. Brisanjem kategorije ne brišu se objave – one se automatski premještaju u zadanu kategoriju.

Oznake (tagovi) u WordPressu

Oznake su ključne riječi koje opisuju specifičan sadržaj objave. Za razliku od kategorija, oznake nemaju hijerarhiju. Dodaju se u bočnoj traci pod Objava → Oznake – unesite oznaku i pritisnite Enter ili zarez. Možete unijeti više oznaka odjednom.

Glavna razlika između kategorija i oznaka: kategorije strukturiraju sadržaj hijerarhijski (npr. kategorija “Web dizajn” s podkategorijom “WordPress”), dok oznake opisuju specifične teme bez međusobne hijerarhije (npr. “gutenberg”, “blokovi”, “editor”).

WordPress komentari

WordPress komentari omogućuju interakciju s posjetiteljima i prikupljanje povratnih informacija. Upravljanje WordPress komentarima dostupno je u Komentari u glavnom izborniku, gdje se prikazuje kronološki popis svih komentara sa svim objavama i stranicama.

Prelaskom miša iznad pojedinog komentara pojavljuju se opcije:

• Odobri / Odbaci – odobrava prikaz komentara na stranici ili ga skriva. Odbačeni komentari mogu se u svakom trenutku ponovo odobriti.
• Odgovori – otvara polje za unos odgovora direktno ispod komentara, bez napuštanja stranice.
• Brzo uredi – brza izmjena teksta komentara i podataka autora (ime, e-mail, URL).
• Uredi – puno sučelje za uređivanje komentara s mogućnošću promjene statusa (Odobren, Na čekanju, Spam) i datuma objave komentara.
• Spam – označava komentar kao neželjeni. WordPress pamti obrasce za buduće automatsko filtriranje.
• Smeće – premješta komentar u koš za otpad.

Na vrhu stranice Komentari prikazani su filtri: Svi, Na čekanju, Odobreni, Spam i Smeće s brojem komentara u svakoj kategoriji.

Za masovne radnje označite kvadratiće ispred komentara, u padajućem izborniku Grupne radnje odaberite željenu akciju i kliknite Primijeni.

Ako ne trebate komentare na web stranici, preporučujemo ih potpuno isključiti u Postavke → Razgovor – odznačite opciju Dozvoli komentiranje novih objava i pohranite promjene.

Izgled – WordPress teme

WordPress tema definira vizualni izgled web stranice. Upravljanje WordPress temama dostupno je pod Izgled → Teme. Aktivna tema prikazana je na prvom mjestu, a sve ostale instalirane (ali neaktivne) teme nalaze se pokraj nje.

Razlika između klasičnih tema i block tema

Moderan WordPress ekosustav razlikuje dvije vrste tema koje se bitno razlikuju u načinu prilagodbe:

• Klasične WordPress teme (npr. Astra, OceanWP, Avada, Divi, GeneratePress) – prilagodba se vrši putem Customizera (Izgled → Prilagodi) i zasebnih sučelja za widgete i izbornike. Ove teme najčešće se koriste na profesionalnim web stranicama.
• Block WordPress teme (npr. Twenty Twenty-Four) – prilagodba se vrši putem Site Editora (Izgled → Uređivač). U block temama nema zasebnih stavki za widgete i izbornike – svime se upravlja unutar Site Editora.

Vaš web dizajner odabrao je i konfigurirao temu pri izradi stranice. Nikad ne mijenjajte aktivnu temu bez konzultacije – mijenjanje teme može radikalno promijeniti izgled i ugroziti funkcioniranje web stranice.

Prilagodba klasične teme – WordPress Customizer

Klikom na Izgled → Prilagodi otvara se WordPress Customizer – sučelje za prilagodbu izgleda klasičnih tema u živom pregledu. S lijeve strane su opcije, s desne vidite promjene u realnom vremenu.

Dostupne opcije ovise o aktivnoj temi, ali tipično uključuju:

• Identitet stranice – logo, naziv web stranice i slogan (tagline).
• Boje – primarne boje teme.
• Tipografija – fontovi za naslove i tekst tijela.
• Zaglavlje i podnožje – izgled gornjeg i donjeg dijela stranice.
• Naslovna stranica – statična stranica ili lista najnovijih objava kao naslovnica.
• Izbornici – dodjela kreiranog izbornika lokacijama u temi.
• Widgeti – upravljanje WordPress widgetima u dostupnim područjima (sidebar, footer i sl.).
• Dodatni CSS – unos prilagođenih CSS stilova za korisnike koji poznaju CSS.

Promjene se prikazuju uživo u pregledu s desne strane, ali nisu primijenjene na web stranicu dok ne pritisnete Objavi i spremi. Na dnu lijevog panela nalaze se ikone za provjeru izgleda na desktop, tablet i mobilnom zaslonu.

Instalacija nove WordPress teme

Na stranici Teme kliknite Dodaj novu. Otvara se WordPress direktorij tema iz kojeg pretraživate teme po popularnosti, novosti ili filtriranjem po značajkama. Za instalaciju kliknite Instaliraj odmah, a potom Aktiviraj.

Za ručnu instalaciju premium teme iz .zip datoteke kliknite Prenesi temu na vrhu stranice, odaberite datoteku s računala i kliknite Instaliraj odmah.

Napomena o datotekama teme: pod Izgled → Uređivač tema (za klasične teme) dostupan je izravni uređivač PHP i CSS datoteka. Ovo sučelje ne koristite – pogreška u kodu može srušiti web stranicu. Izmjene datoteka teme isključivo prepustite web dizajneru ili programeru.

Widgeti u WordPressu

Widgeti su sadržajni elementi koji se postavljaju u posebna područja web stranice – najčešće bočnu traku (sidebar) ili podnožje (footer). Koja su područja dostupna ovisi o aktivnoj temi. Upravljanje widgetima dostupno je pod Izgled → Widgeti.

Od WordPressa 5.8 widget editor koristi isti sustav blokova kao i Gutenberg editor za objave i stranice. Svako widget područje prikazano je kao zasebni odjeljak koji proširujete klikom:

• Kliknite + unutar widget područja za dodavanje novog bloka (widgeta).
• Dostupni su isti blokovi kao i u editoru sadržaja: pretraživanje, nedavne objave, kategorije, prilagođeni HTML i ostali.
• Blokove reorganizirate povlačenjem mišem unutar widget područja.
• Za uklanjanje bloka kliknite na njega, zatim na tri točke u traci i odaberite Obriši blok.

Promjene se primjenjuju klikom na gumb Ažuriraj u gornjem desnom dijelu stranice.

Izbornici u WordPressu

Navigacijski izbornici za klasične WordPress teme upravljaju se pod Izgled → Izbornici. Za block teme, navigacija se uređuje unutar Site Editora (Izgled → Uređivač → Navigacija).

Kreiranje novog izbornika

Kliknite Kreirajte novi izbornik, unesite naziv izbornika (interni, nije vidljiv posjetiteljima) i kliknite Kreiraj izbornik.

Dodavanje stavki u izbornik

S lijeve strane prikazani su paneli: Stranice, Objave, Prilagođene poveznice i Kategorije. Označite željene stavke i kliknite Dodaj u izbornik. Za dodavanje vanjske poveznice koristite panel Prilagođene poveznice – unesite URL i tekst stavke.

Uređivanje i reorganizacija izbornika

Stavke reorganizirate povlačenjem mišem. Povlačenjem stavke udesno (uvlačenjem) kreirate podstavku – time nastaje padajući izbornik ispod roditeljske stavke. Klikom na strelicu desno od naziva stavke otvara se panel s opcijama: Navigacijska etiketa (naziv u izborniku), Otvori u novoj kartici i ostalo.

Dodjela izbornika lokacijama

Kreiran izbornik treba dodijeliti lokaciji u temi (npr. primarni izbornik, izbornik u podnožju). To se podešava na dnu stranice Izbornici pod Lokacija prikaza ili klikom na karticu Upravljanje lokacijama. Nakon svake promjene kliknite Spremi izbornik.

WordPress dodaci – Pluginovi

WordPress dodaci, poznati i kao pluginovi, proširuju funkcionalnost web stranice bez pisanja koda. U službenom WordPress direktoriju dostupno je više od 60.000 besplatnih dodataka, a postoje i premium (plaćeni) dodaci s naprednim mogućnostima.

Upravljanje dodacima dostupno je pod Dodaci → Instalirani dodaci. Prelaskom miša iznad naziva pojedinog dodatka prikazuju se opcije:

• Aktiviraj – uključuje funkcionalnost dodatka.
• Deaktiviraj – isključuje funkcionalnost, ali ne briše dodatak s poslužitelja.
• Obriši – trajno briše dodatak (dostupno samo za neaktivne dodatke).

Dostupna ažuriranja prikazuju se žutom vrpcom ispod naziva dodatka. Redovito ažurirajte sve aktivne dodatke – zastarjeli dodaci mogu ugroziti sigurnost web stranice.

Instalacija WordPress dodatka

Kliknite na Dodaci → Dodaj novi. U polje za pretragu unesite naziv ili ključnu riječ i pregledajte rezultate. Na kartici dodatka prikazani su ocjena zajednice, broj aktivnih instalacija i kompatibilnost s vašom WordPress verzijom.

Kliknite Instaliraj odmah, a nakon instalacije Aktiviraj. Neki dodaci zahtijevaju konfiguraciju nakon aktivacije – provjerite pojavljuje li se nova stavka u glavnom izborniku ili u Postavkama.

Za ručnu instalaciju iz .zip datoteke (npr. premium dodaci) kliknite Prenesi dodatak na vrhu stranice, odaberite datoteku i kliknite Instaliraj odmah.

Važno: ne instalirajte previše dodataka. Svaki aktivni dodatak povećava opterećenje poslužitelja i može usporiti web stranicu ili uzrokovati sukob s drugima. Neaktivne dodatke koje ne koristite uvijek obrišite – deaktivirani dodaci koji ostaju na poslužitelju ne primaju ažuriranja i predstavljaju sigurnosni rizik.

WordPress korisnici i korisničke uloge

Pod Korisnici → Svi korisnici prikazan je popis svih korisnika koji imaju pristup WordPress administraciji. Klikom na korisničko ime ili opciju Uredi pristupa se profilu korisnika gdje se mijenjaju osobni podaci, lozinka i jezik administracijskog sučelja.

WordPress ima pet unaprijed definiranih korisničkih uloga:

• Administrator – ima pristup svim opcijama administracije: sadržaj, teme, dodaci, korisnici i postavke. Ovu ulogu dodjeljujte isključivo pouzdanim osobama.
• Urednik (Editor) – može kreirati, uređivati, objavljivati i brisati vlastite i tuđe objave i stranice. Ne može instalirati teme ni dodatke.
• Autor (Author) – može kreirati, uređivati i objavljivati isključivo vlastite objave. Ne može uređivati sadržaj drugih korisnika.
• Suradnik (Contributor) – može pisati i uređivati vlastite objave, ali ih ne može samostalno objaviti. Objavu mora odobriti urednik ili administrator.
• Pretplatnik (Subscriber) – može se prijaviti i uređivati vlastiti profil. Nema pristup kreiranju sadržaja.

Dodavanje novog korisnika

Kliknite na Korisnici → Dodaj novog korisnika. Obavezna polja su korisničko ime (ne može se mijenjati nakon kreiranja), e-mail adresa i lozinka. Odaberite odgovarajuću ulogu i kliknite Dodaj novog korisnika. Korisnik dobiva e-mail s uputama za prijavu.

Za brisanje korisnika prijeđite mišem iznad korisnika u popisu i kliknite Obriši. WordPress će vas pitati što učiniti s njegovim sadržajem – možete ga dodijeliti drugom korisniku ili trajno obrisati zajedno s korisničkim računom.

WordPress postavke

Pod stavkom Postavke u glavnom izborniku nalaze se sve konfiguracijske opcije web stranice koje web dizajner postavi pri izradi. Ipak, vrijedi znati gdje se što nalazi.

• Opće postavke – naziv i opis (slogan/tagline) web stranice, administrator e-mail, vremenska zona, format datuma i vremena.
• Čitanje – određuje što je naslovna stranica (statična stranica ili lista najnovijih objava) i koliko se objava prikazuje na stranici bloga.
• Razgovor – sve postavke komentara: odobravanje, moderacija i e-mail obavijesti.
• Mediji – dimenzije koje WordPress automatski generira pri prijenosu slika (thumbnail, medium, large).
• Trajne veze (Permalinks) – struktura URL adresa objava i stranica. Preporučena opcija je “Naziv objave” koja generira čitke URL-ove optimizirane za SEO (npr. vasa-domena.hr/naziv-objave/). Ovu postavku nemojte mijenjati na aktivnoj stranici bez konzultacije s web dizajnerom jer mijenjanje URL strukture zahtijeva postavljanje preusmjerenja za stare adrese.
• Privatnost – postavljanje stranice s politikom privatnosti, što je zakonska obveza za sve web stranice koje prikupljaju osobne podatke korisnika.