Как в Yoast SEO программно изменить название и описание сайта
Как в Yoast SEO программно изменить название и описание сайта

WordPress плагин Yoast SEO имеет достаточно хороший функционал в плане набора нужных хуков. Позволяющий гибко манипулировать данными для построения своих мета-тегов.

В данной статье рассмотрим пример, когда нам нужно для определенной страницы изменить title и meta-description сайта. Пример простой, и будет отображать лишь работу самих хуков. Логику же можно использовать любую. К примеру в одной из своих работ, мне пришлось прибегнуть к динамическому построению названия и описания в зависимости от выбранного региона и предоставляемых услуг. Это был каталог услуг, разбитый по странам, областям, городам, и списку категорий.

читать полностью...

Как в Yoast SEO отключить пагинацию в канонических ссылках категорий и тегов
Как в Yoast SEO отключить пагинацию в канонических ссылках категорий и тегов

Есть такой замечательный Yoast SEO плагин от Yoast в репозитории WordPress. В нем имеется достаточно много функций удовлетворяющих большинство потребностей не продвинутого (а может даже и продвинутого СЕО специалиста).

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

читать полностью...

Как сделать кнопку «наверх» / to-top с плавной прокруткой
Как сделать кнопку «наверх» / to-top с плавной прокруткой

Здравствуйте! В сегодняшнем уроке, рассмотрим реализацию простого кода кнопки «вверх» на Html, jquery и css.

Как и всегда, приступаем к рассмотрению HTML кода. Сегодня он будет довольно примитивный:


<div class="to-top" data-btn="toTop">
	&#10145;
</div>

где:
to-top — класс, используя который мы будем стилизировать нашу кнопку
data-btn="toTop" — дата-атрибут, используя который мы будем отслеживать события скрола и клика по кнопке (да-да, мы можем это сделать и по классу «to-top», я же остановился на дата-атрибуте)

читать полностью...

Как написать самый простой скрипт степпера
Как написать самый простой скрипт степпера

В этой статье рассмотрим разработку простейшего скрипта степпера. Степпер — такой скрипт, который переключает экраны/слайды по нажатию на кнопки вперед или назад. Определения так себе, но думаю по примеру будет понятнее что это такое и для чего оно нужно.

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

Подключаем библиотеки

Нам понадобится:

  1. bootstrap. Нам он просто облегчит подключение шрифтов и визуализацию кнопок
  2. font-awesome. От него мы получим три иконки (стрелка назад, вверх и вперед)
  3. animate.css, для простенькой анимации (вам никто не мешает использовать чистый css для этого)
  4. jquery, да-да, пора от него отказываться и отлавливать события на чистом JS. Но пока что лень)

А выглядит это так:

<link rel="stylesheet" href="../library/bootstrap-4/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../library/font-awesome/css/all.min.css">
<link rel="stylesheet" href="../library/animate.css/animate.min.css">
<script src="../library/jquery/dist/jquery.min.js"></script>

читать полностью...