{"id":7096,"date":"2023-12-01T05:17:28","date_gmt":"2023-12-01T05:17:28","guid":{"rendered":"https:\/\/musilda.cz\/?p=7096"},"modified":"2023-12-01T05:17:28","modified_gmt":"2023-12-01T05:17:28","slug":"nacitani-obrazku-z-fotobank-ve-wordpressu","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/nacitani-obrazku-z-fotobank-ve-wordpressu\/","title":{"rendered":"Na\u010d\u00edt\u00e1n\u00ed obr\u00e1zk\u016f z fotobank ve WordPressu"},"content":{"rendered":"\n
Integrace obr\u00e1zk\u016f p\u0159\u00edmo v administraci WordPressu m\u016f\u017ee b\u00fdt pro tv\u016frce obsahu webov\u00fdch str\u00e1nek obrovskou v\u00fdhodou. Pomoc\u00ed n\u011bkter\u00e9ho z plugin\u016f fotobank jsme schopni snadno a efektivn\u011b p\u0159istupovat k \u0161irok\u00e9mu v\u00fdb\u011bru nezpoplatn\u011bn\u00fdch obr\u00e1zk\u016f. <\/p>\n\n\n\n
V tomto \u010dl\u00e1nku si rozebereme a vysv\u011btl\u00edme n\u011bkter\u00e9 zn\u00e1m\u00e9 pluginy, kter\u00e9 n\u00e1m mo\u017enost stahov\u00e1n\u00ed obr\u00e1zk\u016f ve WordPressu p\u0159idaj\u00ed.<\/p>\n\n\n\n
Po instalaci a aktivaci pluginu mus\u00edme prov\u00e9zt je\u0161t\u011b registraci na www.dreamstime.com<\/a>, nebo p\u0159\u00edmo v nastaven\u00ed pluginu ve WP. Do nastaven\u00ed se dostaneme p\u0159es knihovnu m\u00e9di\u00ed.<\/p>\n\n\n\n Roz\u0161\u00ed\u0159en\u00ed je zcela zdarma a nab\u00edz\u00ed obs\u00e1hlou knihovnu obr\u00e1zk\u016f. Obr\u00e1zky m\u016f\u017eeme filtrovat podle licence, kategori\u00ed, i barev. Zde si uk\u00e1\u017eeme z\u00e1kladn\u00ed nastaven\u00ed pluginu a v\u0161echny jeho benefity.<\/p>\n\n\n\n V sekci Pixabay m\u016f\u017eeme filtrovat podle orientace, kategori\u00ed a barev. Obr\u00e1zky m\u016f\u017eeme bu\u010f rovnou st\u00e1hnout, nebo je zobrazit a je\u0161t\u011b p\u0159ed sta\u017een\u00edm zm\u011bnit n\u011bkter\u00e1 nastaven\u00ed.<\/p>\n\n\n\n Ka\u017ed\u00fd obr\u00e1zek m\u00e1 vypln\u011bn\u00e9 atributy, kter\u00e9 m\u016f\u017eeme zm\u011bnit dle libosti. Ve fin\u00e1le obr\u00e1zek jednodu\u0161e st\u00e1hneme. Po sta\u017een\u00ed jej najdeme v knihovn\u011b m\u00e9di\u00ed.<\/p>\n\n\n\n Plugin „Free Assets Library“ najdete zde<\/a>.<\/p>\n\n\n\n Oproti p\u0159ede\u0161l\u00e9mu pluginu zde m\u00e1me v\u00edce knihoven a obr\u00e1zk\u016f, ze kter\u00fdch m\u016f\u017eeme vyb\u00edrat. V nab\u00eddce m\u00e1me hned n\u011bkolik fotobank:<\/p>\n\n\n\n Je\u0161t\u011b ne\u017e za\u010dneme cokoliv stahovat, m\u00e1me mo\u017enost zvolit maxim\u00e1ln\u00ed \u0161\u00ed\u0159ku i v\u00fd\u0161ku obr\u00e1zku(bez deformace), nastavit automatick\u00e9 generov\u00e1n\u00ed atribut\u016f…. V\u0161e zm\u00edn\u011bn\u00e9 m\u016f\u017eeme nastavit v z\u00e1lo\u017ece Nastaven\u00ed > Instant Image<\/strong>.<\/p>\n\n\n\n Plugin Instant Images najdete zde<\/a>.<\/p>\n\n\n\n Jednoduch\u00fd a efektivn\u00ed plugin pro stahov\u00e1n\u00ed obr\u00e1zk\u016f z Pexelu. Po sta\u017een\u00ed a aktivaci p\u0159ejdeme do M\u00e9dia > Pexels Photos<\/strong>, kde ji\u017e m\u016f\u017eeme voln\u011b vyhled\u00e1vat a stahovat obr\u00e1zky(zdarma), ke kter\u00fdm se nevztahuje \u017e\u00e1dn\u00e1 licence. <\/p>\n\n\n\n Obr\u00e1zky nem\u016f\u017eeme nijak filtrovat podle kategori\u00ed, ani zvolit jejich maxim\u00e1ln\u00ed velikost. K dispozici je pouze vyhled\u00e1vac\u00ed pole.<\/p>\n\n\n\n Plugin „Pexels: Free Stock Photos“ najdete zde<\/a>.<\/p>\n\n\n\n Posledn\u00ed aktualizace prob\u011bhla ji\u017e 6 let zp\u00e1tky a po d\u016fkladn\u00e9m testovan\u00ed nebylo mo\u017eno plugin rozchodit(testov\u00e1no na nejnov\u011bj\u0161\u00ed verzi WordPressu). <\/p>\n\n\n\n Z t\u011bchto d\u016fvod\u016f bych plugin nedoporu\u010doval pou\u017e\u00edvat a m\u00edsto n\u011bho zvolil alternativu, jako je plugin „Instant Images“, kter\u00fd knihovnu Pixabay zahrnuje.<\/p>\n\n\n\n Pro pou\u017e\u00edv\u00e1n\u00ed je pot\u0159eba se nejd\u0159\u00edve registrovat<\/a>, a n\u00e1sledn\u011b vyplnit token(token vlo\u017e\u00edme do Nastaven\u00ed > StockPack > Token<\/strong>). Plugin ve sv\u00e9 bezplatn\u00e9 verzi obsahuje limit, kter\u00fd umo\u017e\u0148uje st\u00e1hnout pouze 50 obr\u00e1zk\u016f za hodinu. Roz\u0161\u00ed\u0159en\u00ed podporuje hned n\u011bkolik knihoven v\u010detn\u011b Pixabay a Pexelu(n\u011bkter\u00e9 knihovny jsou pouze pro zobrazov\u00e1n\u00ed fotek, nikoliv ke sta\u017een\u00ed!).<\/p>\n\n\n\n Po aktivaci a vlo\u017een\u00ed tokenu do nastaven\u00ed pluginu si uk\u00e1\u017eeme, kde knihovnu fotek zobraz\u00edme. Pokud jsme v\u0161e ud\u011blali spr\u00e1vn\u011b, tak by se n\u00e1m b\u011bhem nahr\u00e1v\u00e1n\u00ed obr\u00e1zku m\u011bla zobrazit mo\u017enost Stockpack, kde ji\u017e m\u016f\u017eeme filtrovat a vyhled\u00e1vat obr\u00e1zky pro n\u00e1\u0161 web. Po sta\u017een\u00ed se p\u0159esunou do knihovny m\u00e9di\u00ed.<\/p>\n\n\n\n Plugin StockPack najdete zde<\/a>.<\/p>\n\n\n\n Po instalaci a aktivaci pluginu pot\u0159ebujeme z\u00edskat API kl\u00ed\u010d, kter\u00fd se n\u00e1m odemkne po registraci na webu www.unsplash.com<\/a>. Kl\u00ed\u010d se n\u00e1m pot\u00e9 automaticky p\u0159id\u00e1 do nastaven\u00ed pluginu(sta\u010d\u00ed kdy\u017e ulo\u017e\u00edme zm\u011bny).<\/p>\n\n\n\n Po aktivaci kl\u00ed\u010de se d\u00e1 v knihovn\u011b m\u00e9di\u00ed nal\u00e9zt kolonka „Unsplash“, ve kter\u00e9 m\u016f\u017eeme vyhled\u00e1vat a stahovat obr\u00e1zky.<\/p>\n\n\n\n Plugin Unsplash najdete zde<\/a>.<\/p>\n\n\n\n Pokud jsme ji\u017e za\u010dali obr\u00e1zky pou\u017e\u00edvat, m\u011bli bychom myslet tak\u00e9 na jejich spr\u00e1vn\u011b zvolen\u00fd form\u00e1t a velikost, kter\u00e1 je esenci\u00e1ln\u00ed pro rychlost WordPress webu. <\/p>\n\n\n\n Obr\u00e1zky by sice \u0161li po jednom optimalizovat a p\u0159ev\u00e1d\u011bt, to by v\u0161ak bylo velmi pomal\u00e9 a neefektivn\u00ed. Z toho d\u016fvodu existuj\u00ed pluginy, kter\u00e9 se o kompletn\u00ed optimalizaci obr\u00e1zk\u016f postaraj\u00ed automaticky ihned po jejich nahr\u00e1n\u00ed do galerie. Jedn\u00edm z t\u011bchto plugin\u016f je ShortPixel<\/a>.<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n
\n
\n
\n
\n
\n
WordPress plugin „Free Assets Library“ <\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n
<\/a><\/figure>\n\n\n\n
WordPress plugin „Instant Images“<\/h3>\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n
<\/a><\/figure>\n\n\n\n
WordPress plugin „Pexels: Free Stock Photos“<\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n
WordPress plugin „Pixabay Images(„Pixabay obr\u00e1zky“)“<\/h3>\n\n\n\n
WordPress plugin „StockPack \u2013 Stock images in WordPress“<\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n
<\/a><\/figure>\n\n\n\n
WordPress plugin „Unsplash“<\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n
Tip na z\u00e1v\u011br – optimalizace obr\u00e1zk\u016f<\/h2>\n\n\n\n
Komprese obr\u00e1zku<\/h3>\n\n\n\n