Kako sam samostalno složio svoj blog bez iskustva s WordPressom

Kako sam samostalno složio svoj blog bez iskustva s developmentom i WordPressom

Blog sam započeo na Mediumu uz vlastitu domenu i do nekog je trenutka sve skupa super funkcioniralo, ali kako je rastao, počeo sam osjećati ograničenja ove blogerske platforme. Konkretno, htio sam imati sadržaj u više kategorija, zasebne statične stranice i detaljniju analitiku. Za odabir WordPressa kao najpopularnijeg rješenja nije bilo previše dvojbe – nema što za ovu platformu ne možete pronaći od vodiča, pluginova do već gotovih primjera. No, kako sam svemu, kao početnik, pristupio?

Iako nisam developer i nemam iskustva s WordPressom, odlučio sam u cijeli proces krenuti samostalno bez angažiranja vanjskih izvođača. Operativna izrada weba nije područje u kojem namjeravam graditi svoj posao, ali sam želio cijeli ovaj projekt provesti od početka do kraja uz pomoć svoje asistentice. Valjda je to bila digitalna verzija onog da nešto napraviš svojim rukama – što ima smisla kada se radi o nečem toliko osobnom poput bloga.

Prvi je korak bilo istraživanje WordPressa i odluka da idem na zaseban hosting uz WordPress.org (WordPress.com s druge strane nudi mogućnosti besplatnog i plaćenog hostinga uz razne mogućnosti i ograničenja, više o tome možete pročitati u vodiču na Netokraciji.

Odabir prave teme

Zatim smo došli do odabira teme – plaćene ili besplatne. Iako besplatnih tema ima mnogo, one često imaju ograničenu podršku i nadogradnju pa sam se odlučio na plaćenu.

Dosta mi je tema zapelo za oko, ali htio sam da ona koju odaberem ima gotovo isti raspored, paletu boja i funkcije koje ću uz minimalnu adaptaciju moći iskoristiti. Većina plaćenih tema ima više mogućnosti rasporeda pa istražite koja bi vam se najbolje uklopila.

Htio sam da tema ima:

  • dobro prilagođen prikaz na mobilnim uređajima,
  • carousel u kojem će mi se prikazivati istaknuti blog postovi,
  • jednostavan tekstualni popis kategorija,
  • čitke, ali vizualno atraktivne fontove,
  • prikaz statičnih bannera za dijelove bloga koje želim istaknuti,
  • povlačenje Instagram feeda.

Nakon pronalaska teme koja mi odgovara, vidio sam da zajednica koja je izradila CSSIgniter ima opciju doživotnog članstva uz korištenje svih tema i neograničenu podršku za 125 dolara te sam se za to odlučio.

A hosting?

Kod usporedbi hostinga gledao sam razne strane i domaće opcije te sam ipak uzeo domaći Avalon – opet zbog podrške. Kako nemam iskustva u ovom području, htio sam osigurati brzo rješenje ako se bilo kakav problem pojavi. Prva stvar koju su mi savjetovali je kako omogućiti da editiram i pripremam novi TomislavPancirov.com dok se svima ostalima učitava stara Medium verzija – izmjenom Hosts datoteke na računalu koja je samo mene vodila na adresu novog servera. Ovo je korisno ako već imate blog koji ne želite ugasiti na neko vrijeme dok radite redizajn. Hosting provider mi je instalirao WordPress, poslao username i password i sve je bilo spremno da krenem s uploadom teme koju sam preuzeo u .zip formatu. Većina hosting providera ima pakete prilagođene upravo za WordPress pa njih potražite kada budete uspoređivali ponudu.

Priču o blogu pogledajte i u videu:

Molimo da prihvatite sve kolačiće kako biste mogli vidjeti ovaj sadržaj

Prilagodba odabrane teme – i rješavanje poteškoća usput

Sama prilagodba teme išla je jako brzo – čim napravite neku izmjenu, odmah vidite kako će to izgledati na blogu. Kad bi mi se pojavila neka situacija koju sam htio riješiti, samo bih se javio podršci na CSS Igniter forumu i oni bi mi jako brzo odgovorili kako to napraviti, bilo da se radilo o podešavanju nekog plugina ili mijenjanju izgleda nekog dijela bloga unošenjem dodatnog koda. Jako je puno tema pokriveno pa nekad ne morate niti postavljati pitanje, jer je na njega već konkretno odgovoreno, osim toga, ako nešto ne možete sami riješiti, oni će vam se spojiti na admin sučelje nakon što im otvorite profil te sami riješiti situaciju.

Primjerice, nisam nikako u postavkama boja mogao podesiti da mi search box ima samo sivi obrub, već je bio cijeli sivi te se to moralo riješiti dodavanjem koda.

U postavkama teme nisam mogao namjestiti da polje za pretraživanje ima samo sivi obrub, ali uz službu za korisnike teme problem je otklonjen.

Zatim plugin koji je povlačio moj Instagram feed mi je u desktop verziji stranice bio koristan s desne strane, ali u mobilnoj verziji bi se samo prikazao iznad identičnog plugina koji se nalazi na dnu stranice. Sve ovakve sitnice na kraju značajno utječu na doživljaj stranice.

Statične stranice omogućavaju isticanje nekih područja na blogu – kod mene se radilo o stranicama “Radite sa mnom”, “Digitalna stvarnost YouTube kanal” i “O meni”. Unutar rasporeda teme imao sam dio za ove statične elemente, samo sam trebao stvoriti nove stranice u admin sučelju te ih povezati linkom. Za vizuale sam našao uputu koje rezolucije trebam pripremiti i sve skupa uploadao.

Pluginovi – dodatci osnovnim funkcijama stranice

Od pluginova koji omogućavaju razne dodatke osnovnim funkcijama stranice sam instalirao:

  • Contact form 7 za kontakt formu na stranici i Flamingo za backup unosa ako slučajno ne prođu poruke na mail.
  • Google Analytics Dashboard for WP za analitiku. 
  • Loco Translate za prijevode nekih dijelova teme.
  • UpdraftPlus – Backup/Restore za backup cijelog sadržaja bloga na Google Drive. Ako se bilo što dogodi s blogom, dobro je imati backup svega kako ne biste ostali bez sadržaja i dizajna na kojem ste dugo radili. Ovaj plugin omogućava pohranu na više cloud platformi.
  • WP Instagram Widget za povlačenje Instagram feeda.
  • Yoast SEO za analizu svakog unosa u SEO smislu – ovaj vam plugin  preporuči bi li post trebao biti duži, biste li trebali ključnu riječ više koristiti itd.

Svi ovi pluginovi su besplatni (iako postoje i plaćeni), a možete im pristupiti iz WordPress admin sučelja. Pazite koje pluginove koristite i isključite one koji vam nisu bitni jer vam previše pluginova (pogotovo loših) može usporavati pa čak i srušiti cijelu stranicu.

Zadnji koraci prije Hello World

Nakon što je sve postavljeno, ostao je dio manualnog prebacivanja svih starih blogova na novu platformu. Medium ima izvoz svih blogova, ali pluginovi koji su trebali omogućiti automatski uvoz nisu radili. Za svaki blog post je podešen isti permalink koji sam imao na Mediumu kako bi za sve podijeljene sadržaje veza i dalje radila.

Zadnji korak bio je usmjeravanje GoDaddyja, gdje sam kupio domenu, na novi hosting umjesto na Medium – ako niste sigurni što napraviti, oko ovih postavki vam može pomoći vaš hosting provider. Kako imam Google Suite preko kojeg koristim e-mail sa svojom domenom, na novom sam hostingu u cPanelu morao podesiti MX Entry postavke i nadati se da će sve funkcionirati, što je, na moju radost, stvarno bio slučaj. 🙂

Na novom blogu planiram proširiti teme, pisati više o lifestyle poduzetništvu i digitalnom nomadstvu te ga dodatno povezati sa svojim YouTube kanalom. Ono što mi je najbitnije je da sada nemam više nikakvih ograničenja – bilo kakva izmjena na blogu se može riješiti pluginom ili par linija koda. Razmišljate li o izradi vlastitog bloga, ovo je avantura koju bih vam svakako preporučio, nešto tako važno kao svoj osobni digitalni kanal morate do najmanjih detalja kontrolirati.

I sami želite doznati više o WordPressu, bilo da ste početnik ili napredniji korisnik? Posjetite WordCamp Croatia u Zagrebu od 1. do 3. rujna!

Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.

Pravila ponašanja

Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:

  • Ne budite 💩: Nema vrijeđanja, diskriminiranja, ni psovanja (osim ako nije osobni izričaj, ali onda neka psovka bude općenita, a ne usmjerena prema nekome). Također, upoznajte se sa stavkom 2. članka 94. Zakona o elektroničkim medijima prije no što ostavite komentar.
  • Samo kvalitetna rasprava, manje trolanja: Ne morate se ni sa kim slagati, ali budite konstruktivni i doprinesite raspravi! Svako trolanje, flameanje, koliko god "plesalo" na granici, leti van.
  • Imenom i prezimenom, nismo Anonymous 👤: Autor sadržaja stoji iza svog sadržaja, stoga stojite i vi iza svog komentara. Koristimo ime i prezime te pravu email adresu.

Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.

Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.

Komentari

  1. YT

    YT

    22. 08. 2017. u 12:53 pm Odgovori

    lajk…dosta je jak šum na YT video kolega, jedna od glavnih pritužbi ljudi koji traže tutoriale, preporučam Audacity, besplatni program. Videe duže od 10 minuta bolje rezati u više djelova i podijeliti u kategorije prema pojmovima kojw ljudi pretražuju.

  2. Tomislav Pancirov

    Tomislav Pancirov

    22. 08. 2017. u 2:38 pm Odgovori

    Hvala na savjetu i lajku, proučim, ovo mi je prvi video s novim eksternim mikrofonom. 🙂 Slažem se za rezanje, ali nekad meni tema kao cjelina ima više smisla u jednom videu, a onda dodatno raditi još videa na tu temu.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Startupi

4 milijuna dolara za domaći startup koji je napravio “prvog pravog AI developera”

U otprilike godinu dana ekipa iza Pythagore prošla je program prestižnog Y Combinatora, skupila 30.000 aktivnih korisnika i prikupila investiciju. Među investitorima je i Damir Sabol.

Analiza

Kad im USB-om procure podaci milijun građana – javne institucije mogu proći bez sankcija?!

Sa stručnjacima raspravljamo o nedavnom curenju podataka vlasnika svih registriranih vozila u Hrvatskoj i zašto je ono problematično na više razina. Može li ovaj slučaj biti poruka javnim institucijama za ubuduće?

Obrazovanje

Maturanti, pazite koje AI alate koristite za pripremu mature, nisu svi pouzdani…

Jeste primijetili kako je sve više raznih AI alata koji obećavaju uspjeh u školi i pomoć na maturi? Iako imamo pozitivne primjere, nisu svi od povjerenja.

Što ste propustili

Startupi

Upoznajte 20 odabranih timova ZICER-ovih akceleratorskih programa

Vodeći hrvatski startup hub ZICER predstavio je timove devetog ciklusa akceleracijskog programa Startup Factory, drugu generaciju Global Growth programa i timove sasvim novog Tech Transfer akceleratora.

DevDev

Leapwiseovih 5 savjeta za razvoj enterprise softvera – i besplatan backend priručnik

Zagrebačka kompanija Leapwise svoje dugogodišnje iskustvo u product buildingu i system integrationu (u domenama BSS/OSS-a, cybersecurity inženjeringa, automatizacije i IOT-a) sada želi podijeliti i sa širom zajednicom - dio tog znanja skupljen je i u besplatan backend priručnik.

Programiranje

S Tech Leadom o Pimcoreu, open-source platformi za digitalizaciju poslovanja

U razvoju rješenja za upravljanje informacijama o proizvodu (PIM), digitalnom imovinom (DAM), web sadržajem (CMS) i e-trgovinom - virovitički Factory odabrao je Pimcore - saznajemo što ih je osvojilo kao inženjere i koje su mu specifičnosti?

Netokracija Podcast

AI smanjio odjel marketinga poznate tvrtke i uštedio im 10 milijuna dolara

Počela su prva hvaljenja kako je AI zamijenio radnike i tako napravio uštedu od 10 milijuna dolara. Sva sreća, to se nikome nije svidjelo...

Digitalni mediji

Hrvate od EU izbora više zanimaju Vučić, Međugorje i invazija dabrova!

Ove nedjelje izlazimo na druge po redu izbore u ovoj superizbornoj godini, ali sudeći po pretraživanjima online, Hrvati bi ovog vikenda mogli prije otići na kavu nego na birališta.

Tvrtke i poslovanje

Otvoren Deloitteov natječaj 50 najbrže rastućih tehnoloških kompanija Srednje Europe za 2024. godinu

Ovo regionalno natjecanje održava se već 25. godinu za redom, a rangira najbrže rastuće kompanije u tehnološkom sektoru te pruža etabliranim i novim tehnološkim kompanijama platformu za predstavljanje svoje vodeće pozicije u tehnološkoj industriji.