Совместимость с XF

2.3.x

Краткое описание: 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)

Компактное шаблонное вмешательство для автоматического переключения логотипов форума по сезонам, событиям или тонкимrefresh брендов просто путем размещения изображений в папке.

Без дополнений.
Без редактирования имен файлов.
Без обслуживания.

Что это делает
Автоматически сканирует папку логотипов
Выбирает случайное изображение на каждой загрузке страницы
Обновляется моментально при добавлении или удалении изображений
Идеально подходит для сезонных или событийных брендов

Установка

1. Создайте папку логотипов

/styles/season_logos/

2. Add list.phpСоздать list.php внутри той же папки.

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);

Опциональный проверок:

https://yourforum.com/styles/season_logos/list.php

Добавить CSSAdministrateur du Panneau → Apparence → Styles → Modèles →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;
}

Установить ширину/высоту для совпадения с вашим логотипом.

Добавь JavaScriptАдмин Панель → Внешний вид → Шаблоны →PAGE_CONTAINERПастаpozdeеп{$ldJsonHtml|raw}

Код:

<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>

Заметки

[]*]Logotypa na kazhuykh stranakh zaladuyutsya po povtoru[]После настройки очистите кэш браузера.[]*mobil_skalifikaciya_mozhet_nedobavitost_v_extra_less[]
[list.php экспонирует только имена изображений

ПримечаниеЭто простой хак для шаблона, не является расширением.
Используйте только если вы уверены в том, что будете экспонировать имена файлов логотипов через list.php.

Реакции: l1admin689

WP Сезонный Ротатор Логотов (Автоматический скан Хак) 1.0.0

Больше Ресурсов от axtona