WP_Saisonlogo_Roterater_(Auto_Scan_Hack)

WP_Saisonlogo_Roterater_(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)

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
/styledosen/logos/
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);
Optionale Überprüfung:
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;
}
Breite und Höhe anpassen, um Ihren Logo zu passen.

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>
Noten
  • []*]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.
  • Gefällt mir
Reaktionen: l1admin689
Autor
axtona
Ansichten
337
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

Sorcererprozoom A
Platz PHP und alle Art von HTML, CSS und JavaScript-Code direkt in dein Inhalt!
Cache-Cleaner-PRO A
Cache-Cleaner kann auch automatisch den Joomla! Cache nach der Speicherung eines Artikels oder anderer Inhalte bereinigen.
Auto Schließen + Thread-Bemerkung A
Auto Close Thread Notice hilft, ältere Diskussionen sauber zu halten ohne überraschende Nachrichten für deine Mitglieder.

Ähnliche Ressourcen

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