Galerija Jure Golob

O galeriji

• Je preprosta za uporabljati
• Se nalaga zelo hitro
• Temelji na brezplačni odprtokodni programski opremi
• Uporabljaja sodobne principe WordPress razvoja, zato rabi le minimalno vzdrževanja
• Je alternativa Pixieset, Pixellu in podobnim spletnim galerijam z dragimi mesečnimi naročninami.

Orodja

• WordPress
• Twenty Twenty-Five
• FileBird
• Secure Custom Fields
• GLightbox v3.3.1
• Justified-Gallery
• Gmagick / Imagick
• Galerija Jure Golob

Dnevnik sprememb

Verzija 1.0

• Prikazna slika
• Naslov
• Izbira FileBird mape
• Dovoli prenos zip slik v polni resoluciji?
• Datum
• Zaščita z geslom
• Animacije za galerijo in lightbox
• Optimizirano nalaganje slik – največja slika = 2048x2560px

Verzija 1.1:

• Animacije za prikazno sliko in naslov
• Lightbox: slideshow in gumb z animiranim progress bar
• Dodatne izboljšave nalaganja slik – prilagoditev sizes in srcset glede na postavitev

Verzija 1.2:

• URL struktura: odstrani se /galerija/
• Back-end: slika poleg naslova objave
• Pokončna prikazna slika
• Gradnik nadzorne plošče “Dobrodošli v galeriji”

Verzija 1.3:

• Izboljšava varnosti – prenos ZIP
• Orodje za dodajanje vodnega žiga slikam
• izbira postavitve: masonry ali justified

V planu:

• Gumb za prenos posamezne slike znotraj lightbox
• Izboljšava strani za vnos gesla pri zaščitenih straneh – branding
• Izbira med javno objavljeno galerijo v arhivu galerij /galerija/ ali zasebno galerijo, ki je dostopna samo preko direktne povezave
• Izbira jezika SLO/ENG
• Izbira pisave
• Video galerija
• Noga strani – prostor za branding – lahko jih je več različnih glede na kategorijo – npr. poročni banner, corporate, itd.
• Optimizacija pisav – preveriti debeline, font subset samo za slovenske znake
• Homepage – se odstrani ali naredi novega
• Sprememba URL za prijavo – odpraviti težave z redirect po vnosu gesla
• Static file cache, Object Cache, bfcache
• Pretvorba shortcode v Block
• Posodobitve vleče iz Github

Galerija Jure Golob – WordPress vtičnik

Tukaj je kratka predstavitev mojega vtičnika, ki vse skupaj povezuje v celoto. Opis je razdeljen na podoben način, kot je strukturirana programska koda.

Gallery

FileBird Gallery

• Prikaz masonry galerije iz ACF meta polja filebird_folder – [filebird_gallery]

FileBird ZIP

• Prenos izbrane FileBird mape kot ZIP brez kompresije – [filebird_download].
  Ime ZIP datoteke = naslov prispevka. Prikaže se samo, če se dovoli prenos, meta polje allow_zip_download.
• Omejitev prenosa – 3x na minuto
• Cache exclude: /prenos-mape/*

Lightbox

• Ustvari GLightbox za vsako sliko v galeriji
• Slideshow z animiranim “Play” gumbom

Cover Block

• Spremeni vgrajen Cover Block da uporablja največ xlarge veliko sliko.
• Cover block sedaj doda sliko iz polja vertical_image, ko je okno ali naprava vertikalne oblike (ozko okno brskalnika, telefon in tablica)

Animations

• Vstavi JavaScript kodo za animacijo masonry galerije
• Vstavi JavaScript kodo za animacijo Cover Block

Shortcodes

• Prikaz datuma galerije – [gallery_date] v obliki MM. DD. YYYY (j. n. Y). Meta polje: gallery_date

Media

Image sizes

• Prilagoditev velikosti manjših sličic:
  • thumbnail — 512×0 (crop: false)
  • medium — 768×0 (crop: false)
  • medium_large — 1280×0 (crop: false)
  • large — 1536×0 (crop: false)
  • xlarge — 2048×2560 (crop: false)
• Odstrani omejitev resolucije največje slike – za prenos v polni resoluciji
• Največja slika ki se prikaže obiskovalcu je xlarge razen če je original slika manjša kot xlarge
• Spremeni kvaliteto sličic iz JPEG 82 na JPEG 60
• Odstrani ICC Profile in EXIF iz sličic.

srcset

• prilagojeno nalaganje sličic za masonry galerijo, lightbox in Cover Block
• v srcset je največja slika xlarge razen, če je original slika manjša kot xlarge

Watermark

• Orodje za dodajanje vodnega žiga slikam
• Prikaže vse FileBird mape. Z enim klikom se doda slikam watermark
• Vzame xlarge velikost za hitrejši proces
• Nove slike se avtomatsko premaknejo v novo mapo z istim imenom in pripetim “-watermarked”
• AJAX hander, batch processing, progress bar
  • jQuery
  • manrope-regular.ttf font
  • Lahko se prilagodi da je watermark PNG logotip namesto teksta

WordPress Core

Rewrite Rules

• Preusmeritev neuporabljenih strani in predlog na home page
• Lep permalink za galerije brez predpone /galerija/
• Auto flush permalinks ob vsaki posodobitvi prispevkov galerije
• Odstrani protected/private predpono iz naslova prispevka in ZIP datoteke

Security

• Zaščita izbranih prispevkov z geslom
• Prilagojena stran za vnos gesla
• Brez vnosa gesla za prijavljene urednike in administratorje

Admin

• Odstrani template selector za prispevke Galerija
• Odstrani privzete gradnike iz nadzorne plošče
• Doda prikazno sliko v tabelo prispevkov, poleg naslova
• Admin CSS za prikazno sliko
• Gradnik za nadzorno ploščo: Dobrodošli v galeriji
• Admin footer text – moje ime in kontakt

Disable Features

• Izključi razne manjše stvari ki se jih ne rabi

Assets

GLightbox

• glightbox.min.css v3.3.1
• glightbox.min.js? 3.3.1

Fonts

• manrope-regular.ttf

JavaScript

• watermark-batch.js

Ostale spremembe

• Twenty Twenty-Five Child theme
• single-galerija.html template
• style.css – CSS za galerijo
• style-min.css – funkcija ki minimizira style.css in pripne uro zadnje spremembe (cache busting)
• .htaccess security & cache
• FileBird prevod v slovenščino