Is simple grey still available on Piwigo extensions?

Piwigo Temaer: Din Guide til Personlig Tilpasning

09/05/2024

Rating: 4.05 (13703 votes)

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.

What is Piwigo?
Manage your photos with Piwigo, a full featured open source photo gallery application for the web. Star us on Github! More than 200 plugins and themes available. Join us and contribute!

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.

Indholdsfortegnelse

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ære themes/greenery.
  • Kopiér filen themeconf.inc.php fra et eksisterende tema, som dit nye tema skal baseres på, til din nye temamappe. Hvis du vil basere det på 'clear'-temaet, kopierer du themes/clear/themeconf.inc.php til themes/greenery/themeconf.inc.php.
  • Opret en tom fil kaldet theme.css i 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øgleStandardværdiBeskrivelse
parentdefaultDet 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_dirthemes/default/iconAngiver stien til temaets ikoner.
mime_icon_dirthemes/default/icon/mimetypes/Angiver stien til ikoner for ikke-billedfiler.
local_headnoneSti 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.
activabletrueHvis 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_headtrueHvis 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_csstrueHvis 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.

How do I set a default theme in Piwigo?
Go to Piwigo administration, menu Configuration > Themes. In the list of inactive themes, activate the Bootstrap Darkroom theme. Once the Bootstrap Darkroom theme is activated, you can set it as the “default” theme (displayed by default to all visitors of your gallery), and access the configuration options.

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 .tpl filer (grundlæggende struktur).
  • dark theme:
    • theme.css, themeconf.inc.php: indlæses som nummer to.
    • Indeholder ingen .tpl filer (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.

Go up