WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
11 Декабрь 2016, 00:18:50 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
Требуется помощник редактора сайта от Клим (Ищу копирайтера, редактора, контент-менеджера)
Re: Размещу качественный контент бесплатно от Mashuly (Обмен ссылками)
Re: Кем будет востребована информация о благосостоянии клиента? от АТВ (Привлечение и удержание посетителей)
Re: Требуется помощница по ведению сайта (контент-менеджер) от LARchik (Работа и услуги)
Re: Нужны копирайтеры на постоянную работу! от Ируха 1985 (Контент, копирайтинг, переводы)
Медицинская партнерка с уникальными методиками от sexolog (CPA-сети)
Как рассчитывается итоговый доход Адсенса? от anlw (Google AdSENSE)
Re: Наполнение групп Вконтакте от Posting_i_PIAR (Социальные сети)
Услуга в соц.сетях: поиск аккаунтов по номеру телефона или email. от Max-Payne (Покупка-продажа)
Интересен траф от вебмастеров))) от DariaTraffic (Реклама и доход)
Re: Проблема с дизайнером от Mara (Дизайн)
Re: Марафон Спарта от Пузата - Почему я иду от Клим (Обучение сайтостроению, SEO и заработку)
Re: Апа не будет до конца лета? от larisay (Yandex)
Re: Хостинг FairyHosting.com от vladislavd (Хостинг)
Re: как сейчас с высококонкурентной тематикой для новых сайтов? от Ивица (Раскрутка сайтов в поисковиках)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

Тема: Оформление ссылки - похожие записи без плагина  (Прочитано 1015 раз)

0 Пользователей и 1 Гость смотрят эту тему.
Кисточка
Offline Offline

Пол: Женский
Сообщений: 2477


Просмотр профиля
« : 13 Октябрь 2013, 10:53:50 »

Девочки, может кто-нибудь поможет.
Снесла у себя плагин похожих записей. Ни один не работает корректно.
Нашла замечательную статью http://studio-gost.ru/poxozhie-zapisi-s-kartinkami-wordpress-bez-plagina/
Сделала как в ней написано, всё заработало замечательно. Но есть одно НО! Стили.

Вот код стилей:
/*-----------------------------------Похожие записи----------------------------*/
#related_posts{margin:20px 0;float: left;width: 100%; }
#related_posts ul {margin-left: -14px;width: 700px;}
#box-cel{
min-height: 217px;
border:1px solid #bbb;
border-radius:3px;
float: left;
list-style: none;
margin: 1px;
padding: 5px;
text-align: center;
width: 159px;
}
#box-cel:hover{
background:#F9E9C2;
border: 1px dashed #39B6F9;
}

Вот код, который вставляется в файл single.php:

<div id="related_posts">
<h3>Похожие темы</h3>
 
<?php
$categories = get_the_category($post->ID);
if ($categories) {
    $category_ids = array();
    foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
    $args=array(
    'category__in' => $category_ids,
    'post__not_in' => array($post->ID),
    'showposts'=>4,
'orderby'=>rand,
    'caller_get_posts'=>1);
    $my_query = new wp_query($args);
    if( $my_query->have_posts() ) {
    echo '<ul>';
    while ($my_query->have_posts()) {
    $my_query->the_post();
?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><div id="box-cel"><?php the_post_thumbnail(); ?><br><?php the_title(); ?></div></a></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?>
</div>

Мне не нравится как у меня оформлены ссылки под картинкой. Они получаются точно такими же, как в статье. Обычный мелкий текст. Как это исправить и задать свои стили? Если в самый низ вставляемого кода приписываю что-то вроде:

a:link {
  color: #024873;
  font-size: 30px;
}

То меняются все ссылки на сайте и в статьях и в меню. Что надо прописать, чтоб изменить только в похожих записях?
Записан

Мой хостинг
akkordovich
Offline Offline

Сообщений: 91



Просмотр профиля
« Ответ #1 : 13 Октябрь 2013, 15:44:36 »

Попробуйте в single.php вместо
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><div id="box-cel"><?php the_post_thumbnail(); ?><br><?php the_title(); ?></div></a></li>

Указать
<li><a href="<?php the_permalink() ?>" class="plug_rel" rel="bookmark" title="<?php the_title(); ?>"><div id="box-cel"><?php the_post_thumbnail(); ?><br><?php the_title(); ?></div></a></li>

В стиле вместо
a:link {
  color: #024873;
  font-size: 30px;
}

Указать
.plug_rel a:link {
  color: #024873;
  font-size: 30px;
}
Записан
Кисточка
Offline Offline

Пол: Женский
Сообщений: 2477


Просмотр профиля
« Ответ #2 : 13 Октябрь 2013, 16:09:12 »

Не помогло. Ничего не изменилось  Грустный
Записан

Мой хостинг
akkordovich
Offline Offline

Сообщений: 91



Просмотр профиля
« Ответ #3 : 13 Октябрь 2013, 16:13:07 »

А ничего не кешируется случаем? Если хотите - скиньте url в ЛС - погляжу.
Или вместо

.plug_rel a:link {
  color: #024873;
  font-size: 30px;
}

просто

.plug_rel {
  color: #024873;
  font-size: 30px;
}
Записан
Кисточка
Offline Offline

Пол: Женский
Сообщений: 2477


Просмотр профиля
« Ответ #4 : 13 Октябрь 2013, 16:17:49 »

Вот так:

.plug_rel {
  color: #886F66;
  font-size: 30px;
}

Почти работает. Но изменился только размер шрифта. Цвет не меняется почему-то.

Не кешируется.
Записан

Мой хостинг
akkordovich
Offline Offline

Сообщений: 91



Просмотр профиля
« Ответ #5 : 13 Октябрь 2013, 16:25:43 »

А если

a.plug_rel:link {
  color: #886F66;
  font-size: 30px;
}

a.plug_rel:visited {
  color: #886F66;
  font-size: 30px;
}
Записан
Кисточка
Offline Offline

Пол: Женский
Сообщений: 2477


Просмотр профиля
« Ответ #6 : 13 Октябрь 2013, 16:29:27 »

Заработало!!!!!!!!!!!!!!!!!!!!!!!  яхууу яхууу яхууу Позитивная девочка Позитивная девочка Позитивная девочка
akkordovich Спасибо огромное!!!
Записан

Мой хостинг
akkordovich
Offline Offline

Сообщений: 91



Просмотр профиля
« Ответ #7 : 13 Октябрь 2013, 16:30:51 »

 пиво
Записан
Страниц: 1
  Печать  
 
Перейти в:  

| Sitemap