Привязка класса css к id=""?

Question

[Za Za]

На странице посты, сверху которых расположен див с id="<?php the_ID(); ?>" (благодаря которому посту присваевается номер)
По данному диву идет свайп и данный пост ("под номером например id="22") открывается в модальном окне.
Хочется добавить красивости ака чтоб при свайпе картинка поста (ТОЛЬКО ЭТОГО ПОСТА), например трансформировалась.

Comments

[Владимир Брумер]

создайте мета поле для записей, например. В котором будет, ну хотябы, чекбокс. В нужной статье выставляете галочку в чексе. а в коде рядом с id делаете проверку на true мета поля данного поста. и если true добавляете класс какой-нибудь и наводите на этом классе нужную красоту....

[Za Za]

Владимир Брумер, хм - попробуем

[Владимир Брумер]

Михаил Лебедев, на всякий пожарный в помощь - читайте комментарии
в последнем приведенном коде по факту осталось сделать проверку и использовать либо update_post_meta, либо delete_post_meta...

Answer 1

[Andrew]

и в чем вопрос?) css вложенность

#id-22 .random-class img{
transorm: rotate(20deg);
}

Comments

[Za Za]

в том что id не известен какой присваевается диву
а
#<?php the_ID(); ?> .random-class img{
transorm: rotate(20deg);
}
так нельзя прописать

[Andrew]

Михаил Лебедев, так как вы хотите его наперёд стилизовать?
Проверяйте какой ай-ди и давайте другой класс, который будет что-то делать

<div class="any-class <?php
if( the_ID(); == '22'){
echo 'random-class';
} ?>">
<img src="bla.png" />
</div>

.random-class img{
transform: rotate(20deg);
}

[Za Za]

Andrew, откуда == '22' взяли ? чет не понимаю
на странице уйма дивов с id="<?php the_ID(); ?>"

не будешь ведь каждому посту новому/старому/будущему отдельно прописывать одинаковые стили в css...

просто не понимаю, как вытянуть из <?php the_ID(); ?> номер (которому присвоить класс который будет добавляться/удаляться при свайпе по этому диву)

[Andrew]

Михаил Лебедев, вам что нужно сделать? на основании чего изменения? если вы хотите изменить какой-то блок с айди, значит вы знаете айди? или что вы знаете?
Или вы на космос полагаетесь?

[Za Za]

Andrew, айди постоянно разный у блоков

шаблон вывода
id="<?php the_ID()?>"

[Andrew]

Михаил Лебедев, ЧТО И С ЧЕМ ВЫ ХОТИТЕ СДЕЛАТЬ? какая зависимость от айди? возьмите этот айди и добавьте нужный стиль

[Za Za]

Andrew, может я не правильно обьясняю

лента постов в вордпрес (она выводиться шаблоном

<div id="<?php the_ID()?>"   class="box swipe-left ajax-post"></div>

при выводе в коде получается следующее

<div id="1"   class="box swipe-left ajax-post"></div>
<div id="2"   class="box swipe-left ajax-post"></div>
<div id="3"   class="box swipe-left ajax-post"></div>
<div id="90"   class="box swipe-left ajax-post"></div>
<div id="2031"   class="box swipe-left ajax-post"></div>

как одной новости придать трансформацию при клике на нее.

у меня при клике на одну новость идет трансформация всех, а нужно только той которую кликнул
вп выводит ленту шаблонно и при прописывании стиля в шаблоне он автоматом появляется во всех
мне нужно чтоб данный класс трансформации срабатывал только на одном(с которым взаимодействуешь)

[Andrew]

Михаил Лебедев, код "трансформации" в js,css,php