Flector

WP Better Emails

WP Better Emails

WP Better Emails это плагин, который оборачивает отправляемые WordPress имейлы в красивый HTML-шаблон. Плагин применяет шаблон ко всем отсылаемым WordPress письмам – например, письма от плагина Subscribe to Comments тоже будут приходить, обернутые в определенный вами шаблон.

Скачиваем плагин по ссылке в конце страницы и устанавливаем его:

1. Распаковываем архив.

2. Копируем папку wp-better-emails в /wp-content/plugins/.

3. Заходим в админку блога на вкладку "Плагины" и активируем плагин.

Настроить плагин и HTML-шаблон вы сможете в "Параметрах\WP Better Emails". Но прежде, чем заходить в настройки плагина убедитесь, что у вас включен визуальный редактор – без него плагин будет работать некорректно.

По умолчанию в предпросмотре шаблон выглядит так:

Шаблон по умолчанию

А в редакторе шаблон будет выглядеть так:

Шаблон по умолчанию в редакторе

В шаблоне можно использовать следующие переменные:

%content% - текст письма.
%blog_url% - адрес WordPress.
%home_url% - адрес сайта.
%blog_name% - название блога.
%blog_description% - описание блога.
%admin_email% - имейл администратора блога.
%date% - дата (в формате, указанном в настройках блога).
%time% - время (в формате, указанном в настройках блога).

Обязательной переменной является только %content% - все остальные переменные вы можете заменить или удалить.

Для предпросмотра шаблона нажмите на кнопку "Live Preview":

Предпросмотр шаблона

Чтобы увидеть ваш шаблон с уже замененными переменными - отошлите тестовое письмо на указанный имейл:

Отсылка тестового письма

В шаблоне по умолчанию я бы поменял следующие вещи:

%blog_description% – описание блога может быть большим и текст банально не влезет в одну строчку. Так что, либо уберите эту переменную или замените ее уже готовым текстом (на скриншоте в начале статьи я передвинул ее под название блога).

Иконка WordPress – она совсем не в кассу, лучше всего там прописать favicon.ico вашего блога. Просто зайдите в редактирование картинки и пропишите там путь до вашей иконки.

Впрочем, никто не мешает вам вообще удалить этот шаблон и заменить его чем-то своим, в стиле шаблона вашего блога. Или заменить табличную верстку письма на блочную. Например, можно сделать такой шаблон:

Блочная верстка шаблона

Код данного шаблона будет таким:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>%blog_name%</title>
  </head>
  <body>
    <div id="email_container" style="background: #444;">
      <div id="email_header" style="width: 570px; padding: 0 0 0 20px; margin: 50px auto 12px auto;">
	  <span style="background: #585858; color: #fff; padding: 12px; font-family: trebuchet ms; 
	  letter-spacing: 1px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; 
	  border-top-left-radius: 5px; moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; 
	  border-top-right-radius: 5px;"> %blog_name% </span></div>
    </div>
    <div id="email_content" style="width: 550px; padding: 0 20px 20px 20px; background: #fff; 
	margin: 0 auto; border: 3px #000 solid; moz-border-radius: 5px; -webkit-border-radius: 5px; 
	border-radius: 5px; color: #454545; line-height: 1.5em;">
      <h1 style="padding: 5px 0 0 0; font-family: georgia; font-weight: 500; font-size: 24px; 
	  color: #000; border-bottom: 1px solid #bbb;">%blog_url%</h1>
      <p>%content%</p>
      <p>С уважением,<br /> Администрация сайта %blog_name%</p>
      <div id="email_footer" style="text-align: center; border-top: 1px solid #eee; padding: 5px 0 0 0;">
	  <small style="font-size: 11px; color: #999; line-height: 14px;"> Вы получили это письмо потому, что вы 
	  или кто-то другой указал этот email при регистрации на нашем сайте.</small></div>
    </div>
  </body>
</html>

Различных шаблонов в сети полно, немного поисков и шаблон писем вашего блога может быть каким угодно.

Информация о плагине в репозитории wordpress.org не найдена. Или wordpress.org в данный момент недоступен или плагин был временно удален из репозитория (например, из-за найденной критической ошибки в плагине). Попробуйте найти плагин в репозитории вручную.

Понравился пост? Подпишись на обновления по Обновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Комментарии (всего 17 комментариев)
Написать комментарий

(обязательно)

(обязательно, не публикуется)

Для вставки кода используйте кнопку "Код", по умолчанию используется синтаксис подсветки языка "php", вы можете поменять его на любой другой поддерживаемый GeSHi язык, например "javascript", "css", "html4strict", "sql" и тд. Используйте предпросмотр!
 


Подписаться на уведомления без комментирования.