Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Как без плагина сделать ссылки на предыдущую и следующую статьи.

Опубликовано: 01.09.2018

видео Как без плагина сделать ссылки на предыдущую и следующую статьи.

Wordpress Copyright - как убрать копирайт | скрытый копирайт на сайте



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

Содержание.

Для чего нужны ссылки. Рассматриваем саму функцию. Дописываем стили.

Зачем они нужны.

Скажу сразу, я их убрал с блога, просто на них плохо нажимали, и не стал их применять дальше, зачем лишние коды. Но к примеру для сайта фотографий, досок объявлений, мини магазинов и тому подобное, они просто не обходимы. Вот так они выглядели у меня до сноса.


Создание WordPress темы #8 - Мета данные поста

Может конечно, дело было в дизайне, но я люблю минимализм (на общий дизайн не смотрите, это другое), поэтому люблю чтобы было маленькое, но читаемое. А смысл их прост, чтобы посетители лишний раз открыли разные статьи вашего блога, и увидели все ваши предложения и тому подобное.

Так же действует как ссылочная масса, для поисковиков это очень важная вещь, перелинковка статей очень нужна.


Пример Ajax подгрузки постов из рубрик в Wordpress - практический урок, гайд по Ajax

Рассматриваем функцию.

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

<?php previous_post_link('&laquo; %link'); ?> <?php next_post_link('%link &raquo;'); ?>

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

<div class="pred"> <?php previous_post_link('&laquo; %link'); ?> </div> <div class="sled"> <?php next_post_link('%link &raquo;'); ?> </div>

Как видим все просто, теперь идем в редактор в самом вордпрессе и вставляем код в необходимое место файла single.php. Я сделал их после окончания самих постов, там им и место, больше не куда. А так пихайте их куда угодно, ваша фантазия, я знаю, не имеет границ. В моем шаблоне это выглядит так.

Делаем резервные копии файлов, не забываем. Ни в коем случае не вставляем код во внутрь php функций, а то шаблон заклинит, и придется уже лезть через ftp, проблем будет больше.

Принцип поняли, копируем и вставляем.

Дописываем стили.

Когда вставите код выше и сохраните изменения, то у вас появятся эти ссылки на предыдущую и следующую статью, но они будут простыми без выравнивания и оформления. Но в прошлом пункте мы позаботились и прописали для каждой строчки свой стиль, ну что пришло время их заполнить.

Идем по старому адресу в редактор и прописываем в нем эти строки кода, замечу что их уже меняйте на свой вкус, размер шрифта, его цвет и положение, это так заготовка.

.sled { float: right; font: 18px arial; margin-bottom: 2px; } .sled a{ text-decoration:none; color: #67a25a; } .pred { float: left; font: 18px arial; margin-bottom: 2px; } .pred a{ text-decoration:none; color: #67a25a; }

Вставлять можете в любое место файла style.css, только не в медиа стили адаптивной верстки , а так куда угодно. С оформлением смотрите сами, я лишь выровнял ссылки по краям и придал им цвет и размер, а уж что вам хочется я не знаю, спрашивайте в комментариях подскажу как правильно сделать. Я опять прикладываю скриншот, где у меня они вставлены.

Ну в принципе на этом все, если все хорошо, то могу вас поздравить вы смогли сделать ссылки на следующую и предыдущую статью на вашем блоге без особых усилий, ведь правда. В заключении давайте подобьем итог проделанного.

Вставляем код вывода в single.php. Вставляем стили в style.css. Настраиваем по своему вкусу внешний вид. Радуемся тому какой вы моледец, ну или умница.

А вам статья была полезна? И примените ли вы ее материал у себя на блогах?

 

rss