Drupal. SVG Logo

12 марта 2016

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

  1. Качаем модуль отсюда
  2. Устанавливаем плагин
  3. Переходим в настройки оформления и загружаем svg логотип
  4. В шаблоне теперь будет доступна переменная svg_logo

Пример кода:

<object id="header-logo" data='<?php print $svg_logo; ?>' alt="<?php print t('Home'); ?>" style="">
  <img alt="<?php print t('Home'); ?>" src='<?php print $logo; ?>' />
</object>

Но после использования данной конструкции, лого становится не кликабельным, поэтому немного его модифицируем:

<a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" class="logo">
  <img src="<?php print $svg_logo; ?>" onerror="this.onerror=null; this.src='<?php print $logo; ?>'" alt="<?php print t('Home'); ?>">
</a>