09/05/2024
Når du driver et online fotogalleri med Piwigo, er det naturligt at ønske, at det afspejler din personlige stil eller dit brands identitet. Standardtemaer er et godt udgangspunkt, men ofte opstår behovet for at justere en farve, ændre bredden på en menulinje eller tilføje helt unikke designelementer. Dette kan hurtigt føre til fristelsen til at modificere standardtemafiler direkte. Men stop lige der! Denne guide vil vise dig, hvorfor det er langt smartere at oprette dit eget tema, og hvordan du gør det trin for trin, så dine tilpasninger forbliver intakte, selv efter fremtidige opgraderinger af Piwigo.

Uanset om du søger et specifikt tema som 'Simple Grey' eller blot ønsker fuld kontrol over dit galleris udseende, er forståelse af Piwigo's temasystem afgørende. Vi dykker ned i grundlæggende koncepter, de nødvendige filer og de kraftfulde muligheder, der ligger i Piwigo's temaarkitektur.
Hvad er Piwigo? En Kort Introduktion
Pivigo er en anerkendt open source fotogalleri-software, der giver brugere mulighed for at organisere, dele og fremvise deres billeder online. Det er bygget med fleksibilitet for øje, hvilket gør det muligt for både amatører og professionelle at skabe et personligt galleri, der kan tilpasses ned til mindste detalje. En af de mest magtfulde tilpasningsmuligheder i Piwigo er brugen af temaer, som styrer hele galleriets visuelle udtryk – fra farver og skrifttyper til layout og funktionalitet.
Temaer i Piwigo kan downloades fra Piwigo.org's udvidelsessektion, hvilket giver et bredt udvalg af foruddefinerede designs. Men den sande frihed opstår, når du lærer at skabe eller modificere dine egne temaer, hvilket sikrer, at dit galleri skiller sig ud og passer perfekt til dine behov.
Temaer og Tilpasning i Piwigo: Hvorfor det er Vigtigt
Forestil dig et kunstværk uden en ramme, eller et hus uden en facade. Temaet er Piwigo-galleriets visuelle indpakning, der ikke kun gør det æstetisk tiltalende, men også forbedrer brugeroplevelsen. En veludført tema kan forstærke dit indholds budskab og gøre det nemmere for besøgende at navigere og nyde dine billeder.
Mange brugere starter med at foretage små ændringer direkte i standardtemafilerne, for eksempel ved at justere en kantfarve eller en menulinjes bredde. Selvom dette virker som en hurtig løsning, medfører det en betydelig risiko: Ved den næste Piwigo-opgradering vil dine ændringer sandsynligvis blive overskrevet og gå tabt. At oprette dit eget dedikerede tema eliminerer denne bekymring fuldstændigt. Det sikrer, at dine tilpasninger er sikre, isolerede og nemme at vedligeholde, hvilket gør opgraderingsprocessen problemfri.
Er 'Simple Grey' Stadig Tilgængelig?
Du spørger specifikt til tilgængeligheden af et tema kaldet 'Simple Grey' på Piwigo Extensions. Baseret på den information, der er tilgængelig for denne artikel, kan vi ikke bekræfte, om 'Simple Grey' specifikt stadig er tilgængelig som en downloadbar udvidelse på Piwigo.org. Piwigo's udvidelsessektion opdateres løbende med nye temaer og opdateringer til eksisterende. For at finde ud af, om 'Simple Grey' eller et lignende tema er tilgængeligt, anbefales det altid at besøge den officielle Piwigo.org extensions-side og søge der. Hvis det ikke er direkte tilgængeligt, er det gode nyheder, at du med denne guide kan lære at skabe et tema, der matcher 'Simple Grey's æstetik eller endda overgår den, præcis som du ønsker!
Sådan Opretter Du Dit Eget Piwigo Tema
At oprette dit eget tema i Piwigo er overraskende ligetil, og det giver dig fuld kontrol over dit galleris udseende. Lad os antage, at du ønsker et nyt tema, der ligner det eksisterende 'clear' tema, men med nogle ændrede farver. Vi kalder vores nye tema 'greenery'.
1. Forberedelse: Opsætning af Din Temamappe
Før du begynder at kode, skal du forberede din temamappe:
- Opret en ny mappe i din Piwigo-installation under
themes/. I vores eksempel vil det værethemes/greenery. - Kopiér filen
themeconf.inc.phpfra et eksisterende tema, som dit nye tema skal baseres på, til din nye temamappe. Hvis du vil basere det på 'clear'-temaet, kopierer duthemes/clear/themeconf.inc.phptilthemes/greenery/themeconf.inc.php. - Opret en tom fil kaldet
theme.cssi din nye temamappe:themes/greenery/theme.css.
Et Piwigo-tema kræver som minimum disse to filer: theme.css og themeconf.inc.php.
2. themeconf.inc.php: Temaets Hjerte
Denne fil definerer dit temas egenskaber og opførsel. Den består af to hovedblokke: en kommentarblok og en PHP-array kaldet $themeconf.
Kommentarblokken (/*...*/)
Denne blok skal følge en specifik syntaks, da Piwigo læser den for at vise information om dit tema i administrationen. Her er et eksempel:
<?php /* Theme Name: My greenery Version: 0.1 Description: My very first theme Theme URI: http://piwigo.org/ext/extension_view.php?eid=347 Author: John Do Author URI: http://piwigo.org/ */ $themeconf = array ( 'parent' => 'clear', ); ?>De vigtigste nøgler i kommentarblokken er:
- Theme Name: Navnet på dit tema (f.eks. 'My greenery'). Alle tegn er tilladt.
- Version: Versionsnummer (f.eks. '0.1'). Hvis du bruger et SVN-depot på piwigo.org, kan du sætte det til 'auto', og versionen vil blive sat automatisk ved en ny udgivelse.
- Description: En kort beskrivelse af dit tema (f.eks. 'My very first theme').
- Theme URI: Webadressen, hvor temaet kan findes på piwigo.org/ext (f.eks.
http://piwigo.org/ext/extension_view.php?eid=347). Dette er vigtigt for automatisk installation/opdatering. - Author: Dit navn (f.eks. 'John Do').
- Author URI: Webadressen til din egen hjemmeside (f.eks.
http://piwigo.org/).
$themeconf Array'et
Denne PHP-array definerer yderligere tekniske egenskaber for dit tema. Her er de vigtigste nøgler:
| Nøgle | Standardværdi | Beskrivelse |
|---|---|---|
parent | default | Det tema, som dit nuværende tema arver fra. 'default'-temaet er grundlaget for alle temaer, men du kan bruge et andet, som 'clear' i vores eksempel. Dette er påkrævet. |
icon_dir | themes/default/icon | Angiver stien til temaets ikoner. |
mime_icon_dir | themes/default/icon/mimetypes/ | Angiver stien til ikoner for ikke-billedfiler. |
local_head | none | Sti til en *.tpl-fil, hvis du vil tilføje HTML-indhold til <head></head>-sektionen på hver side. Nyttig til inline JavaScript, Smarty-kode eller CSS kombineret med Smarty. |
activable | true | Hvis du ikke ønsker, at dit tema skal kunne aktiveres direkte (f.eks. hvis det kun tilføjer information til layout for et andet tema), skal du sætte denne værdi til false. |
load_parent_local_head | true | Hvis du ikke ønsker, at dit tema skal indlæse dets forældres local_head, skal du sætte denne værdi til false. |
load_parent_css | true | Hvis du ikke ønsker, at dit tema skal indlæse dets forældres theme.css, skal du sætte denne værdi til false. |
3. Tilpasning med theme.css
Filen theme.css er der, hvor du definerer de CSS-regler, der kun gælder for dit tema, og hvor du overskriver de CSS-regler, der er nedarvet fra forældretemaet. Da dit tema indlæses sidst i Piwigo's tema-hierarki, vil reglerne i din theme.css-fil altid have forrang frem for dem i forældretemaets CSS.
Her er et lille eksempel på, hvad du kan inkludere i din theme.css for at ændre udseendet:
FIELDSET, INPUT, SELECT, TEXTAREA, #content DIV.comment A.illustration IMG, #infos, #content DIV.thumbnailCategory { border: 1px solid silver; } #comments DIV.comment BLOCKQUOTE { border-left: 2px solid #060; background-color: #ded; } #content UL.thumbnails SPAN.wrap2 { border: 1px solid #9a9; /* thumbnails border color and style */ -moz-border-radius: 4px; /* round corners with Geko */ border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ } #content UL.thumbnails SPAN.wrap2:hover { border-color: green; /* thumbnails border color when mouse cursor is over it */ } /* links */ A, .rateButton { color: #00895e; background: transparent; } A:hover { color: #458420; }I dette eksempel ser du, hvordan du kan ændre kantfarver, baggrundsfarver, afrunde hjørner på miniaturebilleder og justere linkfarver. Dette er blot et udpluk; med kendskab til CSS kan du ændre stort set ethvert visuelt element på din Piwigo-side.

4. Forældre-/Barn-Systemet: Arv og Prioritet
Piwigo benytter et intelligent forældre-/barn-system for temaer, hvilket er afgørende for, hvordan temaer indlæses og interagerer. Dette system sikrer, at alle theme.css og themeconf.inc.php filer fra alle forældretemaer indlæses. Vigtigst er, at forældretemaerne indlæses først, og det aktuelle (barn)tema indlæses sidst. Dette betyder, at CSS-regler i barnetemaet altid vil overskrive regler fra forældretemaerne, hvis de refererer til de samme elementer.
For skabelonfiler (*.tpl-filer) fungerer systemet lidt anderledes: De indlæses fra barnetemaet først. Hvis en skabelonfil ikke findes i barnetemaet, søger systemet derefter i forældretemaerne, rekursivt opad i hierarkiet. Lad os tage et visuelt eksempel:
- default theme:
theme.css,themeconf.inc.php: indlæses først.- Indeholder alle
.tplfiler (grundlæggende struktur).
- dark theme:
theme.css,themeconf.inc.php: indlæses som nummer to.- Indeholder ingen
.tplfiler (arver dem fra 'default').
- My dark theme:
theme.css,themeconf.inc.php: indlæses som nummer tre.- Indeholder
index.tpl(en tilpasset version).
I dette scenario vil index.tpl blive indlæst fra "My dark theme", fordi det er det mest specifikke tema i hierarkiet, der indeholder filen. Alle andre .tpl-filer, som "My dark theme" ikke selv indeholder, vil blive indlæst fra dets forælder ('dark theme'), og hvis de heller ikke er der, fra 'default'-temaet.
Det anbefales stærkt altid at tilføje et forældretema, selv hvis det er 'default'-temaet. Dette giver dig et solidt grundlag at bygge på og minimerer mængden af kode, du selv skal skrive, da du blot kan overskrive de elementer, du ønsker at ændre, i stedet for at skulle definere alt fra bunden.
Ofte Stillede Spørgsmål (OSS)
Hvorfor skal jeg oprette mit eget tema i stedet for at ændre et eksisterende?
At oprette dit eget tema sikrer, at dine tilpasninger ikke går tabt ved fremtidige Piwigo-opgraderinger. Når du ændrer standardtemafiler, risikerer du, at dine ændringer bliver overskrevet, hver gang du opdaterer Piwigo.
Hvilke filer er de mindste, der kræves for et Piwigo-tema?
Et Piwigo-tema kræver som minimum filerne theme.css og themeconf.inc.php.
Kan jeg bruge et andet tema end 'default' som forælder?
Ja, absolut. Du kan bruge ethvert eksisterende tema som forælder. I eksemplet i denne artikel brugte vi 'clear' som forælder, hvilket er en almindelig praksis for at bygge videre på et tema, der allerede har et ønsket grundlæggende udseende.
Hvor kan jeg downloade Piwigo-temaer?
Du kan downloade et bredt udvalg af temaer fra Piwigo's officielle udvidelsessektion på piwigo.org/ext.
Hvad er fordelen ved forældre-/barn-temasystemet?
Fordelen er, at du kan bygge videre på et eksisterende tema uden at modificere dets kernefiler. Du arver dets funktionalitet og design og overskriver kun de dele, du ønsker at ændre. Dette gør temaudvikling mere effektiv, og dine tilpasninger er mere robuste over for opdateringer.
Konklusion
At mestre oprettelsen af dine egne Piwigo-temaer er en uvurderlig færdighed for enhver, der ønsker at skræddersy deres fotogalleri til perfektion. Selvom det kan virke teknisk i starten, er processen med at oprette themeconf.inc.php og theme.css filer ligetil og giver dig enestående kontrol over dit galleris udseende. Ved at udnytte Piwigo's robuste forældre-/barn-temasystem sikrer du, at dine unikke designvalg er beskyttet mod opgraderinger, hvilket giver dig ro i sindet og et professionelt, personligt præg på dine billeder.
Så uanset om du ønsker at genskabe et tema som 'Simple Grey' eller drømmer om et helt nyt design, har du nu værktøjerne til at gøre din Piwigo-vision til virkelighed. Begynd at eksperimentere, og lad din kreativitet blomstre!
Hvis du vil læse andre artikler, der ligner Piwigo Temaer: Din Guide til Personlig Tilpasning, kan du besøge kategorien Software.
