{"id":128,"date":"2014-12-16T14:53:48","date_gmt":"2014-12-16T13:53:48","guid":{"rendered":"https:\/\/profitarhely.hu\/blog\/?p=128"},"modified":"2023-02-14T15:14:22","modified_gmt":"2023-02-14T14:14:22","slug":"5-meno-es-mobilbarat-wordpress-sablon","status":"publish","type":"post","link":"https:\/\/profitarhely.hu\/blog\/5-meno-es-mobilbarat-wordpress-sablon\/","title":{"rendered":"5 men\u0151 \u00e9s mobilbar\u00e1t WordPress sablon"},"content":{"rendered":"<p>A WordPress egyik legnagyobb el\u0151nye, hogy programoz\u00e1s n\u00e9lk\u00fcl szinte b\u00e1rmit megoldhatunk benne, ami egy weboldalhoz sz\u00fcks\u00e9ges. Nincs ez m\u00e1sk\u00e9pp a kin\u00e9zettel sem. Nem kell grafikusnak lenn\u00fcnk ahhoz, hogy profi megjelen\u00e9s\u0171 weboldalunk legyen, ugyanis az interneten rengeteg (de t\u00e9nyleg rengeteg!) ingyenes \u00e9s fizet\u0151s sablon k\u00f6z\u00fcl v\u00e1logathatunk kedv\u00fcnkre.<\/p>\n<p><!--more--><\/p>\n<p>Id\u0151nk\u00e9nt nem \u00e1rt, ha egy picit \u00faj, modernebb kin\u00e9zettel rukkolunk el\u0151, &#8222;\u00fajracsomagoljuk&#8221; WordPress oldalunkat. Ez az\u00e9rt is fontos, mert egyre ink\u00e1bb terjednek a mobilk\u00e9sz\u00fcl\u00e9kek, \u00e9s bizony nem \u00e1rt olyan sablont haszn\u00e1lnunk, ami mobilon \u00e9s t\u00e1blag\u00e9pen is haszn\u00e1lhat\u00f3, \u00e9s mutat\u00f3s.<\/p>\n<p>A Google hamarosan el\u0151nyben fogja r\u00e9szes\u00edteni azokat a weboldalakat, amik optimaliz\u00e1lva lettek mobilk\u00e9sz\u00fcl\u00e9kre is. Azon fel\u00fcl, hogy pontoz\u00e1si el\u0151nyben r\u00e9szes\u00fclnek ezek a weboldalak (jobb tal\u00e1lat a keres\u0151ben), v\u00e1rhat\u00f3an egy mobil ikonnal is jel\u00f6lni fogja a list\u00e1ban azokat az oldalakat, amik mobilr\u00f3l n\u00e9zve is megfelel\u0151 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt ny\u00fajtanak. Ennek k\u00f6sz\u00f6nhet\u0151en m\u00e1r kattint\u00e1s el\u0151tt tudni fogja a l\u00e1togat\u00f3, hogy \u00e9rdemes-e a weboldalra navig\u00e1lni, tudja-e majd akad\u00e1lymentesen haszn\u00e1lni mobilj\u00e1n, t\u00e1blag\u00e9p\u00e9n.<\/p>\n<p>A h\u00edr kapcs\u00e1n \u00f6sszegy\u0171jt\u00fctt\u00fcnk nektek 5 ingyenes, de kiv\u00e1ll\u00f3 min\u0151s\u00e9g\u0171 WordPress sablont, amik mobilon is t\u00f6k\u00e9letesen mutatnak, azaz reszponz\u00edvak.<\/p>\n<p><strong>1) Playbook<\/strong><\/p>\n<p>A Playbook egy 100%-osan HTML 5 \u00e9s CSS 3 alap\u00fa reszponz\u00edv WordPress sablon. Szerkezete miatt f\u0151k\u00e9nt szem\u00e9lyes \u00e9s szakmai blogokhoz aj\u00e1nljuk. A felhaszn\u00e1lt technol\u00f3gi\u00e1knak k\u00f6sz\u00f6nhet\u0151en nem csak sz\u00e9p, de keres\u0151 bar\u00e1t is, ezzel hozz\u00e1j\u00e1rulva, hogy oldalad a keres\u0151k \u00e9l\u00e9re rep\u00edtsd!<\/p>\n<p><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-playbook.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-129\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-playbook.jpg\" alt=\"1-playbook\" width=\"500\" height=\"643\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-playbook.jpg 500w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-playbook-233x300.jpg 233w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Dem\u00f3: <a href=\"http:\/\/demo.mythemeshop.com\/s\/?theme=Playbook\">http:\/\/demo.mythemeshop.com\/s\/?theme=Playbook<\/a><br \/>\nLet\u00f6lt\u00e9s: <a href=\"https:\/\/mythemeshop.com\/themes\/playbook\/\">https:\/\/mythemeshop.com\/themes\/playbook\/<\/a><\/p>\n<p><strong>2) Arcade<\/strong><\/p>\n<p>Ha saj\u00e1t term\u00e9ked szeretn\u00e9d bemutatni leend\u0151 \u00fcgyfeleidnek, ezt a sablont felt\u00e9tlen ki kell pr\u00f3b\u00e1lnod. Ez egy igaz\u00e1n sz\u00e9p \u00e9s letisztult sablon, melynek nagyszer\u0171s\u00e9ge egyszer\u0171s\u00e9g\u00e9ben rejlik.<\/p>\n<p><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-arcade.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-131\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-arcade.jpg\" alt=\"1-arcade\" width=\"1000\" height=\"814\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-arcade.jpg 1000w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/1-arcade-300x244.jpg 300w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>Dem\u00f3: <a href=\"http:\/\/demos.bavotasan.com\/arcade\/\">http:\/\/demos.bavotasan.com\/arcade\/<\/a><br \/>\nLet\u00f6lt\u00e9s: <a href=\"https:\/\/wordpress.org\/themes\/arcade-basic\">https:\/\/wordpress.org\/themes\/arcade-basic<\/a><\/p>\n<p><strong>3) Hueman<\/strong><\/p>\n<p>H\u00e1rom oszlopos kialak\u00edt\u00e1sa \u00e9s a be\u00e9p\u00edtett poszt aj\u00e1nl\u00f3 rendszereknek k\u00f6sz\u00f6nhet\u0151en, ezzel a sablonnal gyorsan \u00e9s egyszer\u0171en tudsz magazin jelleg\u0171 oldalakat kialak\u00edtani.<\/p>\n<p>A be\u00e9p\u00edtett social megold\u00e1sokkal egyszer\u0171en oszthatj\u00e1k meg cikkeid a Twitteren, Facebookon vagy ak\u00e1r a Google Plus-szon.<\/p>\n<p><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/3-Hueman.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-132\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/3-Hueman.jpg\" alt=\"3-Hueman\" width=\"820\" height=\"461\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/3-Hueman.jpg 820w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/3-Hueman-300x168.jpg 300w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/a><\/p>\n<p>Dem\u00f3: <a href=\"http:\/\/demo.alxmedia.se\/hueman\">http:\/\/demo.alxmedia.se\/hueman<\/a><br \/>\nLet\u00f6lt\u00e9s: <a href=\"http:\/\/alxmedia.se\/themes\/hueman\/\">http:\/\/alxmedia.se\/themes\/hueman\/<\/a><\/p>\n<p><strong>4) Designfolio<\/strong><\/p>\n<p>Egyszer\u0171, letisztult, eleg\u00e1ns \u00e9s rendk\u00edv\u00fcl sokoldal\u00fa sablon. Oktat\u00f3 jelleg\u0171 oldalakhoz nagyon j\u00f3 v\u00e1laszt\u00e1s lehet.<br \/>\n7 be\u00e9p\u00edtett sz\u00edns\u00e9m\u00e1t tartalmaz, ez\u00e1ltal k\u00f6nnyen kiv\u00e1laszthatod az \u00edzl\u00e9sednek megfelel\u0151t an\u00e9lk\u00fcl, hogy b\u00fctyk\u00f6ln\u00f6d kellene a CSS-t.<\/p>\n<p><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/4-design_folio.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-133\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/4-design_folio.jpg\" alt=\"4-design_folio\" width=\"600\" height=\"500\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/4-design_folio.jpg 600w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/4-design_folio-300x250.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Dem\u00f3: <a href=\"http:\/\/www.presscoders.com\/demos\/demo\/designfolio.php\">http:\/\/www.presscoders.com\/demos\/demo\/designfolio.php<\/a><br \/>\nLet\u00f6lt\u00e9s: <a href=\"http:\/\/www.presscoders.com\/designfolio-free-download\/\">http:\/\/www.presscoders.com\/designfolio-free-download\/<\/a><\/p>\n<p><strong>5) Simple grid<\/strong><\/p>\n<p>Mutasd meg a vil\u00e1gnak, hogy mit tudsz! A sablon haszn\u00e1lat\u00e1val pillanatok alatt elk\u00e9sz\u00edtheted porf\u00f3li\u00f3 oldalad, legyen sz\u00f3 fot\u00f3z\u00e1sr\u00f3l, grafik\u00e1r\u00f3l vagy b\u00e1rmilyen \u00e1ltalad ny\u00fajtott szolg\u00e1ltat\u00e1sr\u00f3l.<\/p>\n<p><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/5-Simple_grid.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-134\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/5-Simple_grid.jpg\" alt=\"5-Simple_grid\" width=\"669\" height=\"808\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/5-Simple_grid.jpg 669w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2014\/12\/5-Simple_grid-248x300.jpg 248w\" sizes=\"(max-width: 669px) 100vw, 669px\" \/><\/a><\/p>\n<p>Dem\u00f3: <a href=\"http:\/\/www.dessign.net\/simplegridtheme\/blog\/\">http:\/\/www.dessign.net\/simplegridtheme\/blog\/<\/a><br \/>\nLet\u00f6lt\u00e9s: <a href=\"http:\/\/www.dessign.net\/zipthemes\/simplegridtheme.zip?16f8e3\">http:\/\/www.dessign.net\/zipthemes\/simplegridtheme.zip?16f8e3<\/a><\/p>\n<script type=\"text\/javascript\" src=\"https:\/\/mtc.profitarhely.hu\/form\/generate.js?id=2\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>A WordPress egyik legnagyobb el\u0151nye, hogy programoz\u00e1s n\u00e9lk\u00fcl szinte b\u00e1rmit megoldhatunk benne, ami egy weboldalhoz sz\u00fcks\u00e9ges. Nincs ez m\u00e1sk\u00e9pp a kin\u00e9zettel sem. Nem kell grafikusnak lenn\u00fcnk ahhoz, hogy profi megjelen\u00e9s\u0171 weboldalunk legyen, ugyanis az interneten rengeteg (de t\u00e9nyleg rengeteg!) ingyenes \u00e9s fizet\u0151s sablon k\u00f6z\u00fcl v\u00e1logathatunk kedv\u00fcnkre.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[36],"tags":[23,22,21],"class_list":["post-128","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-mobilbarat-sablon","tag-reszponziv-sablon","tag-wordpress-sablon","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/128"}],"collection":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":5,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":1729,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions\/1729"}],"wp:attachment":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}