Ahoj,

toto jsem vysvětloval v roce 2007 a myslel jsem, že už je to po ta dlouhá léta všeobecně známo.

Zásadní funkce jakékoliv galerie na webu je neumožnit BFU dostat na web nesmyslně velké obrázky (dřív to byly BMP, dnes velké JPG a PNG). Galerie má za úkol tomuto zabránit. Scénář:

Uživatel vezme fotku z foťáku, nahraje na web fotku velkou 5 MB a úkolem jakékoliv galerie je udělat velmi malý náhled pro zobrazení obrázků v seznamu, ale také velký náhled pro použití na webu, aby byl dostatečně velký na prohlížení, ale aby byl rozumně velký pro prohlížení na stránkách (dnes bych řekl, že do 300KB Webp je rozumný).

To, co popisuješ jako zásadní chybu, je zásadní funkce, která je tady z mnoha logických důvodů a ve světě, kde se měří na webu každý zbytečný KB má zásadní význam.

Proč?
- rychlost načítání
- šetření trafficu
- stejná velikost malého a velkého náhledu (např. ořez) - velmi důležité pro Javascript Popup knihovny, které s tím pracují při zobrazení detailu
- stejná velkost fotek v popup slideshow
- atd. atd.

Standardní galerie nikdy nezobrazuje originální obrázky nahrané uživatem (z mnoha důvodů), byly výjimky, např. Phoca Gallery to umí u některých Popup metod přes parameter. Např proto, že u nějakého fotografa na webu chtěl někdo zobrazovat přímo originály a měl tak i nastavený server (velikosti, traffic), ale to jsou prostě vyjímky. My zde jedeme ve standardu, v zaběhnuté praxi postavené na logických důvodech.

Ahoj, připravuji nový Joomla template builder s AI vrstvou pracovní název "Template Architect" založený na starém Linelabox editoru.



Změny jsou takové, že kompletní tvorba a upravy šablony budou probíhat na jedné stránce podobně jako na SquareSpace nebo Wix. Editor je také v češtině.

Template Architect pokrývá kompletně všechny core Joomla moduly, všechny Core Joomla Pages a Kompletní Phoca Cart všechny Phoca cart moduly a jejich různé layouty a všechny Phoca Cart Pages a jejich různé layouty




 + ma svoje vlastní moduly Slideshow 



a mnoho hotový sekcí (custom html bloky) nad kterými je další vrstva mřížka pro přesnější editaci. Jednoduše přidáte řádky, přetáhnete drag drop moduly nastavíte jim layouty nebo přidáte celé hotové sekce.







Editor pracuje také s parametry jako Viditelnost modulu, Joomla menu assignment, Zobrazit titulek modulu, Chrome Přepisy layoutu, Třída nadpisu i přípona třídy modulu. Jako před tím lze upravit přímo css a nebo html v popup okně nebo v pravé plovoucí kartě, ale jednoduší je uprava nad prvkem pomocí nástrojů v mřížce.




Lokální a Google fonty 





Barvená schémata, tvorba Gradientů, tvorba light i dark témat, LTR, RTL, 


Pixabay + lokální knihovna obrázků 


atd... Každou část šablony lze samostatně ukládat do knihovny a opakovaně používat.

Hlavní novinkou je ale tvorba šablon s pomocí AI na jedno kliknutí a rychlou instalaci šablony na Joomla web. 



Ukázka šablony


Vývoj probíhá, šablony budou pouze pro Joomla 5 / 6 a vyšší.

Všechny šablony budou zdarma, lze je upravit klonovat atd... + další šablony co dají uživatelé ke sdílení. Jediné co bude za poplatek je tvorba šablon s AI. Testeři budou mít 40 AI šablon zdarma.

Petr napsal: Možná kdybych si ještě mohl vybrat ze chci k jpg, vygenerovat webp nebo avif a používat to buď přímo v <img nebo <picture -> <source a <img a v tom .jpg i .webp, popř. avif tak byto trosku pomohlo optimalizaci webu i u těch kteří tomu nerozumî nebo jako mně se jim nechce otevírat Photoshop nebo nějaká webová služba. 

Byl bych za to rád i Phoca gallery.

Toto jsme udělali v Phoca Cart a je z toho jedna z neproblematičtějších částí, co se týče obrázků, protože lidi nechápou rozdíl mezi tím, kdy je webp alternativa k jpg a kdy je webp samo za sebe, navíc tagy picture a source v podstatě v žádných speciálních knihovnách nejsou podporovány (myslím tím 3pd javascript knihovny pro různou manipulaci s obrázky jako je např. jejich záměna, atd. - konkrétně v Phoca Cart např. při změně atributu, pak různé vlastnosti pro popup metody, atd.).

Kdo na tohle dbá, používá rovnou WEBP (AVIF je celkem problematickej), kdo to neřeší, tomu budou stačit náhledy s případně nižší kvalitou.

Kdybych něco takovýho dělal, tak určitě ne tagy picture a source, atd. spíš nějakej jednoduchej parametr: "Všechny náhledy ve WEBP"

EDIT: i když nad tím tak přemýšlím, možná je lepší převádět rovnou originál při uploadu na webp, aby v tom pak nebyly zmatky, kdyby někdo přepínal parametry, pak by to nefungovalo.

Fotogalerie pod článek jsou tak trochu problém. A můžete to řešit různě.

Jestli to budete editovat vy (nebo trochu zdatnější uživatel), tak se mi zdá nejlepší varianta Phoca Gallery + Obsah - Phoca Gallery + Tlačítko - Phoca Gallery. V komponentě nahrajete, můžete ji používat jako galerii a zároveň i jako úložiště fotek do galerií článků...

Pro uživatele, nejen pro ty kteří "nevědí, která bije", se mi nejvíce osvědčilo využít Quantum Manager a jeho pluginy Tlačítko - Quantum Manager. V komponentě můžou plně spravovat soubory (obrázky, dokumenty, videa, zvuk,...) a pomocí tlačítka vkládat do obsahu. K zobrazení a prohlížení obrázků využijete plugin, který běžně používáte.

Například: používáte editor JCE a jeho plugin JCE MediaBox. V pluginu Tlačítko - Quantum Manager, pak nastavíte pro výchozí oblast potřebná pole (třeba width, height,...) a šablonu kde si nadefinujete kód, který se do obsahu vloží. Třeba:

Pak stačí jen v editoru kliknout na vložení souboru a po otevření Quantum Manageru si vybrat jeden nebo více obrázků (nebo i nahrát, upravit, zkopírovat,...) k vložení a kliknout na Vložit... hotovo. 

Neopouštíte pro žádnou potřebnou operaci jednotné prostředí. A nemusíte se omezovat na jeden druh vkládaných souborů. Šablonu vložení si můžete vytvořit pro cokoli. Například PDF: