X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать разный цвет ссылок в статье, меню, записях?
pozitron123
pozitron123
Topic Starter сообщение 10.12.2018, 14:23; Ответить: pozitron123
Сообщение #1


Здравствуйте

Возник вопрос. Решил изменить цвет ссылок в тексте с черного на другой к примеру синий, в браузере через "исследовать код" меняю цвет и он меняются не только в тексте но и в колонке с записями и меню. Можно ли как-то простым решением сделать чтобы в тексте ссылки были одного цвета а в меню и записях стандартного черного? 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BLIK
BLIK
сообщение 10.12.2018, 14:28; Ответить: BLIK
Сообщение #2


pozitron123,В настройках темы это не предусмотрено, цвет ссылок? 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pozitron123
pozitron123
Topic Starter сообщение 10.12.2018, 14:37; Ответить: pozitron123
Сообщение #3


BLIK_mw, Похоже что  нет искал-искал не нашел, хотя в теме для другого сайта есть, но тему менять не вариант на  этом сайте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 10.12.2018, 14:39; Ответить: Андрей_WPM
Сообщение #4


pozitron123, Самый простой способ это привязаться к классам. В статьях можно привязать к article напрямую вида:

article a{color:red;}

В сайтбаре можно привязаться к aside или через что там у вас выводит тема. Ну собственно в таком духе.

Либо к классам дивов, если через дивы оформлены. К каждому классу свои стили сделать и будет разным цветом. Если цвет жестко привязан можно через !important попробовать перебить.


Сообщение отредактировал Андрей WPMasterKZ - 10.12.2018, 14:42


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pozitron123
pozitron123
Topic Starter сообщение 10.12.2018, 15:18; Ответить: pozitron123
Сообщение #5


(Андрей WPMasterKZ @ 10.12.2018, 17:39) *
простой способ

Если бы я знал как это сделать то не спрашивал бы, я думаю для меня это реализовать будет не просто и долго.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 10.12.2018, 15:41; Ответить: Андрей_WPM
Сообщение #6


( @ 10.12.2018, 18:18) *
Если бы я знал как это сделать то не спрашивал бы


Понял. Сейчас подробнее расскажу.

Первым делом откройте "просмотреть код элемента" правой кнопкой. Потом, когда уже откроется инструмент вебмастера щелкните ещё раз на нужный элемент правой кнопкой и ещё раз выберите "посмотреть код элемента". Справа покажется фокус на этот элемент в виде его кода. 

За пример возьму свой блог. У меня все блоки в сайтбаре выводятся блоком aside это видно на вот этом скрине:
Прикрепленное изображение


К примеру я хочу чтобы все ссылки только в сайтбаре были красными, а на остальном сайте по умолчанию. Я делаю следующее:

Открываю файл стилей темы style.css и в конце пишу стиль для этих блоков сайтбара. То есть обращаюсь напрямую к aside. Так как через него у меня больше ничего, нигде не выводится, я обращаюсь к нему напрямую:

aside a{
  color:red;
}

и при наведении можно цвет поменять так:

aside a:hover{
  color:blue;
}

Теперь все ссылки будут красным и при наведении курсора зеленым, но только в сайтбаре, на остальном сайте будут по умолчанию.

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

article a{
  color:red;
}

Теперь у меня все ссылки будут красными, но только в самой статье. На остальной части сайта ссылки будут по умолчанию.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pozitron123
pozitron123
Topic Starter сообщение 11.12.2018, 20:39; Ответить: pozitron123
Сообщение #7


(Андрей WPMasterKZ @ 10.12.2018, 18:41) *
Справа покажется фокус

у меня справа <a href  и так далее, арктиклей что-то я там не увидел.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Андрей_WPM
Андрей_WPM
сообщение 11.12.2018, 21:10; Ответить: Андрей_WPM
Сообщение #8


pozitron123, у Вас может и не быть. Я как пример написал. Здесь от шаблона зависит всё. Посмотрите в каких div'ах у Вас а href у него будет по-любому класс, вот к нему и обращаться надо. Или ссылку скиньте мне в личку если не хотите светить, я подскажу к какому классу обратиться. Чтобы определить какой див у вас выполняет функцию артикля щелкните на любой ссылке в статье и когда окно справа с кодом откроется, курсором наводите на вышестоящие от этой ссылки дивы. Слева блоки на которые вы будете наводить, будут подсвечиваться. Таким образом сможете найти нужный, общий див который выводит посты. Как найдете этот див скопируйте его класс и в файле стилей вместо артикля подставьте этот класс. Будет выглядеть примерно так:

.class a{
  color:red;


Когда обращаетесь к классам вначале ставиться всегда точка потом без пробела пишется название класса.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pozitron123
pozitron123
Topic Starter сообщение 12.12.2018, 13:38; Ответить: pozitron123
Сообщение #9


(Андрей WPMasterKZ @ 12.12.2018, 00:10) *
Здесь от шаблона зависит всё

Нашел для себя решение вот тут:  http://wordpress-life.ru/kak-izmenit-tsvet-ssyilok.html   Но когда вставляю нужный стиль:



#content a {
    color: #399dda;
    border-bottom: 1px solid #c0e4fc;
    padding-bottom: 1px;


}
#content a:hover {
    color: #77c069;
    border-bottom: 1px solid #77c069;
    padding-bottom: 1px;
}


Изменяет и цвет тайтла-ссылки в анонсах и цвет кнопки ( цвет текста) в анонсе "читать далее"

 

Автор пишет что нужно добавить следующие:

 




#content .title a {
    text-decoration: none;
    color: #323539;
    border-bottom: hidden;
}


#content .title a:hover {
    text-decoration: none;
    color: #77c069;
    border-bottom: hidden;
}


Мне это добавление не помогает в анонсе все остается также. Прописанный стиль перебивает установленный хотя в сайтбаре для ссылок нечего не меняется. Думал думал ну так не чего и не придумал хз что делать?

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pozitron123
pozitron123
Topic Starter сообщение 12.12.2018, 14:52; Ответить: pozitron123
Сообщение #10


(pozitron123 @ 12.12.2018, 16:38) *
хз что делать

Все разобрался на до было вместо тайтл анонс прописать и для кнопки отдельно цвет задать.


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как зарабатывать на Telegram в 2025 году: пошаговое руководство + готовая связка
1 leadmagnet 571 Вчера, 13:59
автор: malamut
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
95 2Index 21040 15.5.2025, 16:23
автор: 2Index
Горячая тема (нет новых ответов) Оптимизация сайтов, продвижение, наращивание ссылок
Большой опыт работы, отзывы
317 tario777 224921 12.5.2025, 13:54
автор: tario777
Открытая тема (нет новых ответов) Как монетизировать мелкие Ютуб каналы?
5 uahomka 2381 10.5.2025, 16:45
автор: prolisk
Открытая тема (нет новых ответов) Порекомендуйте сервисы для размещения ссылок: сайт на OpenCart
0 AlexandrRed 504 7.5.2025, 13:30
автор: AlexandrRed


 



RSS Текстовая версия Сейчас: 17.5.2025, 18:27
Дизайн