WP Image Guard: galleriaprofiilien lisääminen eri gallerioihin

Eri galleriaprofiilien lisääminen eri gallerioihin

WP Image Guardin galleriaprofiileilla voit käyttää eri vesileima- ja suojausasetuksia eri gallerioissa.
Tämä on hyödyllistä esimerkiksi silloin, kun sivustolla on useita erilaisia kuvaryhmiä:
portfolio, asiakasgalleria, vedosgalleria, verkkokaupan kuvat tai blogikuvat.

Jokaisella gallerialla voi olla oma WP Image Guard -profiili. Profiili valitaan joko lohkoeditorin asetuksista tai lisäämällä galleriaan CSS-luokka muodossa:

wpig-profile-profiilinimi

Esimerkiksi Portfolio-profiilin luokka voisi olla:

wpig-profile-portfolio

1. Ensin: luo tai tarkista galleriaprofiilit

1. Kirjaudu WordPressin hallintaan.
2. Avaa Asetukset → WP Image Guard.
3. Siirry kohtaan Galleriaprofiilit.
4. Luo uusi profiili tai muokkaa olemassa olevaa profiilia.
5. Määritä profiilille esimerkiksi vesileiman tyyppi, teksti, logo, sijainti, näkyvyys ja taustapalkki.
6. Tallenna asetukset.

Profiileja voi olla esimerkiksi:

• Valokuvaaja – yleinen oletusprofiili
• Portfolio – hillitty vesileima
• Asiakasgalleria – näkyvämpi vesileima
• Vedosgalleria – toistuva tai vahvempi vesileima
• Verkkokauppa – tuotekuville sopiva vesileima

Kun profiili on luotu, sitä voidaan käyttää yksittäisessä galleriassa.

2. Mistä tiedän profiilin oikean nimen?

Galleriaprofiiliin viitataan sen teknisellä tunnuksella eli slugilla. Sivulla käytettävä CSS-luokka muodostetaan näin:

wpig-profile- + profiilin tunnus

Esimerkkejä:

Jos et ole varma profiilin tunnuksesta, tarkista se WP Image Guardin Galleriaprofiilit-välilehdeltä.

3. Galleriaprofiilin lisääminen lohkoeditorissa

Jos käytät WordPressin lohkoeditoria eli Gutenbergiä, profiilin lisääminen on yleensä helpointa suoraan gallerian asetuksista.

1. Avaa sivu tai artikkeli WordPressin lohkoeditorissa.
2. Valitse haluamasi Galleria-lohko.
3. Avaa oikean reunan asetuspaneeli.
4. Etsi kohta WP Image Guard.
5. Valitse kohdasta Vesileimaprofiili haluttu profiili.
6. Päivitä sivu.
7. Avaa sivu julkisella puolella ja tarkista, että oikea vesileima näkyy.

Esimerkiksi yksi galleria voi käyttää Portfolio-profiilia ja toinen galleria Vedosgalleria-profiilia.

Esimerkki lohkoeditorissa

• Etusivun kuvagalleria → Portfolio
• Asiakassivun galleria → Asiakasgalleria
• Vedoskuvat → Vedokset

Lohkoeditorissa profiilia ei yleensä tarvitse kirjoittaa käsin luokaksi, jos WP Image Guardin oma profiilivalinta näkyy sivupaneelissa.

4. Galleriaprofiilin lisääminen Classic Editorissa

Classic Editorissa galleriaprofiili lisätään yleensä gallerian shortcodeen luokkana.

Tavallinen galleria voi näyttää tältä:

Kun haluat käyttää Portfolio-profiilia, lisää shortcodeen class-määritys:

Jos haluat käyttää Asiakasgalleria-profiilia:

Jos haluat käyttää Vedokset-profiilia:

Tallenna sivu ja tarkista julkiselta puolelta, että galleria käyttää oikeaa vesileimaa.

5. Useampi galleria samalla sivulla

Samalla sivulla voi olla useita gallerioita, joilla jokaisella on oma profiili.

Esimerkki:

Tässä esimerkissä:

• ensimmäinen galleria käyttää Portfolio-profiilia
• toinen galleria käyttää Asiakasgalleria-profiilia
• kolmas galleria käyttää Vedokset-profiilia

Näin voit samalla sivulla näyttää eri kuvaryhmiä eri suojausasetuksilla.

6. Profiilin lisääminen HTML-galleriaan

Jos galleria on tehty HTML-rakenteella tai jokin teema muodostaa gallerian HTML:nä,
profiililuokka voidaan lisätä gallerian ympäröivään elementtiin.

Esimerkki:

<div class="gallery wpig-profile-portfolio">
  <img src="kuva-1.jpg" alt="">
  <img src="kuva-2.jpg" alt="">
  <img src="kuva-3.jpg" alt="">
</div>

Tällöin WP Image Guard tunnistaa, että kyseinen galleria käyttää Portfolio-profiilia.

Toinen esimerkki asiakasgallerialle:

<div class="gallery wpig-profile-asiakasgalleria">
  <img src="asiakas-1.jpg" alt="">
  <img src="asiakas-2.jpg" alt="">
</div>

7. Profiilin lisääminen muun galleria-lisäosan galleriaan

Jos käytät erillistä galleria-lisäosaa, esimerkiksi lightbox- tai portfolio-lisäosaa,
etsi gallerian asetuksista kohta kuten:

• CSS class
• Additional CSS class
• Custom class
• Wrapper class
• Extra class name

Lisää siihen WP Image Guard -profiililuokka, esimerkiksi:

wpig-profile-portfolio

Jos lisäosan galleria käyttää asiakasgallerian asetuksia:

wpig-profile-asiakasgalleria

Tallenna galleria ja tarkista julkiselta sivulta, että oikea vesileima näkyy.

8. Profiilin lisääminen ryhmälle tai sarakkeelle lohkoeditorissa

Joskus galleria on lohkoeditorissa esimerkiksi Ryhmä-lohkon, Sarakkeet-lohkon tai muun säiliölohkon sisällä.
Tällöin voit lisätä profiililuokan myös ympäröivälle lohkolle.

1. Valitse gallerian ympärillä oleva Ryhmä– tai Sarakkeet-lohko.
2. Avaa oikean reunan asetuspaneelista Lisäasetukset.
3. Etsi kohta Lisä-CSS-luokka.
4. Lisää esimerkiksi wpig-profile-portfolio.
5. Päivitä sivu.

Tämä voi toimia hyvin silloin, kun haluat saman profiilin kaikille ryhmän sisällä oleville kuville.

9. Oletusgalleriaprofiili

WP Image Guardissa voi olla valittuna oletusgalleriaprofiili.
Sitä käytetään gallerioissa, joille ei ole erikseen annettu omaa profiilia.

Esimerkiksi jos oletusgalleriaprofiili on Valokuvaaja, kaikki tavalliset galleriat käyttävät sitä,
ellei gallerialle anneta omaa profiililuokkaa.

Oma profiililuokka ohittaa oletuksen.

10. Milloin kannattaa käyttää eri profiileja?

Eri profiileja kannattaa käyttää silloin, kun kuvat ovat eri tarkoituksessa.

11. Testaa, että profiili toimii

Kun olet lisännyt profiilin galleriaan, testaa toiminta näin:

1. Tallenna tai päivitä sivu.
2. Tyhjennä tarvittaessa WP Image Guardin välimuisti.
3. Tyhjennä myös sivuston välimuisti, jos käytät cache-lisäosaa.
4. Avaa sivu incognito-ikkunassa.
5. Tarkista, näkyykö oikea vesileima oikeassa galleriassa.
6. Kokeile avata gallerian kuva suureksi, jos käytössä on lightbox.

Jos sivulla on useita gallerioita, tarkista jokainen erikseen.

12. Jos profiili ei vaihdu

Jos galleria ei käytä haluttua profiilia, tarkista seuraavat asiat:

• Onko profiilin luokka kirjoitettu oikein?
• Onko luokka muodossa wpig-profile-profiilinimi?
• Käytätkö profiilin teknistä tunnusta etkä pelkkää näkyvää nimeä?
• Onko sivu tallennettu päivityksen jälkeen?
• Onko WP Image Guardin välimuisti tyhjennetty?
• Onko sivustolla cache-lisäosa tai CDN, joka näyttää vanhaa HTML:ää?
• Muodostaako galleria-lisäosa kuvat tavalla, johon WP Image Guard ei pääse lisäämään profiilitietoa?

Jos käytät Classic Editoria, varmista myös, että shortcode sisältää luokan täsmälleen oikeassa muodossa:

13. Yleisiä virheitä

14. Lyhyt muistilista

• Luo profiilit kohdassa WP Image Guard → Galleriaprofiilit.
• Valitse lohkoeditorissa Galleria-lohkon WP Image Guard → Vesileimaprofiili.
• Classic Editorissa lisää shortcodeen class="wpig-profile-profiilinimi".
• HTML-galleriassa lisää luokka gallerian ympäröivään elementtiin.
• Muiden lisäosien gallerioissa lisää luokka kohtaan Additional CSS class tai vastaavaan kenttään.
• Tyhjennä välimuisti ja testaa julkisella sivulla.