WordPress: Jak sobě v příspěvku obrázky přiložiti

Plugin Lazy Image Layout jsem našel již dávno. Ovšem tehdy se mi nepodařilo najít nástroj, který by uměl obrázky jednoduše uploadovat na server a prohlížet ty uploadnuté. Zároveň by takový nástroj měl nahrávat obrázky do adresáře, který je k tomu určený dle konfigurace WP, aby nebylo nutné modifikovat Lazy Image Layout plugin.

Jak tušíte, našel jsem image browser, který jsem tak dlouho (ne)hledal. Na nástěnce WP (Dashboard) jsou odkazy na různé informace související s WP. Něco jsem si otevřel k přečtení a následně se jal brouzdat jedním z těchto webů. Na Blogging Pro jsem tedy našel dva pluginy – Photopress a Image Browser.

Photopress

Image Browser jsem ihned vypustil z pevného disku, neboť je určen pro WP 1.2. Zbyl tedy jen Photopress. Po aktivaci je v menu Nastavení dostupná položka Photopress, kde lze měnit vlastnosti jeho funkcí. Jelikož nepotřebuji Album, které mimo jiné Photopress integruje přímo do vašeho WP webu, ihned jsem povypínal zobrazení odkazu a náhodného obrázku v Meta datech v sidebaru. Nakonec jsem povypínal všechny možnosti.

Dohoda mezi LZIL a Photopressem, tedy instalace

Abych nějak sjednotil LZIL s Photopressem (který využívá uploadovacích metod WP), nastavil jsem si WP adresář pro upload na .../wp-content/images. Viz screenshot:

"Nastavení adresáře pro upload"

Název adresáře je nutné nastavit ještě v konfiguraci Photopressu, který nastavení WordPressu nebere v potaz. Lze mu tedy říct, jaký adresář umístěný ve .../wp-content má používat – nastavil jsem tedy na images. Viz screenshot:

"Nastavení pracovního adresáře Photopressu"

Protože LZIL hledá obrázky v adresáři pro upload, Photopress browser stačí nyní v browseru Photopressu najít požadovaný obrázek, zkopírovat si název souboru do schránky a pak jej dle syntaxe LZIL zapsat ve spotu.

Vkládání obrázků do příspěvků

Bohužel mi přítomnost LZIL neumožňuje ukázat vám, jak syntax vypadá, přímo v textu. Příklad použití syntaxe si proto můžete prohlédnout na screenshotu zdroje tohoto příspěvku. Něco málo se píše na webu autora, ale popis není úplný. Screenshot zdroje tohoto textu s ukázkou LZIL syntaxe Parametr align_width lze zapsat jako písmeno označující typ zarovnání a volitelně šířku náhledu obrázku: např. R100 (zarovnání doprava, šířka náhledu 100 pixelů).

Typy zarovnání

  • R – vpravo
  • L – vlevo
  • N – bez zarovnání
  • F – plná velikost (obrázek je přes celou šíři stránky, resp. jeho šířka je dle nastavení ve scriptu pluginu, obvykle cca 450 pixelů)

Pokud chcete, aby se po kliknutí na náhled obrázek zobrazil v novém okně, je třeba za parametr align_width zapsat popimg: (dvojtečka je nutná, parametr musí být oddělen mezerami).

Používání a další potíže

Nelekejte se, čtěte dál. Photopress i LZIL dále používám, jen jsem zjistil, že oba mají několik nedostatků či chyb, které jsem si pro pohodlnou práci upravil dle svého.

Prvním problémem je to, že Photopress z nepochopitelného důvodu zvětší obrázek, který je menší, než je nastavená maximální velikost. Aby k tomu nedocházelo a aby mi Photopress na obrázky radši vůbec nesahal, nastavil jsem maximální velikost na 1024 pixelů a chybu jsem odstranil. Dokonce docházelo k tomu, že při uploadu došlo ke změně kvality u JPEG obrázků. Proto jsem ještě provedl změnu ve scriptu, který provádí upload. Pokud není potřeba obrázek zmenšit, vůbec se na něj nesahá.

V LZIL byl podobný problém. Obrázek, který je menší, než požadovaná maximální šířka náhledu, je automaticky roztáhnut na rozměry náhledu. Proto jsem udělal drobnou úpravu, která zamezí tvorbě náhledů u příliš malých obrázků. Příkladem budiž spot Shaman.cz.

Download

Modifikované verze Photopressu a Lazy Image Layout si můžete stáhnout zde:

Poznámka: je třeba nastavit práva pro zápis do adresáře images a images/imgcache.



Zanechte komentář

XHTML: Můžete použít tyto tagy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> . Text komentáře se formátuje podle syntaxe Texy! pro komentáře. Dva entery pro odstavec, jeden enter a mezera na začátku řádku pro zalomení řádku.