Как сделать список дней недели с активным днем?

PHP

1 ответ

Как сделать Ссылка удалена модератором.
В футере дни недели с активным днем

Дополнительно:

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.5.7

upd:

&lt;?php   $week_day = [     1 =&gt; 'ПН', 2 =&gt; 'ВТ', 3 =&gt; 'СР', 4 =&gt; 'ЧТ', 5 =&gt; 'ПТ', 6 =&gt; 'СБ', 7 =&gt;'ВС' ];  foreach ($week_day as $key =&gt; $day) { ?&gt; 	&lt;div class="item &lt;?php echo ($key == wp_date('N') ? 'current_day' : '') ?&gt;"&gt;&lt;?php echo $day; ?&gt;&lt;/div&gt; &lt;?php } ?&gt;

<?php $week_day = [ 1 => 'ПН', 2 => 'ВТ', 3 => 'СР', 4 => 'ЧТ', 5 => 'ПТ', 6 => 'СБ', 7 =>'ВС' ]; foreach ($week_day as $key => $day) { ?> <div class="item <?php echo ($key == wp_date('N') ? 'current_day' : '') ?>"><?php echo $day; ?></div> <?php } ?>

ну допустим вот список

&lt;div class="footer-wrap__contacts--list"&gt; 											&lt;div class="item"&gt;НД&lt;/div&gt; 											&lt;div class="item"&gt;ПН&lt;/div&gt; 											&lt;div class="item"&gt;ВТ&lt;/div&gt; 											&lt;div class="item"&gt;СР&lt;/div&gt; 											&lt;div class="item"&gt;ЧТ&lt;/div&gt; 											&lt;div class="item"&gt;ПТ&lt;/div&gt; 											&lt;div class="item"&gt;СБ&lt;/div&gt; 									&lt;/div&gt;

А как мне curent подставить?? извините не въехал

это условие не понимаю к чему

if(wp_date('N') == 7) {    echo 'current_day';  }

if(wp_date('N') == 7) { echo 'current_day'; }

Спасибо!

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Игорь Волков Ответ

Список дней недели с активным текущим днём можно сделать на PHP при рендере страницы или на JavaScript в браузере. Если сайт должен учитывать часовой пояс WordPress, лучше использовать PHP и функцию current_time(), а не системное время сервера.

$days = [
    1 =&gt; 'Понедельник',
    2 =&gt; 'Вторник',
    3 =&gt; 'Среда',
    4 =&gt; 'Четверг',
    5 =&gt; 'Пятница',
    6 =&gt; 'Суббота',
    7 =&gt; 'Воскресенье',
];
 
$current_day = (int) current_time('N');
 
echo '&lt;ul class="week-days"&gt;';
foreach ($days as $number =&gt; $label) {
    $class = $number === $current_day ? ' class="is-active"' : '';
    echo '&lt;li' . $class . '&gt;' . esc_html($label) . '&lt;/li&gt;';
}
echo '&lt;/ul&gt;';

$days = [ 1 => 'Понедельник', 2 => 'Вторник', 3 => 'Среда', 4 => 'Четверг', 5 => 'Пятница', 6 => 'Суббота', 7 => 'Воскресенье', ]; $current_day = (int) current_time('N'); echo '<ul class="week-days">'; foreach ($days as $number => $label) { $class = $number === $current_day ? ' class="is-active"' : ''; echo '<li' . $class . '>' . esc_html($label) . '</li>'; } echo '</ul>';

CSS для активного дня:

.week-days {
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.week-days li {
    padding: 6px 10px;
}
 
.week-days .is-active {
    font-weight: 700;
    background: #f1f5f9;
}

.week-days { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; } .week-days li { padding: 6px 10px; } .week-days .is-active { font-weight: 700; background: #f1f5f9; }

Если страница сильно кэшируется, PHP может отдать вчерашний активный день до сброса кэша. Тогда активный класс лучше ставить JavaScript-ом на стороне пользователя:

const day = new Date().getDay() || 7;
document.querySelector('[data-day="' + day + '"]')?.classList.add('is-active');

const day = new Date().getDay() || 7; document.querySelector('[data-day="' + day + '"]')?.classList.add('is-active');

Для расписания организации чаще лучше привязываться к часовому поясу сайта, а не к компьютеру пользователя. Поэтому PHP-вариант через current_time('N') обычно правильнее для WordPress.

Для футера лучше не хранить активный день руками в HTML, а всегда считать его на сервере. Тогда завтра класс сам переедет на следующий элемент. Если сайт работает по московскому времени, проверьте часовой пояс в настройках WordPress: Настройки -> Общие -> Часовой пояс. Функция wp_date('N') вернёт номер дня недели от 1 до 7, где 1 — понедельник, 7 — воскресенье.

$days = [
    1 =&gt; 'ПН',
    2 =&gt; 'ВТ',
    3 =&gt; 'СР',
    4 =&gt; 'ЧТ',
    5 =&gt; 'ПТ',
    6 =&gt; 'СБ',
    7 =&gt; 'ВС',
];
 
$today = (int) wp_date('N');
 
foreach ($days as $num =&gt; $label) {
    $class = $num === $today ? ' item--active' : '';
    echo '&lt;div class="item' . esc_attr($class) . '"&gt;' . esc_html($label) . '&lt;/div&gt;';
}

$days = [ 1 => 'ПН', 2 => 'ВТ', 3 => 'СР', 4 => 'ЧТ', 5 => 'ПТ', 6 => 'СБ', 7 => 'ВС', ]; $today = (int) wp_date('N'); foreach ($days as $num => $label) { $class = $num === $today ? ' item--active' : ''; echo '<div class="item' . esc_attr($class) . '">' . esc_html($label) . '</div>'; }

Если у вас в вёрстке неделя начинается с воскресенья, просто поменяйте порядок массива, но ключи оставьте правильными. Не сравнивайте текст дня вроде ПН с текущей датой: это неудобно для локализации и легко ломается из-за регистра или сокращений.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов woocommerce Как отображать при фильтрации товары со значением search параметра visibility: HUSKY — Products Filter for WooCommerce? 0 ответов

Как сделать список дней недели с активным днем?

Дополнительно:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно