Сегодня рассмотрим одну простую функцию, но довольно полезную, которая избавит от необходимости устанавливать лишний плагин. Подобным путем мы выводили последние комментарии также в обход различных плагинов. И формально, таким методом установки сократили несколько нежелательных запросов к серверу. При тех условиях, что плагины подключают свои стили, а многие из них и JavaScript. Если это кажется незначительным весом, то следует подумать сколько плагинов у вас установлено в общем. К примеру, около 30 шт. и каждый из них использует свои файлы (style, JavaScript.) для оформления, которые внедряет в систему.
Можете посмотреть по сервису PageSpeed Insights где рекомендуется, что именно сократить, оптимизировать и т.д. Немного отвлекся, теперь по делу. Для вывода новых статей в сайдбаре нужно сделать следующее:
- Подключить поддержку PHP в сайдбаре. (если не хотите редактировать файлы)
- В текстовый виджет добавить нужную функцию.
- Оформить, прописав необходимые стили в файл style.css
После выполнения первого пункта перейдите во вкладку «Внешний вид-Виджеты». Добавьте текстовый виджет, а в поле ввода вставьте код:
<ul class="newpost"> <?php $the_query = new WP_Query('showposts=5'); ?> <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?> <li> <a href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail( $post->ID, 'thumbnail'); ?></a> <a class="title" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?> </a><br/> </li> <?php endwhile; ?> <?php wp_reset_query(); ?> </ul>
Сохраняем изменения и открываем файл style.css и в конце прописываем стили:
ul.newpost img { border: 5px solid #EAF3FB; float: left; height: 50px;/*размер миниатюры*/ margin-bottom: 11px !important; padding: 5px; width: 50px;/*размер миниатюры*/ } ul.newpost li { clear: both; margin: 0; overflow: hidden; border-bottom: 1px solid #dae3eb!important; } ul.newpost li a:hover { text-decoration: underline; } ul.newpost .title{ width:135px; float:left; padding:5px 5px 5px 0px; }
Результат.
В принципе все, но только можете стили отредактировать по-своему чтобы новые записи соответствовали вкусам.
Очистите кэш браузера ctrl+f5
WordSmall, не знал что так можно очистить кэш ctrl+f5 но все равно ноль все как есть оно даже не двигается при изменении кода. Как стояла так и стоит
Алексей, ВСЕ Заработало Спасибо Огромное
Это уже не смешно! Я только что зашел на ваш сайт и все нормально отображается
WordSmall, Да я написал вам Спасибо огромное. Что заело обновлял, обновлял и не чего а потом раз и все, теперь все без проблем и меняется и обновляется.
Подскажите пожалуйста, как отредактировать у себя на сайте эти вот элементы?
Алексей, Как добавить иконки как у вас в блоге ?
Иконки заданы через CSS с помощью шрифта wordsmall.ru/grafika-i-di... -primenenie.html
В каждой теме они выводятся по-разному. Смотрите исходный код и, исходя из него, меняйте так как вам нужно.
От души спасибо! От себя добавил дату публикации и поигрался с css, получилось лучше, чем с плагинами!
Рад, что кому-то это приносит пользу)