Как стилизовать пагинацию постов по определённому признаку?

Question

[Шигаев.]

На сайте стилизованы ссылки в зависимости от категорий. Например — по цветам. Так же у постов, принадлежащим той или иной категории, имеется стандартная страничная навигация nav-previw / nav-next. Подскажите пожалуйста — как стилизовать («раскрасить») ссылки на предыдущий/следующий пост в зависимости от цветов их собственных категорий.

Фрагмент нынешнего состояния, в котором я уповаю на ссылки категорий вроде /category-first/:

<div class="nav-next">
 <a href="/category-first/some-post/" rel="next noopener noreferrer" data-wpel-link="internal" class="inner-links">
  <span class="nav-subtitle">→</span>
 <span class="nav-title">Some Post</span></a>
</div>

Было:
← Синий | Синий →

Надеюсь станет:
← Красный | Зелёный →

Спасибо!

Comments

[Refguser]

Юзабилити корчится в муках от таких идей...
(Не нужно так делать.)

[Шигаев.]

Refguser, могли бы пояснить — почему метод показался вам неприемлемым?

[Refguser]

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

ЗЫ, Я уже даже не заикаюсь про нагрузку, которая непременно возникнет при реализации этого ужаса.

[Шигаев.]

Refguser, идея порождает метод. Я об этом, если что.
Если бы элементы были одного назначения, ссылки так же были бы идентичны. Как и категории. Это как раз и есть вопрос юзабилити: ссылка заранее информирует пользователя о переходе к иной категории. Это банально заинтересовывает. В понятие же «сущность», пользователь вникать не обязан. Да она и без того присутствует в навигации. Не подскажете — у вас есть решение задачи из топика?

[Refguser]

Шигаев.,

Это как раз и есть вопрос юзабилити: ссылка заранее информирует пользователя о переходе к иной категории

ты, оказывается не толкьо понимаешь в юзабилити, но катастрофически путаешь сущности. У тебя переход на пост, а не в архив рубрики.
Кроме того не понимаешь, что prev/next - это в принципе указатели на переходы внутри одной сущности, одного набора данных.

Не подскажете — у вас есть решение задачи из топика?

Даже если бы я захотел решить этот бред - на написание этого нужно время. А время-деньги. Но я не захочу, я бредом в принципе не хочу заниматься. Вот на интересные и полезные задачки - это другое дело...

[Шигаев.]

Refguser, было бы умение и желание. Не стесняйтесь уж так. Уверен — потяну вашу сумму.

[Refguser]

Уверен — потяну вашу сумму.

Точно потянешь 1000$? За меньшее моя принципиальность не позволяет заниматься такой фигнёй.

[Шигаев.]

Refguser, подъезжайте сегодня к восьми вечера. Адрес здесь: https://vk.com/wall164191123_5362. В договоре так и напишем — «за фигню».

[Refguser]

Шигаев., высылай на проезд-перелёт + машину времени - обязательно приеду хоть вчера к семи утра.

[Шигаев.]

Refguser, акцепт уже определён. Дополнительные условия больше не принимаются. Исполняете или нет?

[Refguser]

Шигаев., ОК. Ты сперва согласился на мои условия, а потом начал выдвигать дополнительные свои. Которые уже не принимаются. Всё верно, я ничего не перепутал?
Так ты готов скинуть 1000$ (за работу, исключительно за работу и ничего более) или уже прекратишь мозги трахать?

[Шигаев.]

Refguser, я уж не знаю — кто вам трогает мозг. Вы с этим заканчивайте, как микробиолог рекомендую. Тем не менее, мои условия выполнить вы обязаны. Либо ищите господ с особенностями, готовыми скинуть тысячу баксов неизвестно кому и неизвестно какими компетенциями обладающим. Вы назначили цену, я указал физический адрес. В чём проблема? Доехать за подобную сумму? Не вижу проблем. И да — вы всё перепутали: дополнительные условия не оговаривались. Вы попрошайка?

[Refguser]

Шигаев., балабол ты, миклобиолух. Слился и выкручивается...

Доехать за подобную сумму? Не вижу проблем.

Да ты вообще неадекватный слепой! :) (обязан я ему, ага :))))
Ещё раз: "эти деньги" - это за РАБОТУ, а не за поездки в неведомую даль. Не осиливаешь такой простой сентенции?
А для слабоумных поясню еще (хотя скорее всего бесполезно): мир не заканчивается за МКАДом. И "этих денег" не хватит не то, чтобы прокатиться, "переночевать" и вернуться, но их едва хватит, чтобы доехать в одну сторону. Кроме того - на это нужно охренеть сколько времени, а для "сегодня в 8 вечера" ты машину времени не предоставляешь.

За сим откланиваюсь.

[Шигаев.]

Refguser, что, и с компетенциями не ознакомите? Быть не может.

[Refguser]

Шигаев.,

Быть не может.

Истинная правда


Я ознакомился с другими твоими "вопросами". И не только на тостере но и на SO, а так же со "слогом" в твоём контактике.. (жаль не сделал этого раньше) - с неадекватами я не работаю ни за какие мильёны.

Теперь точно всё.

[Шигаев.]

Refguser, очень жаль, что вы так и не предоставили свой кейс. Уверен, там многое можно почерпнуть. Хорошо хоть вам удалось выговориться. Хоть и без результата.

Answer 1

[Дмитрий Перевозкин]

Доброго времени суток, у вас же явно есть информация что-бы перейти к след посту? id след поста или еще что-то, можно сделать какой-нибудь хелпер или функцию, которая будет получать некоторую информацию по посту, что-то вроде getColorPostById

Comments

[Шигаев.]

Спасибо. Но я больше по причинению боли пациентам. Из другой, так сказать, профессии я. Мне бы готовое решение. Сможем?

[Дмитрий Перевозкин]

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

[Шигаев.]

Дмитрий Перевозкин, не согласен. Я бы не стал преуменьшать способности присутствующих на Q'n'A Хабра. Да и задачка настолько же интересна, как и полезна для массы пользователей.

[Дмитрий Перевозкин]

Шигаев., соль не в том что сил не хватит у участников, а что слишком абстрактная задача, просто вот выдать кусок кода, который будет корректно работать на сайте который никто не видел и его исходный код, это как заставить подбирать код от сейфа глухонемого и слепого, как минимум нужно знать текущую реализацию, ведь категории уже подсвечены, значит какое то решение уже есть, либо это сделано статически, а может динамически есть скрипт и база данных в которых хранится категория, к которой привязан цвет, а может это плагин вовсе, слишком много переменных :) понимаете?

[Шигаев.]

Дмитрий Перевозкин, конечно понимаю. А вместе со мной ещё сколько-то миллионов человек с высокоразвитым абстрактным мышлением. И я отнюдь не претендую на скорость решения. Кому будет интересно — реализует. Как были реализованы тысячи «странных» хотелок. Помню, как-то раз замутил некто Перельман одну странную хреновинку и понеслась...

Answer 2

[chimir]

https://developer.mozilla.org/en-US/docs/Web/CSS/A...

a[href*="category-first"] {
  color: red;
}

Comments

[Шигаев.]

Тогда придётся подставлять вручную каждую из новых категорий.