{"id":18014,"date":"2017-06-21T12:33:57","date_gmt":"2017-06-21T10:33:57","guid":{"rendered":"https:\/\/dev.optiweb.com\/?post_type=post&#038;p=15386"},"modified":"2018-09-03T11:36:44","modified_gmt":"2018-09-03T11:36:44","slug":"razvoj-lastnega-vticnika-kot-optimizacija-razvoja-spletnih-strani-v-wordpressu","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/razvoj-lastnega-vticnika-kot-optimizacija-razvoja-spletnih-strani-v-wordpressu\/","title":{"rendered":"Razvoj lastnega vti\u010dnika za optimiziran razvoj spletnih strani v WordPressu"},"content":{"rendered":"<div id='av_section_1'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-0  el_before_av_section  avia-builder-el-first   container_wrap fullsize' style=' '  ><div class='container' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18014'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock  '   itemprop=\"text\" ><p style=\"text-align: justify;\">Pri <a href=\"https:\/\/dev.optiweb.com\/sl\/storitve\/izdelava-spletnih-strani\/\">izdelavi spletnih strani<\/a> v WordPressu se kljub raznolikosti projektov nekatera <strong>opravila vedno ponavljajo<\/strong>; in \u010deprav se nam zdi, da ne zahtevajo veliko \u010dasa in energije, nam na dolgi rok ravno tak\u0161ne naloge <strong>upo\u010dasnjujejo delo<\/strong>.<br \/>\nV na\u0161i WordPress ekipi smo se zato lotili <strong>optimizacije tega procesa<\/strong>. Na\u0161 cilj je bil poenostaviti, avtomatizirati in <strong>standardizirati nekatera ponavljajo\u010da se opravila<\/strong>, jih zbrati na enem mestu, za povrh pa jim <strong>dodati pentljico enostavne uporabe<\/strong> in integracije preko lastnega <strong>Optiweb WordPress vti\u010dnika<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Ravno v teko\u010dih tednih je lu\u010d tako ugledala \u017ee druga, malce dopolnjena verzija vti\u010dnika. Prvotna verzija je testiranje uspe\u0161no pre\u017eivela in \u017ee \u017eivi v kar nekaj spletnih straneh, ki so nastale izpod prstov na\u0161ih razvijalcev. V tem \u010dlanku tako predstavljamo <strong>funkcionalnosti, ki jih na\u0161 vti\u010dnik ponuja<\/strong>; malce v vpogled, kako lahko va\u0161e spletne strani nastajajo bolj u\u010dinkovito, pa tudi kot ideja za ostale razvijalce.<\/p>\n<h2><strong>Organizacija<\/strong><\/h2>\n<p style=\"text-align: justify;\">Po zbiranju idej, pregledu pogosto uporabljenih funkcionalnosti ter kode smo zbrali \u017eelene funkcije vti\u010dnika v nekaj sklopov, ki \u0161e danes tvorijo ogrodje vti\u010dnika. Mo\u017enosti smo tako razdelili na:<\/p>\n<ul style=\"text-align: justify;\">\n<li>WordPress prilagoditve<\/li>\n<li>prilagoditve teme<\/li>\n<li>implementacijo skript<\/li>\n<li><a href=\"https:\/\/dev.optiweb.com\/sl\/gdpr-5-vprasanj-5-odgovorov\/\">pi\u0161kotke<\/a><\/li>\n<li>sezname za programerje ter vodje projektov<\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><strong>Prilagoditve WordPress<\/strong><\/h2>\n<p>V prvi sklop smo zdru\u017eili nekaj prilagoditev samih funkcionalnostih WordPress-a. <strong>Omejili smo komentarje<\/strong> na datotekah, personalizirali \u00a0vmesnik ter omogo\u010dili nekaj dodatnih mo\u017enosti prilagajanja za razvijalce.<\/p>\n<p>\u0160tevilne prilagoditve so v resnici majhne, <strong>\u00bbquality of life\u00ab<\/strong> (kvaliteta \u017eivljenja) spremembe, ki nam pri ponavljajo\u010dih se opravilih sicer prihranijo le klik ali dva \u2013 kar pa ob koncu leta sploh ni ve\u010d malo.<\/p>\n<p>Nekaj prilagoditev je\u00a0 vezanih tudi na varnost spletne strani, poskrbeli pa smo tudi, da ima uporabni\u0161ki nivo, namenjen urejanju vsebin (urednik), na voljo <strong>pre\u010di\u0161\u010deno administracijo<\/strong> z vsemi potrebnimi dostopi in pravicami. Omogo\u010dili smo tudi opcijo Optiweb dashboarda: pre\u010di\u0161\u010denih podatkov, ki se prika\u017eejo ob prijavi v administracijo, njim dodana <strong>navodila za urejanje spletne strani<\/strong> ter kontaktnimi podatki na\u0161e podporne ekipe.<\/p>\n<\/div><\/section>\n<\/div><\/div><\/main><!-- close content main element --><\/div><\/div><div id='av_section_2'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-2  el_after_av_section  el_before_av_section  galimgsec  container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18014'><div class='entry-content-wrapper clearfix'>\n<div  class='avia-image-container  av-styling-  noHover  av-overlay-hover-deactivate   avia-builder-el-3  avia-builder-el-no-sibling  avia-align-center '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='avia-image-overlay-wrap'><div class='av-image-caption-overlay'><div class='av-caption-image-overlay-bg' style='opacity:0.4; background-color:#000000; '><\/div><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' style='color:#ffffff; '><p>Prirejen dashboard, ki se poka\u017ee ob prijavi z administracijo.<\/p>\n<\/div><\/div><\/div><img class='avia_image' src='https:\/\/dev.optiweb.com\/wp-content\/uploads\/2017\/06\/image-1-1030x538.png' alt='' title='image (1)' height=\"538\" width=\"1030\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n<\/p>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_3'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-4  el_after_av_section  el_before_av_section   container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18014'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>Uredili smo <strong>kontrolo nad velikostmi medijskih datotek<\/strong> ter mo\u017enost ustvarjanja slik v poljubnih dimenzijah. S tem namre\u010d zagotovimo, da se na strani prikazujejo optimizirano, v pravih razmerjih \u2013 tako nam ni\u010d ve\u010d ni treba skrbeti, ali se bo slika na strani prikazala pravilno.<\/p>\n<h2><strong>Prilagoditve teme<\/strong><\/h2>\n<p style=\"text-align: justify;\">Ker ve\u010dino spletnih strani postavimo na istem WordPress ogrodju, smo dodali nekaj mo\u017enosti <strong>prilagoditve teme<\/strong> in jo opremili z novimi opcijami. S tem smo odstranili nekaj nepotrebnih datotek stilov ter skript, ki bi jih tema sicer nalagala, a se na straneh ne bi zares uporabljale.<\/p>\n<p style=\"text-align: justify;\">Omogo\u010dili smo tudi <strong>aktivacijo privzetih nastavitev<\/strong>, ki poskrbijo za nastavitev osnovnih stilov. Iz administracije smo odstranili nepotrebne elemente in tako odprli dodatne mo\u017enosti razvijalcem.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Implementacija skript in pi\u0161kotki<\/strong><\/h2>\n<p style=\"text-align: justify;\">Z dodajanjem <strong>mo\u017enosti implementacije skript<\/strong> se nam odprejo \u0161ir\u0161e mo\u017enosti za bolj kvalitetno in raznoliko spletno stran. \u00a0Implementiramo lahko npr. skripte za \u00bbquality assurance\u00ab (kontrola kvalitete) programe, dodajamo najpogosteje uporabljene JavaScript knji\u017enice (npr. Slick za izdelavo vseh vrst drsnikov) in podobno. \u00a0Razvijalec nato enostavno ozna\u010di knji\u017enice, ki jih \u017eeli nalo\u017eiti, te pa se samodejno uporabijo na strani.<\/p>\n<p style=\"text-align: justify;\">Tudi dodajanje obvestila o pi\u0161kotkih na stran je enostavno in prilagodljivo. Izbiramo lahko med razli\u010dnimi pozicijami in oblikami obvestila, mu dolo\u010dimo poljubne barvne sheme ter prilagodimo tekst.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Opravila za programerje in vodje projektov<\/strong><\/h2>\n<p style=\"text-align: justify;\">Velik del vti\u010dnika sta <strong>seznam opravil<\/strong> za razvijalca in vodjo projektov. Za oba je pripravljen seznam stvari, ki jih morata preveriti, preden se stran premakne v \u017eivo okolje in je dostopna javnosti.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_4'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-6  el_after_av_section  el_before_av_section  galimgsec  container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18014'><div class='entry-content-wrapper clearfix'>\n<div  class='avia-image-container  av-styling-  noHover  av-overlay-hover-deactivate   avia-builder-el-7  avia-builder-el-no-sibling  avia-align-center '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='avia-image-overlay-wrap'><div class='av-image-caption-overlay'><div class='av-caption-image-overlay-bg' style='opacity:0.4; background-color:#000000; '><\/div><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' style='color:#ffffff; '><p>Primer seznama programerskih opravil.<\/p>\n<\/div><\/div><\/div><img class='avia_image' src='https:\/\/dev.optiweb.com\/wp-content\/uploads\/2017\/06\/image-2.png' alt='' title='image' height=\"932\" width=\"1000\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_5'  class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-builder-el-8  el_after_av_section  avia-builder-el-last   container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18014'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock  '   itemprop=\"text\" ><p style=\"text-align: justify;\">Ve\u010dina programerskih opravil se preverja avtomatizirano, torej brez posredovanja razvijalca. Preveri se, \u010de so name\u0161\u010deni vti\u010dniki za SEO, \u010de so pravilno nastavljeni administrativni e-naslovi, \u010de je poskrbljeno za varnost spletne strani, \u010de je optimizirana hitrost spletne strani itd. Ob zaklju\u010devanju projekta mora razvijalec tako poskrbeti, da so vse te to\u010dke urejene in preverjene. Seznam s tem ni v pomo\u010d le razvijalcu, temve\u010d tudi vodji projektov.<\/p>\n<p style=\"text-align: justify;\">Enako velja za seznam opravil vodje projektov, ki poskrbi, da se ne pozabi na analitiko ter morebitne ostale integracije. Vodja projektov poskrbi, da imamo za prenos in urejanje spletne strani na voljo vse potrebne dostopne podatke in jasna navodila, da lahko tako prenos in kasnej\u0161e urejanje strani poteka enostavno in brez zapletov.<\/p>\n<p style=\"text-align: justify;\">Vti\u010dnik na\u0161 razvojni proces vidno olaj\u0161a, z njim pa smo nekaj pridobili tudi na hitrosti izvedbe projektov. Omogo\u010da nam <strong>efektivnej\u0161i razvoj<\/strong>, bolj\u0161i <strong>pregled nad stanjem projekta<\/strong> in bolj\u0161o <strong>uporabni\u0161ko izku\u0161njo<\/strong>; tako za razvijalce, kot tudi za kon\u010dnega uporabnika oz. naro\u010dnika spletne strani.<br \/>\nMisli\u0161, da bi se tudi ti tako bolje zna\u0161el na svoji spletni strani? Potem se moramo spoznati! Najde\u0161 nas <a href=\"https:\/\/dev.optiweb.com\/sl\/spoznajmo-se\/\" target=\"_blank\" rel=\"noopener\">tukaj<\/a>.<\/p>\n<\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Ker izdelava spletnih strani v Wordpressu vedno zahteva podobne korake, smo si v Optiwebu celoten proces olaj\u0161ali z izdelavo lastnega vti\u010dnika. Le kako?<\/p>\n","protected":false},"author":4,"featured_media":17578,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1030],"tags":[],"_links":{"self":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/18014"}],"collection":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/comments?post=18014"}],"version-history":[{"count":9,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/18014\/revisions"}],"predecessor-version":[{"id":37947,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/18014\/revisions\/37947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media\/17578"}],"wp:attachment":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media?parent=18014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/categories?post=18014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/tags?post=18014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}