Выделить жирным определённый заголовок

Главные вкладки

Аватар пользователя Anna Haidar Anna Haidar 29 июня 2020 в 16:03

У меня есть вывод заголовков статей (использующие разные термины таксономии) через представление.
КАК можно ВЫДЕЛИТЬ ЖИРНЫМ определенный заголовок (так сказать ВАЖНУЮ СТАТЬЮ)?
Заранее спасибо

Лучший ответ

Аватар пользователя VasyOK VasyOK 30 июня 2020 в 13:05
1

1. Определить в типе материала поле Важный материал типа Логический, виджет - Одиночный флаг вкл./выкл.
Значение «Включить» 1
Значение «Выключить» 0

2. Во вьюхе, выводящей заголовки нод вывести поле Заголовка и поле Важный материал. Оба поля исключить из вывода.

3. views_conditional добавляем поле Conditional во вьюху. В этом поле выбираем: если Важный материал = 1 значит вывод поля
<div class="title red-text">[title]</div>
если нет, то
<div class="title">[title]</div>
лишние контейнеры в настройках стиля поля поубирайте. Поиграйтесь там.

в CSS темы добавить:

.title {
font-size: 20px;
font-weight: bold;
}

.red-text {
color: red;
}

Комментарии

Аватар пользователя Anna Haidar Anna Haidar 30 июня 2020 в 11:15

Есть пример..

Вот на фото выделены важные статьи красным. Так как это не статическая надпись, css немного не то, по идее. Возможно есть какой-то модуль... я пробовала Taxonomy Menu Trails но до конца не разобралась как он работает, и по идее он работает только с меню, а у меня просто view

Аватар пользователя VasyOK VasyOK 30 июня 2020 в 13:05
1

1. Определить в типе материала поле Важный материал типа Логический, виджет - Одиночный флаг вкл./выкл.
Значение «Включить» 1
Значение «Выключить» 0

2. Во вьюхе, выводящей заголовки нод вывести поле Заголовка и поле Важный материал. Оба поля исключить из вывода.

3. views_conditional добавляем поле Conditional во вьюху. В этом поле выбираем: если Важный материал = 1 значит вывод поля
<div class="title red-text">[title]</div>
если нет, то
<div class="title">[title]</div>
лишние контейнеры в настройках стиля поля поубирайте. Поиграйтесь там.

в CSS темы добавить:

.title {
font-size: 20px;
font-weight: bold;
}

.red-text {
color: red;
}

Аватар пользователя VasyOK VasyOK 30 июня 2020 в 14:39

В типе Статья в настройках поля есть:
Значение «Включить» 1
Значение «Выключить» 0
?

А в предпросмотре вьюхи чуть ниже что показывает?

Аватар пользователя Anna Haidar Anna Haidar 30 июня 2020 в 15:24

это по умолчанию 1 и 0

вот как выводится в предпросмотре

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

Аватар пользователя VasyOK VasyOK 30 июня 2020 в 15:31

"это по умолчанию 1 и 0" там все равно надо ставить руками числа. В запущенных случаях оно может не понять.

Жириным потому как:

.title {
font-size: 20px;
font-weight: bold;
}

Понимаете почему?

Красным подсвечивается?

Аватар пользователя Anna Haidar Anna Haidar 30 июня 2020 в 15:54

Божечки, дааа, прописала эти 1 и 0, так заработало!!!!
Только есть еще одна проблемка, это были ссылки на полную статью, а теперь просто текст Sad
я вписала в те строчки

, прописала крассный цвет для ссылок.
только ССЫЛКИ НЕ АКТИВНЫЕ

Аватар пользователя VasyOK VasyOK 30 июня 2020 в 16:31
2

На этом сайте смотрите html и css синтаксис.
http://htmlbook.ru/html/a - должен быть атрибут href, поэтому конструкция
<a>[title]</a>
образует пустую ссылку.
Для href можно вывести путь материала, но можно проще: В настройках поля заголовка поставьте галочку ссылки на контент.

Наверное я чучуть ошибся. Нужно так:

.red-text a {
color: red;
}
Аватар пользователя OldWarrior OldWarrior 30 июня 2020 в 12:01

Anna Haidar wrote: Вот на фото выделены важные статьи красным ...

Ну как-то же выделили красным, следовательно, то же самое можно выделить и жирным, например:

.red-text {
  color: red;
  font-weight: bold;
}

Anna Haidar wrote:... Так как это не статическая надпись, css немного не то, по идее ...

Да ну?

---
Если всё "с нуля" делать, то наверное имеет смысл ввести поле-флаг в тип материала, как признак того, что заголовок конкретного выбранного материала должен выводиться полужирным.