Как разместить дату над месяцем?

Question

I_want_to_know @I_want_to_know

WordPress

Как разместить дату над месяцем?

Есть такая разметка:

<div class="new-front-cart__span">
		<span class="new-date__number">13</span>
		<span class="new-date__month">октября</span>
	</div>

По задумке положение этих двух элементов должно быть друг над другом, типа такого:

12
Июля

Для вывода даты, я использую ACF.
Ввиду того, что css у эелементов разный, задаю разные классы.
Но если в HTML всё понятно, то как мне решить эту задачу (присвоить отдельный класс дате и отдельный класс месяцу) при использовании ACF там ведь просто выбираю дату и всё...

Вопрос задан 27 сент. 2024
83 просмотра

7 комментариев

Подписаться 1 Простой 7 комментариев

Refguser @Refguser

Учи каскадирование и наследование css.

Написано 27 сент. 2024
I_want_to_know @I_want_to_know Автор вопроса

Refguser, Речь не про CSS.
тут именно история про PHP
Нужно получить дату и каким-то образом присвоить класс отдельно для самой даты и отдельно для месяца.
Со стилями порядок полный.

Написано 27 сент. 2024
Refguser @Refguser

I_want_to_know, не, ты конечно можешь и в php навертеть (кури маны acf), но в данном случае всё можно решить на уроне css.

Написано 27 сент. 2024
I_want_to_know @I_want_to_know Автор вопроса
Возможно, я что-то не понимаю, и буду признателен, если дашь дельный совет, как реализовать в css задачу.
История такая:
В ACF создал поле дата и вывожу этим кодом:

<div class="new-front-cart__span"><?php the_field('data_cont_front'); ?></div>
, в админке WP задал дату.
В DevTools по факту выводится эта дата вот таким образом:

<div class="new-front-cart__span">30 сентября</div>

На сколько я понимаю, что бы задать отдельный стиль для числового значения даты и отдельные стили для месяца, нужно к чему то привязаться.
Но в данном случае, привязаться не к чему.
Получается, что в PHP (а возможно js) нужно получить какие то значения и этим значениям задать классы...
Написано 27 сент. 2024
Николай @Delta01

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

Написано 27 сент. 2024
Артем Золин @artzolin Куратор тега WordPress

I_want_to_know, в каком формате хранится эта дата в базе данных?

Написано 27 сент. 2024
I_want_to_know @I_want_to_know Автор вопроса

Артем Золин,
Формат F J
Запись в БД: {s:5:"width";s:0:"";s:5:"class";s:0:"";s:2:"id";s:0:"";}s:14:"display_format";s:3:"F j";s:13:"return_format";s:3:"F j";s:9:"first_day";i:1;}
Верно понимаю, что вы про этот формат?

Написано 27 сент. 2024

Учи каскадирование и наследование css.
Refguser, Речь не про CSS.
тут именно история про PHP
Нужно получить дату и каким-то образом присвоить класс отдельно для самой даты и отдельно для месяца.
Со стилями порядок полный.
I_want_to_know, не, ты конечно можешь и в php навертеть (кури маны acf), но в данном случае всё можно решить на уроне css.
Возможно, я что-то не понимаю, и буду признателен, если дашь дельный совет, как реализовать в css задачу.
История такая:
В ACF создал поле дата и вывожу этим кодом:

<div class="new-front-cart__span"><?php the_field('data_cont_front'); ?></div>
, в админке WP задал дату.
В DevTools по факту выводится эта дата вот таким образом:

<div class="new-front-cart__span">30 сентября</div>

На сколько я понимаю, что бы задать отдельный стиль для числового значения даты и отдельные стили для месяца, нужно к чему то привязаться.
Но в данном случае, привязаться не к чему.
Получается, что в PHP (а возможно js) нужно получить какие то значения и этим значениям задать классы...
I_want_to_know, Попробуйте не сразу выводить получившуюся дату, а взять ее как значение переменной на PHP, и тогда получившуюся строку разделите по пробелам и в разметке уже вставляйте нужные части в нужные теги.
I_want_to_know, в каком формате хранится эта дата в базе данных?
Артем Золин,
Формат F J
Запись в БД: {s:5:"width";s:0:"";s:5:"class";s:0:"";s:2:"id";s:0:"";}s:14:"display_format";s:3:"F j";s:13:"return_format";s:3:"F j";s:9:"first_day";i:1;}
Верно понимаю, что вы про этот формат?

Answer 1 · 2024-09-28 00:27:47

<?php
// Получаем значение даты из ACF
$date = get_field('data_cont_front');

// Разделяем дату на число и месяц
$date_parts = explode(' ', $date);
$day = $date_parts[0];  // Число
$month = $date_parts[1];  // Месяц

// Выводим с нужной разметкой
?>
<div class="new-front-cart__span">
    <span class="new-date__number"><?php echo $day; ?></span>
    <span class="new-date__month"><?php echo $month; ?></span>
</div>

Как разместить дату над месяцем?

Войдите на сайт