- XF-Kompatibilität
- 2.3.x
- Kurzbeschreibung
- A lightweight WP Seasonal Logo Rotator template hack for automatic logo rotation without add-ons or maintenance. Ideal for seasonal branding with just image uploads in a folder. No filename editing needed. Installation steps included.
WP Seasonal Logo Rotator (Auto-Scan Hack)
Ein leichte Vorlage-Hack zum automatischen Wechsel der Forenlogos für Saisons, Events oder subtilem Brandrefreshen durch das Drop von Bildern in eine Ordner.
Keine Add-ons.
Kein Dateiname-Ersetzen.
Keine Pflege erforderlich.
Was dies tut
Scannet die Logo-Ordner automatisch
Wählt zufällig ein Bild pro Seite-Load aus
Aktualisiert sofort, wenn Bilder hinzugefügt oder entfernt wurden
Ideal für saisonale oder Eventspezifische Branding
Installation
1. Erstelle eine Logo-Ordner
Optionale Überprüfung:
Breite und Höhe anpassen, um Ihren Logo zu passen.
Add JavaScriptAdministratorenpanel → Erscheinungsbild → Vorlagen →SEITE_ANGEORDNUNGPasteennach{$ldJsonHtml|raw}
Noten
DisclaimerDies ist ein einfacher Template-Hack, nicht eine Addon-Installation.
Verwende nur, wenn du es schaffst, die Logo-Filenames über list.php zu exponieren.
Ein leichte Vorlage-Hack zum automatischen Wechsel der Forenlogos für Saisons, Events oder subtilem Brandrefreshen durch das Drop von Bildern in eine Ordner.
Keine Add-ons.
Kein Dateiname-Ersetzen.
Keine Pflege erforderlich.
Was dies tut
Scannet die Logo-Ordner automatisch
Wählt zufällig ein Bild pro Seite-Load aus
Aktualisiert sofort, wenn Bilder hinzugefügt oder entfernt wurden
Ideal für saisonale oder Eventspezifische Branding
Installation
1. Erstelle eine Logo-Ordner
2. Add list.phpErstelle list.php innerhalb der gleichen Ordner.
PHP:
<?php
header('Content-Type: application/json');
$allowed = ['webp', 'png', 'jpg', 'jpeg', 'gif', 'svg'];
$files = [];
foreach (scandir(__DIR__) as $file) {
if ($file === '.' || $file === '..' || $file === 'list.php') continue;
if (in_array(strtolower(pathinfo($file, PATHINFO_EXTENSION)), $allowed, true)) {
$files[] = $file;
}
}
echo json_encode($files);
Fügen Sie CSS hinzuAdministratorenpanel → Erscheinungsbild → Stile → Vorlagen →extra.less
CSS:
.p-header-logo {
position: relative;
width: 350px;
height: 300px;
}
.p-header-logo img {
visibility: hidden;
}
.p-header-logo::before {
content: "";
position: absolute;
inset: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
Add JavaScriptAdministratorenpanel → Erscheinungsbild → Vorlagen →SEITE_ANGEORDNUNGPasteennach{$ldJsonHtml|raw}
Code:
<script>
(async function () {
const folderPath = '/styles/season_logos/';
try {
const res = await fetch(folderPath + 'list.php');
if (!res.ok) return;
const logos = await res.json();
if (!logos.length) return;
const logo = logos[Math.floor(Math.random() * logos.length)];
const style = document.createElement('style');
style.textContent = `
.p-header-logo::before {
background-image: url("${folderPath}${logo}");
}
`;
document.head.appendChild(style);
} catch (e) {}
})();
</script>
- []*]Logo ändert sich bei jeder Seiteleere[]Lösche den Browser-Cache nach der Installation[]*mobilenutzierungskompatibilität muss im extra.less angepasst werden[]*]list.php zeigt nur Bildnamen
DisclaimerDies ist ein einfacher Template-Hack, nicht eine Addon-Installation.
Verwende nur, wenn du es schaffst, die Logo-Filenames über list.php zu exponieren.