Рубрики
Drupal

Оптимизируем изображения на сайте под управлением Drupal

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

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

Рубрики
Drupal Верстальщику

Понимание JavaScript behaviors в Drupal

Для разработчика тем Drupal не секрет, что он имеет в своем арсенале механизм JavaScript behaviors, который при умелом использовании значительно улучшит структуру и модульность JavaScript вашей темы или модуля. Ниже я предлагаю вам для ознакомления перевод оригинальной статьи Understanding JavaScript behaviors in Drupal, в котором, возможно, вы найдете для себя то, чего вы еще не знали о behaviors в Drupal. Итак, приступим.

Рубрики
CMS Drupal Верстальщику

Модули для оптимизации фронтенда сайта на Drupal

12361

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

Рубрики
CMS WordPress Верстальщику

Добавляем миниатюру записи в RSS фид WordPress

WordPress может многое, но не все. Однако механизм хуков позволяет это исправить. Итак, стандартный RSS WordPress поставляется без картинок, но, почему бы не побаловать ваших пользователей картинками в ленте? Если картинка вставлена непосредственно в текст, то она будет в ленте, но если вы используете миниатюры записи и хотите показать их в ленте, то они не будут видны по умолчанию. Конечно, давно существуют плагины, которые позволяют сделать это, но не всегда хочется ставить плагин ради небольшого изменения функционала.
Все, что вам нужно сделать, для того, чтобы добавить в код RSS ленты изображение миниатюры записи — добавить в functions.php вашей темы код:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
add_filter( 'the_content', 'featured_image_in_feed' );
function featured_image_in_feed( $content ) {
    global $post;
    if( is_feed() ) {
        if ( has_post_thumbnail( $post->ID ) ){
            $output = get_the_post_thumbnail( $post->ID, 'medium', array( 'style' => 'float:right; margin:0 0 10px 10px;' ) );
            $content = $output . $content;
        }
    }
    return $content;
}
?>

Обратите внимание на параметры функции get_the_post_thumbnail():

  1. ID поста
  2. Пресет картинки, который может быть: thumb, thumbnail, medium, large и post-thumbnail
  3. И третий параметр, передается в виде массива атрибутов, в данном случае передаются стили которые выровняют картинку по правой стороне и добавят отступы справа и снизу.

Изменяя первый и второй параметр вы можете добиться нужного для вас результата. Вот и все. Удачи.
За сниппет спасибо Hugh Lashbrooke (статья на английском).

Рубрики
Drupal Верстальщику

Темизация элементов формы поиска в Dpupal 7

Небольшая заметка по темизации Drupal 7. Если у вас есть задача кастомизировать элементы формы поиска Drupal 7, то вы можете воспользоваться сниппетами приведенными ниже. Первая часть кода — это альтер формы поиска с добавлением и переопределением  нужных вам элементов форм, а вторая часть позволяет заменить тип поля поиска с простого text на HTML 5 атрибут типа поля search.