{"id":5630,"date":"2020-06-04T20:36:38","date_gmt":"2020-06-04T20:36:38","guid":{"rendered":"https:\/\/musilda.cz\/?p=5630"},"modified":"2020-06-04T20:36:38","modified_gmt":"2020-06-04T20:36:38","slug":"generatepress-rychla-a-spolehliva-wordpress-sablona","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/generatepress-rychla-a-spolehliva-wordpress-sablona\/","title":{"rendered":"GeneratePress – rychl\u00e1 a spolehliv\u00e1 WordPress \u0161ablona"},"content":{"rendered":"\n
Rychl\u00e1 jednoduch\u00e1 a spolehliv\u00e1 \u0161ablona pro WordPress? P\u0159esn\u011b takov\u00e1 je \u0161ablona GeneratePress. S v\u00edce ne\u017e dv\u011bma a p\u016fl miliony sta\u017een\u00ed se \u0159ad\u00ed k nejpopul\u00e1rn\u011bj\u0161\u00edm \u0161ablon\u00e1m a o jej\u00ed kvalit\u011b hovo\u0159\u00ed v\u00edce ne\u017e tis\u00edc p\u011btihv\u011bzdi\u010dkov\u00fdch recenz\u00ed. <\/p>\n\n\n\n
Auto\u0159i \u0161ablony zvolili obchodn\u00ed model free \u0161ablony s omezen\u00fdmi mo\u017enostmi a placen\u00e9 pr\u00e9miov\u00e9 verze. Pokud nechcete ztr\u00e1cet \u010das se \u010dten\u00edm, m\u016f\u017eete se na Premium GeneratePress pod\u00edvat<\/a>.<\/p>\n\n\n\n Stejn\u011b jako ka\u017ed\u00e1 \u0161ablona, jen\u017e je um\u00edst\u011bn\u00e1 v reposit\u00e1\u0159i WordPress.org, je i GeneratePress mo\u017en\u00e9 vyhledat v administraci WordPressu.<\/p>\n\n\n\n Syst\u00e9m v\u00e1m nab\u00eddne \u0161ablonu k instalaci <\/p>\n\n\n\n Po nainstalov\u00e1n\u00ed a aktivaci \u0161ablony, se v\u00e1m za\u010dne zobrazovat velmi jednoduch\u00fd design webu:<\/p>\n\n\n\n Jak vid\u00edte, nen\u00ed to nic p\u0159ekombinovan\u00e9ho, jednoduch\u00fd a st\u0159\u00edzliv\u00fd design, kter\u00fd se d\u00e1 ale pom\u011brn\u011b jednodu\u0161e upravovat. <\/p>\n\n\n\n P\u0159esto\u017ee se v\u00e1m v postrann\u00edm menu objev\u00ed polo\u017eka GeneratePress, jsou v n\u00ed pouze moduly, kter\u00e9 jsou sou\u010d\u00e1st\u00ed premiov\u00e9 verze. <\/p>\n\n\n\n N\u011bjak\u00e9 mo\u017enosti n\u00e1m do za\u010d\u00e1tku d\u00e1v\u00e1 p\u0159edev\u0161\u00edm customiz\u00e9r kde najdeme tyto volby:<\/p>\n\n\n\n Proto\u017ee je web nov\u00fd a nen\u00ed na n\u011bm \u017e\u00e1dn\u00fd obsah, pou\u017eijeme plugin FakerPress<\/a>, kter\u00fd um\u00ed naplnit WordPress p\u0159\u00edsp\u011bvky a str\u00e1nkami. S obsahem se bude l\u00e9pe pracovat.<\/p>\n\n\n\n Standartn\u00ed sou\u010d\u00e1st\u00ed mo\u017enost\u00ed \u00fapravy je zm\u011bna site title, tagline a p\u0159id\u00e1n\u00ed loga. Site title a tagline m\u016f\u017eeme skr\u00fdt a lze tak\u00e9 nastavit velikost loga.<\/p>\n\n\n\n V nastaven\u00ed layoutu (rozvr\u017een\u00ed) webu je u\u017e mo\u017enost\u00ed v\u00edce. <\/p>\n\n\n\n Je zde mo\u017en\u00e9 nastavit \u0161\u00ed\u0159ku obsahu webu, upravit hlavi\u010dku, hlavn\u00ed navigaci, sidebar, pati\u010dku a blog. <\/p>\n\n\n\n Nastaven\u00ed headeru<\/p>\n\n\n\n Nastaven\u00ed hlavi\u010dky m\u00e1 n\u011bkolik voleb, z nich\u017e nejzaj\u00edmav\u011bj\u0161\u00ed je volba rozlo\u017een\u00ed, kde je sta\u010d\u00ed p\u0159epnout v\u00fdb\u011br a hlavi\u010dka se zm\u011bn\u00ed. <\/p>\n\n\n\n V\u00fdchoz\u00ed<\/strong><\/p>\n\n\n\n Vycentrovan\u00e1 s navigac\u00ed nad logem<\/strong><\/p>\n\n\n\n Vycentrovan\u00e1 s navigac\u00ed pod logem<\/p>\n\n\n\n Logo vlevo, navigace vpravo<\/strong><\/p>\n\n\n\n Logo vpravo, navigace vlevo<\/strong><\/p>\n\n\n\n Z dal\u0161\u00ed voleb je je\u0161t\u011b zaj\u00edmav\u00e1 mo\u017enost nastavit hlavi\u010dku jako boxed.<\/p>\n\n\n\n Toto nastaven\u00ed se trochu prol\u00edn\u00e1 s nataven\u00edm hlavi\u010dky, ale i tak se d\u00e1 navigace celkem p\u011bkn\u011b upravovat. <\/p>\n\n\n\n \u0160\u00ed\u0159ka navigace<\/strong><\/p>\n\n\n\n Vnit\u0159n\u00ed \u0161\u00ed\u0159e navigace<\/strong><\/p>\n\n\n\n Zarovn\u00e1n\u00ed navigace<\/strong><\/p>\n\n\n\n Um\u00edst\u011bn\u00ed navigace<\/p>\n\n\n\n Jak vid\u00edte, zde je mo\u017enost\u00ed pom\u011brn\u011b dost a velmi dobr\u00e9 mi p\u0159i\u0161lo um\u00edst\u011bn\u00ed navigace v sidebaru:<\/p>\n\n\n\n Rozbalen\u00ed podmenu<\/strong><\/p>\n\n\n\n Zarovn\u00e1n\u00ed podmenu<\/strong><\/p>\n\n\n\n Zobrazen\u00ed vyhled\u00e1v\u00e1n\u00ed v navigac<\/strong>i<\/p>\n\n\n\n Nastaven\u00ed postrann\u00edch panel\u016f je pom\u011brn\u011b jednoduch\u00e9, jde o kombinace sidebar vlevo, nebo v pravo, \u010di v kombinaci dva sidebary a obsah. Na screenu vid\u00edte volbu dvou sidebar\u016f a obsahu uprost\u0159ed.<\/p>\n\n\n\n \u0160ablona obsahuje n\u011bkolik um\u00edst\u011bn\u00ed pro sidebary a v pati\u010dce to je 5 box\u016f a footer bar. <\/p>\n\n\n\n Podle toho, kolik zvol\u00edte v nastaven\u00ed pol\u00ed, tolik se bude v pati\u010dce zobrazovat sloupc\u016f.<\/p>\n\n\n\n Krom\u011b toho, obsahuje nastaven\u00ed pati\u010dky i mo\u017enost zapnout tla\u010d\u00edtku „Zp\u011bt nahoru“ a um\u00edstit obsah do footer baru. M\u016f\u017eete tak do spodn\u00ed li\u0161ty pod pati\u010dkou p\u0159idat dal\u0161\u00ed naviga\u010dn\u00ed menu.<\/p>\n\n\n\n Posledn\u00ed polo\u017ekou v nastaven\u00ed layoutu je nastaven\u00ed blogu. M\u016f\u017eete si zvolit pouze to, zda se na v\u00fdpisu \u010dl\u00e1nk\u016f bude zobrazovat zkr\u00e1cen\u00fd v\u00fdpis, nebo cel\u00fd obsah p\u0159\u00edsp\u011bvku.<\/p>\n\n\n\n Nastaven\u00ed barev<\/p>\n\n\n\n Zde si m\u016f\u017eete zvolit z n\u00e1sleduj\u00edc\u00edch mo\u017enost\u00ed:<\/p>\n\n\n\n V tomto nastaven\u00ed si m\u016f\u017eete zm\u011bnit font family – p\u00edsmo a nadefinovat velikost p\u00edsma, jeho \u0159ez a v\u00fd\u0161ku \u0159\u00e1dku pro: <\/p>\n\n\n\n Toto nastaven\u00ed umo\u017e\u0148uje vybrat, zda budou ikony jako font, nebo svg, zda se budou spojovat css soubory a zda se bude ukl\u00e1dat dynamick\u00e9 css do cache.<\/p>\n\n\n\n Toto nastaven\u00ed umo\u017e\u0148uje vytv\u00e1\u0159et a p\u0159i\u0159azovat menu, plus pr\u00e1ci s widgety. Pro ob\u011b mo\u017enosti jsou v administraci WordPressu samostatn\u00e9 str\u00e1nky, kter\u00e9 jsou podstatn\u011b p\u0159ehledn\u011bj\u0161\u00ed. <\/p>\n\n\n\n Stejn\u011b tak m\u016f\u017eete nastaven\u00ed toho co se bude zobrazovat na hlavn\u00ed stran\u011b, ulo\u017eit v nastaven\u00ed zobrazov\u00e1n\u00ed. Na v\u00fdb\u011br m\u00e1te v\u00fdpis p\u0159\u00edsp\u011bvk\u016f, nebo statickou str\u00e1nku.<\/p>\n\n\n\n V posledn\u00edm nastaven\u00ed si m\u016f\u017eete dopisovat vlastn\u00ed css, pokud nechcete p\u0159episovat soubory se styly. Tato mo\u017enost je ale u ka\u017ed\u00e9 \u0161ablony, proto\u017ee to je standartn\u00ed sou\u010d\u00e1st WordPressu. <\/p>\n\n\n\n Jak jsem psal v \u00favodu, jedn\u00edm z d\u016fvod\u016f, pro\u010d je \u0161ablona obl\u00edben\u00e1, je jej\u00ed rychlost. To je zap\u0159\u00ed\u010din\u011bno t\u00edm, \u017ee v \u0161ablon\u011b v podstat\u011b nen\u00ed nic nav\u00edc. <\/p>\n\n\n\n D\u00edky tomu, se jedn\u00e1 o \u0161ablonu, jen\u017e je \u010dasto pou\u017e\u00edvan\u00e1 jako starter theme pro stavbu web\u016f. D\u00e1 s toti\u017e pom\u011brn\u011b jednodu\u0161e roz\u0161i\u0159ovat a upravovat. B\u011b\u017en\u011b u pr\u00e9miov\u00fdch \u0161ablon b\u00fdv\u00e1 probl\u00e9m opa\u010dn\u00fd, je t\u0159eba odstra\u0148ovat prvky, kter\u00e9 nepot\u0159ebujete.<\/p>\n\n\n\n V\u00fdsledky test\u016f rychlosti po instalaci \u0161ablony:<\/p>\n\n\n\n Dal\u0161\u00ed z p\u0159ednost\u00ed GeneratePress<\/a> je jej\u00ed upravovatelnost. K\u00f3d je naps\u00e1n s ohledem na v\u00fdvoj\u00e1\u0159e, tak\u017ee obsahuje \u0159adu akc\u00ed, hook\u016f a p\u0159edev\u0161\u00edm pou\u017e\u00edv\u00e1 function_exists podm\u00ednku, tak\u017ee nen\u00ed probl\u00e9m p\u0159en\u00e1\u0161et p\u016fvodn\u00ed funkce do child \u0161ablony a tam je upravovat. <\/p>\n\n\n\n Na obr\u00e1zku vid\u00edte \u010d\u00e1st k\u00f3du souboru content-page.php, co\u017e je soubor, jen\u017e se star\u00e1 o vykreslen\u00ed obsahu str\u00e1nky. Jen na t\u00e9to mal\u00e9 uk\u00e1zce jsou t\u0159i akce, jedna p\u0159ed obsahem, druh\u00e1 p\u0159ed nadpisem a t\u0159et\u00ed po nadpisu. <\/p>\n\n\n\n Nen\u00ed tak probl\u00e9m, p\u0159id\u00e1vat dal\u0161\u00ed prvky do \u0161ablony pomoc\u00ed vlastn\u00edch fumkc\u00ed, nebo plugin\u016f.<\/p>\n\n\n\n \u0158ada \u0161ablon uv\u00e1d\u00ed, \u017ee jsou SEO friendly. O GeneratePress to plat\u00ed tak\u00e9 co\u017e dokazuje podpora strukturovan\u00fdch dat ji\u017e v z\u00e1kladu bez nutnosti doinstalov\u00e1vat pluginy. Na obr\u00e1zku vid\u00edte v\u00fdsledek testu z n\u00e1stroje pro kontrolu strukturovan\u00fdch dat od Google. <\/p>\n\n\n\n N\u00e1stroj na\u0161el 16 polo\u017eek, bez jedin\u00e9 chyby.<\/p>\n\n\n\n Jak jsem zm\u00ednil ji\u017e d\u0159\u00edve, GeneratePress je mo\u017en\u00e9 roz\u0161\u00ed\u0159it pomoc\u00ed pr\u00e9miov\u00fdch modul\u016f<\/a>.<\/p>\n\n\n\n K dispozici jsou:<\/p>\n\n\n\n N\u011bkolik free roz\u0161\u00ed\u0159en\u00ed pro GeneratePress<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Rychl\u00e1 jednoduch\u00e1 a spolehliv\u00e1 \u0161ablona pro WordPress? P\u0159esn\u011b takov\u00e1 je \u0161ablona GeneratePress. S v\u00edce ne\u017e dv\u011bma a p\u016fl miliony sta\u017een\u00ed se \u0159ad\u00ed k nejpopul\u00e1rn\u011bj\u0161\u00edm \u0161ablon\u00e1m a o jej\u00ed kvalit\u011b hovo\u0159\u00ed v\u00edce ne\u017e tis\u00edc p\u011btihv\u011bzdi\u010dkov\u00fdch recenz\u00ed. Auto\u0159i \u0161ablony zvolili obchodn\u00ed model free \u0161ablony s omezen\u00fdmi mo\u017enostmi a placen\u00e9 pr\u00e9miov\u00e9 verze. Pokud nechcete ztr\u00e1cet \u010das se \u010dten\u00edm,<\/p>\n","protected":false},"author":1,"featured_media":9479,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45,32],"tags":[],"class_list":["post-5630","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-sablony","category-wordpress-sablony"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/5630"}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=5630"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/5630\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/9479"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=5630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=5630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=5630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Instalace \u0161ablony<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Nastaven\u00ed \u0161ablony<\/h2>\n\n\n\n
Obsah pro testov\u00e1n\u00ed<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Nastaven\u00ed loga<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Layout<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Nastaven\u00ed hlavn\u00ed navigace<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Sidebars<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Pati\u010dka<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Blog<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Typografie<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
General<\/h2>\n\n\n\n
Menu a Widgety<\/h2>\n\n\n\n
Nastaven\u00ed hlavn\u00ed strany<\/h2>\n\n\n\n
Vlastn\u00ed css<\/h2>\n\n\n\n
Rychlost \u0161ablony<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Editovatelnost \u0161ablony<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Strukturovan\u00e1 data<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Pr\u00e9miov\u00e9 moduly<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Free pluginy<\/h2>\n\n\n\n