WP Seasonal Logo Rotator (Auto-Scan Hack)

WP Seasonal Logo Rotator (Auto-Scan Hack) 1.0.0

Keine Berechtigung zum Herunterladen
XF-Kompatibilität
  1. 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)

A lightweight template hack to automatically rotate forum logos for seasons, events, or subtle brand refreshes simply by dropping images into a folder.

No add-ons.
No filename editing.
No maintenance.

What This Does
Scans a logo folder automatically
Selects one image at random on each page load
Updates instantly when images are added or removed
Ideal for seasonal or event-based branding

Installation

1. Create a logo folder

Create this folder on your server:
/styles/season_logos/
2. Add list.php

Create list.php inside the same folder.
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);
Optional check:
3. Add CSS

Admin Panel → Appearance → Styles → Templates → 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;
}
Adjust width/height to match your logo.



4. Add JavaScript

Admin Panel → Appearance → Templates → PAGE_CONTAINER
Paste after {$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>
Notes
  • Logo changes on each page load
  • Clear browser cache after setup
  • Mobile sizing may need adjustment in extra.less
  • list.php exposes image filenames only



Disclaimer
This is a simple template hack, not an add-on.
Use only if you are comfortable exposing logo filenames via list.php.
  • Gefällt mir
Reaktionen: l1admin689
Autor
axtona
Ansichten
243
Erweiterungstyp
rar
Dateigröße
489 Byte
Erste Veröffentlichung
Letzte Aktualisierung
Bewertungen 0.00 Sterne 0 Bewertungen
Link defekt? Nachricht senden an das NP-Team – wir helfen dir schnell!
Unterstütze den Entwickler Wenn du mit dem Test zufrieden bist oder mit deinem Projekt erfolgreich Geld verdient hast, klicke auf den Button Mehr Informationen, um den Entwickler durch einen Kauf zu unterstützen.

Weitere Ressourcen von axtona

[Ap Yazılım] Scroll Buttons A
Scroll Buttons is a powerful interface add-on coded with modern web trends t
Shack Open Graph Pro A
Dieses Erweiterung fügt Open Graph und Twitter-Karten-Tags zu Ihrem Site hinzu
 ALTACHA CAPTCHA A
Ein XenForo Add-On, der die ALTCHA Menschverifizierungs-System integriert

Ähnliche Ressourcen

German translation for [021] ChatGPT Autoresponder W
the german translation Deutsch (Du) for the [021] ChatGPT Autoresponder add-on
Ansichten
353
Aktualisiert
[021] ChatGPT Autoresponder Türkçe Çeviri Translation A
Ansichten
580
Aktualisiert
Oben