logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Piwigopress – jak ustawić siatkę zdjęć i odstępy w galerii Piwigo na WordPress?

pcnet 03 Wrz 2025 07:46 222 13
REKLAMA
  • #1 21651908
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    Zdjęcia z galerii Piwigo w wordpresie.
    Wtyczka Piwigopress nawet mi działa ale pokazuje zdjęcia np losowe w ułożeniu pionowym i bez żadnych odstępów. W samej wtyczce nie ma nic do ustawienia. Znalazłem że można to zrobić w css ale nie działa. Czy ktoś z tym kombinował coś?
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl
  • REKLAMA
  • #2 21718008
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    Na głównej stronie dodałem kod css do kontenera i wyświetla się prawidłowo. Problemem jest że na podstronach kod css jakby nie jest brany pod uwagę :)
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl
  • #3 21718417
    Bródka
    Poziom 42  
    Posty: 7245
    Pomógł: 900
    Ocena: 722
    pcnet napisał:
    dodałem kod css do kontenera i wyświetla się prawidłowo.

    Kontenera elementora?
    pcnet napisał:
    Problemem jest że na podstronach kod css jakby nie jest brany pod uwagę

    Oczywiście ze nie będzie brany pod uwagę, aby był brany, należy go umieścić w motywie potomnym o ile kod css odwołuje się do odpowiednej klasy - jaką klasę posiada dany element sprawdzisz w DevTool przeglądarki
    Pomogłem? Kup mi kawę.
  • #4 21718669
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    tak w kontenerze elementora

    motywie potomnym czyli gdzie dodać?
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl
  • REKLAMA
  • #5 21719156
    Bródka
    Poziom 42  
    Posty: 7245
    Pomógł: 900
    Ocena: 722
    pcnet napisał:
    motywie potomnym czyli gdzie dodać?

    Wygląd - Motyw - Dostosuj - Własny CSS
    Ale powinno to byc tzw Child Theme (czyli motyw potomny), bo inaczej podczas aktualizacji motywu może zostać nadpisany CSS i wszystkie ewentualnie zmiany np w pliku functions.php
    Pomogłem? Kup mi kawę.
  • #6 21719280
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    i tu mam dać ten sam kod css co na głównej stronie?
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl
  • REKLAMA
  • #8 21719312
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    .piwi_gallery h5 {

    font-size: 28px;

    text-align: center;

    width: 100%

    }

    .piwi_gallery .elementor-widget-container .PWGP_widget {

    padding: 20px 0 0

    }

    .piwi_gallery .elementor-widget-container .PWGP_widget img {

    margin: 0 auto

    }

    @media (min-width: 575px) {

    .piwi_gallery .elementor-widget-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px

    }

    .piwi_gallery .elementor-widget-container .PWGP_widget {

    padding: 0;

    width: 32%;

    }

    }
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl
  • #9 21719329
    Bródka
    Poziom 42  
    Posty: 7245
    Pomógł: 900
    Ocena: 722
    No to wklej go, jeśli na każdym tego typu widgecie klasy (.piwi_gallery; .elementor-widget-container; .PWGP_widget) sie zgadzają, powinien zadziałać on globalnie
    Pomogłem? Kup mi kawę.
  • #10 21719337
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    niestety nie działa
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl
  • #11 21719515
    Bródka
    Poziom 42  
    Posty: 7245
    Pomógł: 900
    Ocena: 722
    To znaczy ze są różne klasy. Podaj adres strony gdzie masz ten kontener i na jakich podstronach ma być
    Pomogłem? Kup mi kawę.
  • #13 21720226
    Bródka
    Poziom 42  
    Posty: 7245
    Pomógł: 900
    Ocena: 722
    Poniewaz nie ma nadrzednej klasy piwi_gallery

    Zastosuj ten kod:

    
    .elementor-widget-container h5 {
      font-size: 28px;
      text-align: center;
      width: 100%;
    }
    
    .elementor-widget-container .PWGP_widget {
      padding: 20px 0 0;
    }
    
    .elementor-widget-container .PWGP_widget img {
      margin: 0 auto;
    }
    
    @media (min-width: 575px) {
      .elementor-widget-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
      }
    
      .elementor-widget-container .PWGP_widget {
        padding: 0;
        width: 32%;
      }
    }
    


    Lub dodaj .piwi_gallery w klasie css kontenera

    Tego wszystkiego możesz sie bez problemu dowiedzieć z ChatGPT. Wystarczy mu wskazac klase za pomoca devtool i bez problemu Ci to ogarnie
    Pomogłem? Kup mi kawę.
  • REKLAMA
  • #14 21720238
    pcnet

    Poziom 32  
    Posty: 4086
    Pomógł: 11
    Ocena: 217
    na podstronie zadziałało ale wywaliło mi inne galerie co wstawiłem
    a na głównej stronie rozjechało tekst
    Konto firmowe:
    PC-NET
    Słonecznikowa 6B, Częstochowa, 42-224 | Strona WWW: https://agapo.pl

Podsumowanie tematu

✨ Wtyczka Piwigopress do WordPressa umożliwia wyświetlanie galerii zdjęć z Piwigo, jednak domyślnie prezentuje zdjęcia w losowym, pionowym układzie bez odstępów. Wtyczka nie oferuje opcji konfiguracyjnych dotyczących siatki i marginesów, dlatego użytkownik próbował modyfikować wygląd za pomocą CSS. Dodanie kodu CSS do kontenera na stronie głównej przyniosło efekt poprawnego wyświetlania, natomiast na podstronach styl nie był stosowany. Problem wynika z faktu, że CSS musi być umieszczony w motywie potomnym WordPressa, aby był uwzględniany na wszystkich podstronach. Kluczowe jest także prawidłowe odwołanie się do klas CSS elementów galerii, które można zidentyfikować za pomocą narzędzi developerskich przeglądarki (DevTools). W przypadku korzystania z Elementora, style dodane bezpośrednio do kontenera mogą nie być stosowane globalnie, dlatego zaleca się implementację CSS w motywie potomnym.
Wygenerowane przez model językowy.
REKLAMA