{"id":3778,"date":"2019-05-23T09:35:10","date_gmt":"2019-05-23T09:35:10","guid":{"rendered":"https:\/\/www.domovanje.com\/podpora\/?post_type=kb&p=3778"},"modified":"2019-05-23T11:52:09","modified_gmt":"2019-05-23T11:52:09","slug":"gutenberg","status":"publish","type":"kb","link":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/","title":{"rendered":"Gutenberg"},"content":{"rendered":"

Z novej\u0161o razli\u010dico WordPress-a 5.0+ so se pri WordPressu odlo\u010dili se reformirati na\u010din pisanja in oblikovanja prispevkov\/strani. Uvedli so Gutenbergove \u201cblock\u201d. To je kot nek blok vsebine (besedilo, slika, prispevek, \u2026), ki je ume\u0161\u010dena v strukturo strani. Zato zdaj lahko gradimo na\u0161e strani\/prispevke iz teh blokov. V kolikor ste v preteklosti uporabljali katerega od site builderjev, potem vam Gutenbergov urejevalnik ne bo preve\u010d tuj in ga boste hitro osvojili.<\/p>\n

Pregled osnovnih gumbov urejevalnika:<\/h3>\n
    \n
  1. S klikom na + dodajate nove bloke (razli\u010dni bloki glede na vsebino, ki jo \u017eelite dodati)<\/li>\n
  2. Gumba za povrnitev prej\u0161nje \/ prihodnje verzije<\/li>\n
  3. Naslov prispevka ali strani<\/li>\n
  4. \u017de poznani gumbi za shranjevanje, objavo, predogled prispevka oziroma strani.<\/li>\n
  5. Urejanje nastavitev te strani (npr. glavna slika prispevka, kategorije, tag-i, ipd \u2013 podobno kot pri klasi\u010dnem urejevalniku)<\/li>\n
  6. Urejanje nastavitev izbranega bloka oziroma vsebine (blok izberete s klikom nanj)<\/li>\n<\/ol>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

    Na desni strani so \u0161e vedno prikazane nastavitve strani, vendar imate sedaj tam poleg nastavitev za cel dokument\/stran, zavihek blok, torej za urejanje posameznih nastavitev blokov.<\/p>\n

    Pregled blokov:<\/h3>\n

    Kot sem \u017ee omenil, s klikom na plus gradimo na\u0161o stran, vendar je potrebno vedeti kateri blok vam bo v pomo\u010d kje in kaj so nekateri bloki.<\/p>\n

    Osnovni bloki za vsebino ali Common blocks – namenjeni za dodajanje razli\u010dnih vsebin na stran:<\/p>\n

    \"\"<\/p>\n

    1. Paragraph – za dodajanje novega odstavka<\/h4>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

    V blok dodate \u017eeleno besedilo, na vrhu imate manj\u0161o orodno vrstico z nekaj osnovnimi opcijami, kot so boldiranje in po\u0161evnost teksta. Na desni imate mo\u017enost spreminjanja velikosti pisave in urediti naj se blok za\u010dne z veliko za\u010detnico, ter nastavitve za barvo. V zgornjem delu nastavitev za barvo urejamo barvo ozadja, v spodnjem barvo pisave. Pod izbiro barv se pa glede na va\u0161e izbrane barve pojavi oken\u010dek z nasveti glede izbiranja barv.<\/p>\n

    2. Heading – za dodajanje naslova<\/h4>\n

    \"\"<\/p>\n

    V blok dodate va\u0161 naslov, na desni strani imate nastavitve za velikost naslova.<\/p>\n

    3. Image – za dodajanje slike<\/h4>\n

    1. Izberete sliko
    \n2. Lahko spremenite lego slike na strani
    \n3. Lahko spremenite alternativen opis slike
    \n4. Se odlo\u010dite v kak\u0161ni velikosti boste sliko prikazovali
    \n5. Lahko dolo\u010dite, kar dimenzijo slike
    \n6. Dolo\u010dite povezavo<\/p>\n

    \"\"<\/p>\n

    4. Gallery – dodajanje galerije<\/h4>\n

    \"\"<\/p>\n

    Dodajate slike v galerijo, na desni pa lahko spremenite koliko stolpcev \u017eelite imeti.<\/p>\n

    5. List – dodajanje seznama<\/h4>\n

    \"\"<\/p>\n

    Blok za urejanje seznamov z standardnimi mo\u017enostmi<\/p>\n

    6. Quote – dodajanje citatov<\/h4>\n

    \"\"<\/p>\n

    Na voljo imate tudi dva stila.<\/p>\n

    7. Audio – Izbira audio datoteke za predvajanje na spletni strani<\/h4>\n

    \"\"<\/p>\n

    Z mo\u017enostmi, da se samodejno za\u010dne predvajati in samodejnim ponovnim predvajanjem.<\/p>\n

    8. Cover – Naslovna slika na strani z napisom<\/h4>\n

    \"\"<\/p>\n

    Z mo\u017enostjo izbire barve in nivojem prosojnosti.<\/p>\n

    9. File – dodajanje datoteko za prenos na stran<\/h4>\n

    \"\"<\/p>\n

    Dolo\u010dite datoteko, lahko spremenite kje naj se datoteka odpre (isti zavihek ali nov), ter ali \u017eelite da je prikazan gumb download.<\/p>\n

    10. Video – dodajanje lastnih videov ali embed z drugih strani (youtube) za predvajanje na stran<\/h4>\n

    \"\"<\/p>\n

    Bloki pod oznako Oblikovanje:<\/h2>\n

    \"\"<\/p>\n

      \n
    1. Code – blok, kjer lahko na lep\u0161i na\u010din prika\u017eete kodo<\/li>\n
    2. Classic – blok s klasi\u010dnim urejevalnikom<\/li>\n
    3. Custom HTML – blok v katerega lahko vnesete svojo HTML kodo<\/li>\n
    4. Preformatted – blok za besedilo<\/li>\n
    5. Pullquote – za lep\u0161o obliko in vidnost citata<\/li>\n
    6. Table – dodajanje tabel na stran<\/li>\n
    7. Verse – dodajanje verzov na stran<\/li>\n<\/ol>\n

      V tem razdelku predlagam, da greste skozi bloke in si ogledate vpliv na sami strani.<\/p>\n

      Layout elements, bloki za dodajanje oblike va\u0161i vsebini:<\/h4>\n

      1. Button – dodajanje gumbov<\/p>\n

      2. Columns – za urejanje vsebin v ve\u010d stolpcih, na desni dolo\u010dite koliko stolpcev \u017eelite imeti. V same stolpce lahko nato dodate katerekoli bloke (ne samo tekst)<\/p>\n

      \"\"<\/p>\n

      3. Media & Text – za \u0161e mo\u010dnej\u0161o kontrolo nad sliko in tekstom, ki ju \u017eelite prikazati eno ob drugi. Dolo\u010dite lahko na kateri strani naj bo slika, kako se prika\u017ee na mobilnih napravah in barvo ozadja.<\/p>\n

      \"\"<\/p>\n

      4. More – dolo\u010di od kje naprej se prika\u017ee samo \u0161e na samem prispevku in ne v kratkem opisu
      \n5. Page break – prelom strani
      \n6. Separator – horizontalna \u010drta na strani
      \n7. Spacer – prazen prostor med elementi<\/p>\n

      Gradniki:<\/h4>\n
        \n
      1. Shortcode – za dodajanje vti\u010dnikov na stran. Nekateri vti\u010dniki potrebujejo\/dovoljujejo uporabo shortcode, s tem vti\u010dnikom jih lahko enostavno dodate na stran<\/li>\n
      2. Archives – arhiv prispevkov<\/li>\n
      3. Categories – kategorije prispevkov<\/li>\n
      4. Latest Comments – zadnji komentarji<\/li>\n
      5. Latest Posts – zadnji prispevki<\/li>\n<\/ol>\n

        \"\"<\/p>\n

        Ostane nam \u0161e razdelek blokov \u201cVstavki\u201d in sicer so to bloki povezani z raznoraznimi socialnimi omre\u017eji (facebook, instagram, …), so enostavni za uporabo zato predlagam, da jih potestirate kar sami.<\/p>\n

        Najbolj\u0161i del Gutenberga: Reusable block<\/h2>\n

        Vsak block vsebine lahko shranite kot Reusable block. Kot pove \u017ee ime, so to del\u010dki vsebine, ki jih lahko uporabite na razli\u010dnih straneh.<\/p>\n

        Kako blok dodate med Reusable blocks:<\/p>\n

          \n
        1. Ozna\u010dite blok, in z klikom na 3 pikce odprete druge akcije,<\/li>\n
        2. med temi akcijami najdete mo\u017enost dodaj med Reusable blocks. V kolikor jo \u017ee imate med Reusable blocks jo lahko tako tudi odstranite.<\/li>\n<\/ol>\n

          \"\"<\/p>\n

          Osebno so mi reusable bloki najbolj uporabni, ker je njihova vsebina ista na vseh straneh, torej \u010de boste spremenili vsebino ne bo potrebno obiskati vseh strani, vendar to uredite na samo enem in sprememba bo vidna na vseh straneh.<\/p>\n

          \"\"<\/p>\n

          V na\u0161em reusable bloku imam dodan tekst na strani Gutenberg bloki, ki ga \u017eelim zbrisati. Ta isti blok sem dodal \u0161e na Sample Page.<\/p>\n

          \"\"<\/p>\n

          Nato sem odstranil tekst, ter shranil in \u017ee je sprememba aktualna tudi na strani Gutenberg bloki.<\/p>\n

          \"\"\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

          Z novej\u0161o razli\u010dico WordPress-a 5.0+ so se pri WordPressu odlo\u010dili se reformirati na\u010din pisanja in oblikovanja prispevkov\/strani. Uvedli so Gutenbergove \u201cblock\u201d. To je kot nek blok vsebine (besedilo, slika, prispevek, \u2026), ki je ume\u0161\u010dena v strukturo strani. Zato zdaj lahko gradimo na\u0161e strani\/prispevke iz teh blokov. V kolikor ste v preteklosti uporabljali katerega od site […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[115],"kbtag":[],"class_list":["post-3778","kb","type-kb","status-publish","hentry","kbtopic-gutenberg"],"yoast_head":"\nGutenberg - Podpora domovanje.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"sl_SI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg - Podpora domovanje.com\" \/>\n<meta property=\"og:description\" content=\"Z novej\u0161o razli\u010dico WordPress-a 5.0+ so se pri WordPressu odlo\u010dili se reformirati na\u010din pisanja in oblikovanja prispevkov\/strani. Uvedli so Gutenbergove \u201cblock\u201d. To je kot nek blok vsebine (besedilo, slika, prispevek, \u2026), ki je ume\u0161\u010dena v strukturo strani. Zato zdaj lahko gradimo na\u0161e strani\/prispevke iz teh blokov. V kolikor ste v preteklosti uporabljali katerega od site […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"Podpora domovanje.com\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-23T11:52:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16-1024x248.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/\",\"url\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/\",\"name\":\"Gutenberg - Podpora domovanje.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.domovanje.com\/podpora\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16-1024x248.png\",\"datePublished\":\"2019-05-23T09:35:10+00:00\",\"dateModified\":\"2019-05-23T11:52:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#breadcrumb\"},\"inLanguage\":\"sl-SI\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#primaryimage\",\"url\":\"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16.png\",\"contentUrl\":\"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16.png\",\"width\":1746,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.domovanje.com\/podpora\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gutenberg\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.domovanje.com\/podpora\/#website\",\"url\":\"https:\/\/www.domovanje.com\/podpora\/\",\"name\":\"Podpora domovanje.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.domovanje.com\/podpora\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.domovanje.com\/podpora\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sl-SI\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.domovanje.com\/podpora\/#organization\",\"name\":\"Podpora domovanje.com\",\"url\":\"https:\/\/www.domovanje.com\/podpora\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\/\/www.domovanje.com\/podpora\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2018\/03\/cropped-podporalogo.png\",\"contentUrl\":\"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2018\/03\/cropped-podporalogo.png\",\"width\":350,\"height\":90,\"caption\":\"Podpora domovanje.com\"},\"image\":{\"@id\":\"https:\/\/www.domovanje.com\/podpora\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg - Podpora domovanje.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/","og_locale":"sl_SI","og_type":"article","og_title":"Gutenberg - Podpora domovanje.com","og_description":"Z novej\u0161o razli\u010dico WordPress-a 5.0+ so se pri WordPressu odlo\u010dili se reformirati na\u010din pisanja in oblikovanja prispevkov\/strani. Uvedli so Gutenbergove \u201cblock\u201d. To je kot nek blok vsebine (besedilo, slika, prispevek, \u2026), ki je ume\u0161\u010dena v strukturo strani. Zato zdaj lahko gradimo na\u0161e strani\/prispevke iz teh blokov. V kolikor ste v preteklosti uporabljali katerega od site […]","og_url":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/","og_site_name":"Podpora domovanje.com","article_modified_time":"2019-05-23T11:52:09+00:00","og_image":[{"url":"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16-1024x248.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/","url":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/","name":"Gutenberg - Podpora domovanje.com","isPartOf":{"@id":"https:\/\/www.domovanje.com\/podpora\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16-1024x248.png","datePublished":"2019-05-23T09:35:10+00:00","dateModified":"2019-05-23T11:52:09+00:00","breadcrumb":{"@id":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#breadcrumb"},"inLanguage":"sl-SI","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#primaryimage","url":"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16.png","contentUrl":"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2019\/05\/image16.png","width":1746,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/www.domovanje.com\/podpora\/kb\/gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.domovanje.com\/podpora\/"},{"@type":"ListItem","position":2,"name":"Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/www.domovanje.com\/podpora\/#website","url":"https:\/\/www.domovanje.com\/podpora\/","name":"Podpora domovanje.com","description":"","publisher":{"@id":"https:\/\/www.domovanje.com\/podpora\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.domovanje.com\/podpora\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sl-SI"},{"@type":"Organization","@id":"https:\/\/www.domovanje.com\/podpora\/#organization","name":"Podpora domovanje.com","url":"https:\/\/www.domovanje.com\/podpora\/","logo":{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/www.domovanje.com\/podpora\/#\/schema\/logo\/image\/","url":"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2018\/03\/cropped-podporalogo.png","contentUrl":"https:\/\/www.domovanje.com\/podpora\/wp-content\/uploads\/2018\/03\/cropped-podporalogo.png","width":350,"height":90,"caption":"Podpora domovanje.com"},"image":{"@id":"https:\/\/www.domovanje.com\/podpora\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/kb\/3778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/comments?post=3778"}],"version-history":[{"count":9,"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/kb\/3778\/revisions"}],"predecessor-version":[{"id":3812,"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/kb\/3778\/revisions\/3812"}],"wp:attachment":[{"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/media?parent=3778"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/kbtopic?post=3778"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/www.domovanje.com\/podpora\/wp-json\/wp\/v2\/kbtag?post=3778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}