Про подсветку кода и другие изменения на сайте в октябре 2018 года

29 октября 2018

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

20 новейших лендингов для Вордпресс 2018 года

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

Про все изменения писать не хватит времени, да и кому это будет интересно. Но кое-чем поделюсь.

1. Изменил подсветку кода

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

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

Например:

  • Smashing Magazine — на мой взгляд, эталонный по многим показателям сайт. В первую очередь по UX, быстродействию, оптимизации.
  • CSS-Tricks — известен каждому фронтендеру, не нуждается в представлении.

И на других не менее авторитетных ресурсах: MDN, Sitepoint, Drupal, React, Stripe, etc.

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

В моем случае отсутствие плагина сыграло мне на руку: я подключил Prism JS вручную, задействовал уже имеющиеся шорткоды и переход оказался быстрым и незаметным. Подкрутил только цветовую схему и кое-что по мелочи.

В качестве примера блок PHP-кода и CSS

/* PHP */
echo 'hello world';
/* CSS */
body {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
margin: 20px 40px;
vertical-align: baseline;
}
body.post-type-page {
max-width: 840px;
}

Prism JS — лучший! 👍🏻

2. Удалил две рубрики

Весной я полностью перестроил рубрикацию блога, о чем я тогда подробно рассказывал. Рубрик было очень много, и я просто некоторые удалил. В процессе выяснилось, что еще две рубрики «Обзоры» и «Сниппеты» оказались совершенно ни к чему. Любой обзор всегда имеет привязанность к тематике, а сниппеты чаще всего касаются бэкенда, фронтенда, безопасности или сео-оптимизации.

3. Рассказал, как пользоваться всплывающим окном

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

Если кратко: причина в куках.

Всё самое новое и интересное из мира Вордпресс в моём Телеграм-канале. Подписываемся!

Популярное в этом месяце
Иван Данилин
Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе Вордпресс.

Добавить комментарий

Лучшие премиум-темы для Вордпресс с пожизненной поддержкой
Подробнее