Pevná velikost obrázků ve WordPressu

6. 5. 2014 08:55:54

Potřeboval bych od nějakého WP guru naťuknout. Chci do článků vkládat obrázky, ale takovým stylem, že autor vloží obrázek a vybere řekněme ze tří velikostí, například plná šířka, poloviční šířka a čtvrtinová šířka. Dále pak už nebude možnost u obrázku měnit velikost, respektive bude, ale jenom z těch tří možností. No a při zobrazování WP sám podle potřeby rozhodne, kolik pixelů odpovídá třeba poloviční šířce a vloží tam adekvátně zvětšený/zmenšený obrázek.

Je na to nějaký plugin, nebo jak by se to dalo ošéfovat?

6. 5. 2014 08:55:54

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021068

Michal Dokoupil

(23 hodnocení)

6. 5. 2014 09:15:13

vsak takova moznost tam je ....velikost plna ,stredni,nahledova.... s tim, ze pokud nechcete, aby se zobrazoval primo soubor po kliknuti, vyresi to napr easy fancybox, nebo nektere sablony maji toto v zakladu

6. 5. 2014 09:15:13

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021067

Fido123

(13 hodnocení)

6. 5. 2014 09:28:27

Napsal Dokec;1085269
vsak takova moznost tam je ....velikost plna ,stredni,nahledova.... s tim, ze pokud nechcete, aby se zobrazoval primo soubor po kliknuti, vyresi to napr easy fancybox, nebo nektere sablony maji toto v zakladu

No jenže tyhle velikosti jsou „natvrdo“. Já nechci vkládat do článku žádný obrázek Koala-300x225.jpg, já tam chci vložit Koala.jpg s nějakým atributem že má být široký jako řekněme půlka stránky. A pak podle toho, na čem se to zobrazuje, se tam při vykreslování dosadí třeba ta Koala-300x225.jpg na mobilu, nebo Koala-1024x768.jpg na desktopu.

6. 5. 2014 09:28:27

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021066

Roman

(15 hodnocení)

6. 5. 2014 09:31:05

takže chceš mít responzivní obrázky s konkrétními kroky ve velikostech, abychom to konečně správně shrnuli.

6. 5. 2014 09:31:05

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021065

Fido123

(13 hodnocení)

6. 5. 2014 09:56:53

Napsal Caesar;1085273
takže chceš mít responzivní obrázky s konkrétními kroky ve velikostech, abychom to konečně správně shrnuli.

Hmmm, jestli to pomůže, tak nějak takhle by mi to stačilo. Respektive ještě by šlo vylepšit ty „konkrétní kroky“. Ideální by bylo nikam žádné konkrétní kroky nezadávat a nechat to čistě na šabloně, ať si tam dosadí libovolnou šířku, která jí pro dané zařízení nejvíce vyhovuje.

Když nad tím teď tak přemýšlím, pokud bych se vzdal komfortu vidět skutečnou velikost obrázku v editoru, asi by se dal vkládat nějaký malý thumbnail a pri zobrazovani to nahradit za

Existuje ještě lepší varianta?

6. 5. 2014 09:56:53

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021064

Roman

(15 hodnocení)

6. 5. 2014 10:02:58

Takže chceš pouze responzivní obrázky, resp. responzivní šablonu. Její funkcí je totiž přizpůsobovat velikost všeho, nejen obrázků, ale i textu nebo jeho zalomení, menu, atd.

6. 5. 2014 10:02:58

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021063

Fido123

(13 hodnocení)

6. 5. 2014 10:06:04

Ono upřímně řečeno ani tak nejde o responzivní design. Mi prostě příjde zvrhlé mít jako součást článku nějaké pevné velikosti v pixelech.

6. 5. 2014 10:06:04

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021062

David Procházka

(39 hodnocení)

6. 5. 2014 12:17:55

to neni zvrhle ale prakticke

6. 5. 2014 12:17:55

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021061

Fido123

(13 hodnocení)

6. 5. 2014 12:34:37

Napsal Re4DeR;1085327
to neni zvrhle ale prakticke

Praktické? Proboha v čem?

6. 5. 2014 12:34:37

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021060

David Procházka

(39 hodnocení)

6. 5. 2014 13:08:24

nevím jak ted, ale driv skakalo vykreslovani stranky pri neuvedeni velikosti obrazku. pochybuju ze ted je to jiny.

Obrázky na webu v HTML

6. 5. 2014 13:08:24

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021059

Fido123

(13 hodnocení)

6. 5. 2014 13:53:47

Napsal Re4DeR;1085355
nevím jak ted, ale driv skakalo vykreslovani stranky pri neuvedeni velikosti obrazku. pochybuju ze ted je to jiny.

Obrázky na webu v HTML

Aha takhle to myslíš. No už jsem tu dostal kurz responzivního designu, naučil jsem se do něj vkládat obrázky, teď mi ještě někdo vysvětlete, jak vytvořit odkaz a půjdu si udělat hello-world.html :)

Ne vážím si každé odpovědi, ale mám na mysli něco jiného. Prostě potřebuji do článku ve Worpressu vložit obrázek. A zároveň s tím obrázkem tam potřebuji vložit informaci, že má být široký buď čtvrt, půl a nebo přes celou šířku článku. Žádná jiná velikost. Nechci tam dávat konkrétní šířky v pixelech, ať kvůli responzivnímu designu, nebo třeba kvůli tomu, že design bude statický, ale v budoucnu se šířka článku může změnit. Ta informace tam prostě nepatří, ta patří až do výsledného HTML kódu.

Jak tak nad tím barinstormuji, tak asi do toho článku můžu v editoru vložit obrázek v plné velikosti a přiřadit mu css třídu například "half-width", "full-width"... Tím by se mi měl obrázek zobrazit ve správné velikosti v editoru a v šabloně při vykreslování pak upravím ten jeho IMG tag tak, že ostraním tu třídu, vložím obrázek správné (přesné) velikosti a doplním width a height atributy.

Teď ještě zjistit, jak se dá ve WP měnit obrázek „on the fly“, abych nemusel někde naklikávat nějaké předdefinované rozměry a bude to asi fungovat k mé spokojenosti.

6. 5. 2014 13:53:47

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021058

David Procházka

(39 hodnocení)

6. 5. 2014 15:39:20

wordpress automaticky pokazdy kdyz nahrajes obrázek vytvori dalsi 3 velikosti danyho obrázku.

Takze más 4 velikosti obrázku - ty si nadefinujes velky jak potrebujes.

potom uz si muzes u vsech obrazk uz textu nastavit (v sablone na vypisu - ne pri editaci ((tam to jde taky, ale to ty nechces)) ze se tam vlozi obrazek jedny z tech 4 velikosti (klide si to vygenerujes podle rozlisnei/ cehokoliv)

takze tvuj problem myslim je ze chces pracovat v editoru, ale tyhle zmeny potrebujes udelat na urovni sablony.

6. 5. 2014 15:39:20

https://webtrh.cz/diskuse/pevna-velikost-obrazku-ve-wordpressu#reply1021057

Fido123

(13 hodnocení)

6. 5. 2014 15:51:11

Napsal Re4DeR;1085412
wordpress automaticky pokazdy kdyz nahrajes obrázek vytvori dalsi 3 velikosti danyho obrázku.
Takze más 4 velikosti obrázku - ty si nadefinujes velky jak potrebujes.
potom uz si muzes u vsech obrazk uz textu nastavit (v sablone na vypisu - ne pri editaci ((tam to jde taky, ale to ty nechces)) ze se tam vlozi obrazek jedny z tech 4 velikosti (klide si to vygenerujes podle rozlisnei/ cehokoliv)
takze tvuj problem myslim je ze chces pracovat v editoru, ale tyhle zmeny potrebujes udelat na urovni sablony.

Jo, takhle nějak. Každopádně ještě bych se rád zbavil těch předdefinovaných rozměrů. Umbraco to má například vyřešené tak, že zadáš něco jako

a ono vygeneruje z Koala.jpg obrázek o šířce 100px a příslušné výšce. Ta jednoduchost je docela návyková.