студия занимательная МИХАЛИКА
! Михалика - запросто с WordPress:
доступная ручная работа по правилам оптимального интернет(а)
Здравствуйте !

издатель:   в теме: Техническое SEO
студия занимательная МИХАЛИКА

Как добавить в статью ссылки на похожие записи — с миниатюрами — без плагина

Нынче мы реализуем на своём блоге или сайте вывод похожих (или дочерних) по теме записей, не применяя плагинов, и вопрос — как сделать красивые ссылки на другие интересные посты в финале статьи, отпадёт.

Тем паче что в следующей статье мы настроим ссылочный вариант похожего полезного контента, но уже с миниатюрками, настраиваемыми под любой адаптивный дизайн. Способы отлично и здорово рабочие. И также без плагинов..!

…без лишнего засорения и утяжеления блога.


Приступим:

 

 

 

оформляем ссылки на другие тематические посты нашего сайта

 

 

 

…нам потребуется, наша уверенность и сосредоточенность… и, конечно же, файл, отвечающий за вывод контента вообще (в корне вашей темы) У меня этот файл с именем post-single.php у вас может быть и иной, к примеру просто single.php — смотрите…

 

 

ПАМЯТКА:

…напоминаю всякий раз: заведите какой-то документ «запоминалку» всех совершаемых эксов с блогом. Копируйте редактируемые файлы. Пригодится!

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

 

 

Упреждаю: всё это достаточно легко реализуется, а вся сложность предприятия кроется в наладке отображения, то бишь дизайна — ведь у каждого из нас свои уникальные сайты) а ещё пуще и свои прихоти к картинке своего детища web-услуг.

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

 

 

Значится так: открываем файл вывода статей… и прикинем, определимся с местом вывода других записей рубрики (можно будет настроить отображение похожих записей МЕТОК, но далее…) — обычно всю эту похоЖесть контента выводят в финале статей.

 

 

Отыщите в своём файле что-то похожее на приведённый код ниже. Именно сыщите этот кусочек the_content('') этот вензель (функция) отвечает за вывод всей массы статьи.

 

 

У вас в коде, возможно, не будет строки 3 (точнее, будет отличаться) — это «листалка» длинного текста. Если вам также нужно на своём сайте разбивать длинные статьи на части или страницы, то вот статья: Как разбить текст статьи на части или странички wordpress

 

 

<?php
                the_content('');
                wp_link_pages( array( 'before' => '<div class="lists"><p>' . __( 'Следующая страничка:', 'themater' ) . '', 'after' => '</p></div>' ) );
           
 ?>

 

 

А мы продолжаем:

 

…пропишем в своём файле после тега ?> ( приведённого выше кода) следующее решение организующее полезный вывод ссылок на аналогичные статьи блога — в общем полезная примочка сайту — пассивная перелинковка страниц!

 

 

div class="sample-posty">
<p>читайте также:</p>
<?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'=>5,
	'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><span><a href="<?php the_permalink() ?>" rel="nofollow" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></span></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?></div>

 

 

 

Внимание: все подробные функциональные настройки отображения ссылок на следующие записи блога, которые запросто осуществляются в строках этого кода, у меня описаны в следующей статье …

 

 

Теперь, как вы догадались, подредактируем файл стилей  style.css, конечно же, если это вам необходимо.

 

 

 

 

как дизайнерски оформить ссылки похожих записей — CSS

 

 

 

 

Но перед этим действом давайте поступим так, ибо правильнее: как только пропишите и сохраните вашу редакцию post-single.php или single.php обновите страничку со статьёй и взгляните на то, что у вас получилось без применения стилистики CSS приведённой ниже.

 

 

Но коли необходимы css-регулировки, то вот код. Он приблизительный (ибо требования у всех разные) — но в нём есть всё нужное. Так же вы можете поубирать ненужные свойства.

 

 

/*похожие записи*/
.sample-posty p{
font-weight: 700; /*жирный шрифт*/
color: #878787; /*цвет шрифта заголовка*/
font-size: 16px; /*размер шрифта*/
margin: 5px 0; /*положение*/
font-style: italic; /*наклон щрифта*/
}
.sample-posty li{
/*float:left; раскомментировать, если выводить в ширину имена постов*/
font-weight: 700;
color: #878787; /*размер названия поста*/
margin: 10px 0 0 10px; /*положение*/
padding: 0;
font-style: italic;
}

 

 


На этом занавес представления опускается…

 

 


подписка feedburner МИГ подписки - ВРЕМЯ знаний!!

 

 


Если что-то не ясно, спрашивайте. Помогу… в чём дюжу.
Вместе мы многое сможем! Берегите себя и свой век - mihalica.ru


Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!


меточная навигация:


Комментарии © 0 к статье: Как добавить в статью ссылки на похожие записи — с миниатюрами — без плагина

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Ваш e-mail не будет опубликован. Обязательные поля помечены *