l

Новая адаптивная тема сайта

18.12.2016 300 Новости Ваш комментарий

Это вторая адаптивная тема моего сайта на вордпрессе за последние несколько месяцев. Если и предыдущая уже была подобной, зачем тогда понадобилась эта? — Фокус в том, что прошлая меня устраивала не совсем. И дело здесь не только, и не столько во внешнем виде или цветовой схеме, сколько в логике отображения разделов.


Все рубрики, мне привычнее говорить — разделы, и их материалы, по моему глубокому убеждению, должны отображаться на сайте одинаково. Вместе с тем, фотоальбому следовало отдать всю возможную ширину страницы, а текстам — три четверти, чтобы строчки не были слишком вытянутыми на больших разрешениях. В итоге, в прошлой самодельной теме я допустил ошибку. В текстовых разделах в правой колонке — сайдбаре — располагались главное меню и прочие навигационные блоки сайта, которые в разделе «Снимаю» переползали вверх каждой фотогалереи. Подобная неодинаковость поведения в статьях разных рубрик, меня не устроила.
Теперь полноценный сайдбар справа расположен только на главной странице сайта и на странах разделов (в вордпрессе принято говорить, при выводе архивов), где публикуются списки статей. Когда же открывается любой материал любой рубрики, то навигационные блоки оказываются ближе к подвалу сайта, а в статьях справа расположен только рекламный блок.
Цветовая схема новой темы может многим показаться мрачноватой, но мне она очень по душе. При её создании, я вдохновлялся темой вордпресса «Blackoot-Lite Theme» из главного репозитория. Однако сама эта тема мне по ряду причин не подошла. То есть, я мог бы взять её за основу и доработать только необходимые мне части, но я, как это часто бывает, решил потренироваться и сделать новую тему целиком.
Результатом я доволен. Мне нравится то, как выглядят формы отправки сообщений или поиска по сайту, как выглядят комментарии, нравится, как отображаются таблицы. Их в статьях пока не особо много. Вместе с тем, они до недавнего времени не были адаптивными, и на мобильных устройствах из-за таблиц появлялась горизонтальная полоса прокрутки, что добавляло неудобства и лишние вопросы у посетителей сайта. Этот момент теперь исправлен.
Кроме того, в некоторых статьях я публикую исходные коды — html, css, php… Теперь для вывода всех подобных блоков используется плагин «SyntaxHighlighter Evolved», должным образом оформленный. Во-первых, он по-разному подсвечивает синтаксис приводимого кода, во-вторых, строки в этих блоках нумеруются и на них легко ссылаться в статьях, в третьих, особо важные места кода можно теперь выделить подсвечивая целые строки. И, наконец, при копировании кусков кода, номера строчек не выделяются. Подобные качества для меня более чем важны. Так что очень рекомендую вам этот плагин, если ваш сайт на вордпрессе, а в статьях приводятся примеры программ.
Что ж, пожалуй это все новости на сегодня.

Оставьте ваш отзыв:

 

Свежие отзывы

  • Володька Смирнов: Возможно вы правы, Иван, но от этого не менее приятно получа...
  • Иван: Спасибо большое вам очень помогло. ваша статья ещё не один г...
  • Володька Смирнов: Что ж, приятно, что спустя годы эта статейка ещё актуальна и...
  • Dkfl: проще и доступнее не бывает. только понадобилось - сразу же ...
  • Vera: Большое спасибо за статью! Очень понятно все объяснили! )...
Real Time Web Analytics