WP Better Emails
Опубликовано: 05.09.2018
Flector 5
WP Better Emails это плагин, который оборачивает отправляемые WordPress имейлы в красивый HTML-шаблон. Плагин применяет шаблон ко всем отсылаемым WordPress письмам – например, письма от плагина Subscribe to Comments тоже будут приходить, обернутые в определенный вами шаблон.
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1. Распаковываем архив.
2. Копируем папку wp-better-emails в /wp-content/plugins/ .
3. Заходим в админку блога на вкладку " Плагины " и активируем плагин.
Настроить плагин и HTML-шаблон вы сможете в " Параметрах\WP Better Emails ". Но прежде, чем заходить в настройки плагина убедитесь, что у вас включен визуальный редактор – без него плагин будет работать некорректно.
How-to Get WordPress To Inbox Emails No Spam Box - Configure WordPress to send email
По умолчанию в предпросмотре шаблон выглядит так:
А в редакторе шаблон будет выглядеть так:
В шаблоне можно использовать следующие переменные:
Best Wordpress Newsletter Plugin, WP Email Sender, WP Autoresponder
%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 > |
<!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>
Различных шаблонов в сети полно, немного поисков и шаблон писем вашего блога может быть каким угодно.
WP Better Emails
