Метка: вордпресс

Как выбрать шаблон (визуальное оформление) для блога на Вордпрессе? Главные сложности.

Как будет выглядеть сайт на экране посетителя? Какой будет цветовая гамма, как будут расположены элементы? Всё это зависит от используемого “шаблона”. Он же “дизайн”, он же – “тема” или “визуальное оформление”. А если на английском, то это обычно “template”. Когда речь идёт о настройке блога на Вордпрессе, то здесь дизайн сайта принято называть “шаблоном”.

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

Почему так и что может помочь? Мой личный опыт по настройке сайтов на различных CMS, в том числе и WordPress, а также анализ опыта других людей, привёл к следующим наблюдениям:


Вот и они

О социальных кнопках, плагинах и содержимом главной страницы

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


Узнать, что к чему
Как минимум, эти кнопки должны позволять посетителям сделать репост, то есть разместить уже в своём контенте на сайте социальной сети ссылку на запись, а также ее заголовок, небольшую аннотацию (так называемый “дескрипшн”) и подгрузить картинку при наличии. Это всё происходит автоматически, главное “запустить процесс”.

Социальные кнопки. Плагин Easy Yandex Share.

Как максимум, такие кнопки заодно служат счетчиками количества репостов или заодно и лайков.

Отдельный востребованный и очень мощный функционал – позволять посетителям для комментирования авторизоваться в блоге от лица своих аккаунтов в социальных сетях. Основной плюс для блога – обсуждение записи происходит под ней, а не на сторонних сайтах. Это прямое повышение вовлечённости аудитории. Минусы тоже есть – это и рост нагрузки на сервер и заморочки с обеспечением конфиденциальности личных данных, которые в этом случае объективно попадают в блог на хранение.

Во всех случае нужно ставить один или несколько плагинов, чтобы социальные кнопки в принципе “завелись”. Ну или код писать.

Исходя из всего этого я решил настроить для начала простой репостинг.

В процессе подбора и изучения плагинов выяснились два интересных момента:

  1. Очень многие плагины не предлагают кнопку для ВКонтакте. А ставить отдельный плагин чисто под VK как-то не хочется.
  2. Кроме социальных сетей те же самые “многие” плагины содержат кнопки репостов в мессенджеры. Вайбер, Вотсап и тд. Для меня это оказалось новинкой, весьма полезной.

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

Но вроде как плагин Easy Yandex Share зашел на первый взгляд нормально. Настроил там целый ряд кнопок, в том числе для Фейсбука, ВКонтакте, Одноклассников, ряда мессенджеров и тд. Социальные кнопки выводятся снизу под каждой записью, обычное дело.

Но!!! И это очень гигантское “но”! Кнопки выводятся внизу записи, но видны только если выполнить именно переход в саму запись (например, пройдя по ссылке). Соответственно, на главной странице блога их нет! И это не радует. Дело ещё в том, что найденный мною аналог lj-cut очень хорош и не требует от посетителя непременно уходить из потока записей внутрь отдельного поста.

С другой стороны, практический-то трафик почти всегда как раз в отдельные записи и приходит. А там социальные кнопки вполне налицо.

Противоречивая ситуация. Продолжаю изучение вопроса…

Борьба с тегом “more” с помощью шорткода “спойлер”

В рамках репозитория плагинов Вордпресса есть целая россыпь шорткодов для установки. Представляют они собой микро-код, который можно применить для разметки текста. Как в редакторе записей, так и при создании виджетов или правке файлов дизайн-шаблона. Собственно, здесь и название говорящее, “короткий код”. Фактически один шорткод – это одна строчка кода, которую следует прямо вставлять в текстовое поле..

Как я уже не раз отмечал (например, здесь и здесь), по сравнению с жж-шным тегом “lj-cut” вордпрессный тег “more” работает более грубо, приводя среди прочего к лишней перезагрузке отображаемой страницы.

И вот среди шорткодов я увидел вариант со вставкой “спойлера”. Вставляю его.

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

Получилось? А теперь проверим инструмент при работе с двумя абзацами, чтобы заодно оценить сохранение типового интервала между параграфами. Жмём.

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


А вот и второй абзац. Здесь и вовсе писать ничего не планировалось, потому что я решил испытать устроить второе испытание чисто в процессе создания заметки. Ну и… мммм, интервалы, конечно, спорные, но ситуация приемлема.

Вордпресс. Использование тега “more” вместе с Разделителем

Я уже упоминал, что в Вордпрессе тег “more” является более грубым инструментом по сравнению жж-шным тегом “lj-cut”. Конкретные неудобства такие:

  1. “Lj-cut” можно вставить несколько раз в один текст и настроить хитрую схему сжатия-разжатия контента. Здесь же один пост – один тег. Режим сугубо для формата “анонс-остальное”. Это не так уж и плохо, но в любом случае – не гибко.
  2. При активации тега происходит открытие отдельной страницы самого поста вместо разжатия текста там же, где был пользователь (на главной странице блога). Это уже вообще не особенно удобно.
  3. Совсем печально то, что вот написал первый абзац, вставил тег more (по умолчанию читатель видит ссылку “читать далее”, которую можно нажать), написал пару следующих абзацев, опубликовал. Читатель жмёт по ссылке, но отображаемый для него текст начинается вовсе не с начала следующего абзаца, а скорее даже с его конца или начала следующего. То есть часть контента по сути просто пропадает!

Ну и что я придумал? Порылся в функционале редактора текстов (про него как-нибудь тоже напишу) и нашёл т.н. “Разделитель”. Это средство разметки, которое отделяет блоки контента в публикации. Визуально виден в виде эдакой полоски. Например, в заметке про выбор домена для блога, в самом верху. Сочетание тега “more” и затем Разделителя позволяет после перехода на страницу записи продолжить чтение именно с заданной части текста. То “проскальзывание”, которое делает тег “more” сам по себе как раз и “съедается” Разделителем. С этим уже можно работать.

Результат использования разделяющего тега

Практический опыт показал, что по сравнению с жж-шным разделителем контента встроенный в Вордпресс тег more действует значительно более грубо! 

С одной-то стороны, главную функцию он выполняет. Пространство главной ленты с постами экономится, и если публикация большая, то отделитель вполне допустим. Посетитель видит только заголовок и какие-то первые фразы, вполне нормальный вариант.

С другой стороны, при активации лж-ката скрытая часть текста “выезжает” снизу, сама страница никуда “не дёргается”. Здесь же при нажатии “читать далее” выполняется переход на отдельную страницу записи, при этом отображение начинается именно с того текста, который был отделён. Это чревато тем, что вот вы вроде только-только посмотрели на анонс текста, жмёте “продолжить” и внезапно на экране всё “встряхивается”, и какой там был анонс уже и не вспомнить. Да и нагрузка на сервер, вероятно, повыше, чем когда страница уже загружена и просто добавляется текста на экране.

Так что текущий вердикт – слишком дубовый инструмент. Использовать его в данном виде не слишком разумно. Либо вовсе без делителей писать, либо поискать какие-то альтернативы. Поищу.