Как повесить атрибут data на пост в Wordpress?

Question

[Rasul Ali]

С помощью плагина "Pods" создал "custom post type" и настроил управление постами через админ-панель. Ничего необычного. Но тут задача. Нужно на каждый этот пост повесить "дату", чтобы при помощи JS сортировать все посты "слушая" эту дату.

Я нашёл в интернете способ "вешать дату" на определённый ID-шник.

if ($item->ID == $some_target) {
    $atts['data-toggle'] = 'modal';
  }
  return $atts;

Но меня интересует возможность контролировать эту самую "дату" через админ-панель. Например сразу устанавливать класс машины (посредством атрибута data), чтобы потом на странице посетители могли выбрать в списке "Красные" и показывались только красные машины. Можно ли такое организовать? Если да, то как?

Код HTML, для наглядности:

<div class="car-filter">
    <select>
        <option value="all-cars" selected> Show all </option>
        <option value="car-red"> Show red </option>
        <option value="car-blue"> Show blue </option>
        <option value="car-green"> Show green </option>
    </select>
</div>
<div class="car-items">
    <div class="car-item" data-car="car-red"> some red car image </div>
    <div class="car-item" data-car="car-blue"> some blue car image </div>
    <div class="car-item" data-car="car-green"> some green car image </div>
</div>

Answer 1

[Орхан Гасанлы]

Доброго времени суток!
Только сейчас прочитал ваше сообщение на почте.
Итак, вы можете использовать плагин ACF в частности тип поля Date. Тем самым для каждого поста назначать ту или иную дату. Далее значение этого поля вывести в data атрибуте и далее уже средствами js сортировать.
Документация:
https://www.advancedcustomfields.com/resources/dat...
https://www.advancedcustomfields.com/resources/dat...

Comments

[Rasul Ali]

Здравствуйте. Идею я понял, но мне надо убедиться, что вы поняли суть проблемы (могли не понять из-за того, что в вопросе я писал "дата" на русском). Правильно ли я понял, что при помощи вашего способа, я смогу на свои кастомные посты повесить data атрибут, к примеру : data-car="car-red" как в моём вопросе выше, чтобы потом сортировать посты при помощи JS?

Потому, что если речь о том, чтобы устанавливать дату(день, месяц, год) при помощи этого плагина, то я знаю как это сделать.

И да, большое спасибо за ответ :)

[Орхан Гасанлы]

Доброе утро!
Вот, как это будет выглядеть:
data-car="<?php the_field('my_field_name'); ?>"
Соответственно, вместо этой рнр вставки из админки вы сможете вставить значение этого data атрибута. И тут не принципиально будет ли это типом поля date или просто text и т.д.
my_field_name - это название кастомного поля ACF.

Если вы хотите иметь возможность вставлять не только значение data атрибута, но и сам атрибут data, то можете использовать тип поля ACF Repeater (повторитель).
Условно говоря,
Документация - https://www.advancedcustomfields.com/resources/rep...
Допустим вы хотите добавить дата атрибуты к анкору.

<a href="#"
<?php 
	// Тут выводим цикл с repeater и вставляем все наши data-атрибуты.
	if( have_rows('repeater_field_name') ):
    while( have_rows('repeater_field_name') ) : the_row();
    	$data_attr_name = get_sub_field('data_attr_name');
    	$data_attr_value = get_sub_field('data_attr_value');
    	echo 'data-'.$data_attr_name.'="'.$data_attr_value.'" ';
    endwhile; endif; 
?>
class="my_custom_class">Кастомная ссылка</a>

Создайте повторитель, а в нем 2 поля типа text .
Далее в текст указываете название дата атрибута, а во второе поле нужное значение.
Так вы сможете вывести дата атрибуты следующего вида
<a href="#" data-attr1="val1" data-attr2="val2"...

[Rasul Ali]

azerphoenix, чёрт, это же было на поверхности всё это время!

Ещё раз большое спасибо!)

Answer 2

[Igor Ivanov]

Добрый день.

Думаю, что можно использовать произвольные поля: https://wp-kama.ru/id_740/blok-proizvolnyih-poley-...