Category Archive Вебдизайн и Wordpress

Автор:human

Советы по созданию html рассылки писем

Советы по созданию html рассылки писем

Разработка HTML шаблона письма — один из самых ключевых моментов в подготовке рекламной email рассылки. Ваше сообщение должно одинаково хорошо выглядеть в различных браузерах и почтовых клиентах, которые могут отличаться системой обработки HTML и CSS.

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

Поэтому сегодня хочу дать вам 20 советов как избежать наиболее частых ошибок при создании email шаблонов. Данные советы не претендуют на звание HTML справочника для email маркетологов, но, думаю, вам пригодятся.

Я не буду расписывать зачем использовать тот или иной пункт, если это очевидно. Если у вас возникнут вопросы – пишите в комментариях.

ФОРМАТИРОВАНИЕ

    1. Создавайте письма вручную.

Дизайнерские программы для работы с HTML, такие как FrontPage, DreamWeaver, HomeSite и различные «WYSIWYG» (What You See Is What You Get) редакторы полны недостатков. Практически все из них вставляют лишний html код (особенно FrontPage), который далее может по-разному отображаться в различных email программах. Поэтому по возможности пишите весь код вручную или чистите его вручную после использования специальных программ. Естественно это требует от вас хороших знаний HTML.

    1. Избегайте вложенных таблиц
    2. Не используйте фоновых рисунков, практически во всех email клиентах они не отображаются
    3. Располагайте картинки на своем сервере, вместо включения их в письмо

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

    1. Избегайте использования картинок 1х1 пикселей (для подгона размера элементов таблиц).
    2. Не используйте CSS

CSS значительно упрощает работу со стилями для вебсайтов, но в случае HTMLписем это может повлиять на корректное отображение письма. Не используйте стили из отдельно прикрепленного файла. Наилучший вариант включить стили в headerчасть письма.

    1. Не делайте ширину сообщений более 650 пикселей в ширину

В некоторых почтовых программах пользователям придется использовать горизонтальный скроллинг для чтения письма.

    1. Размер сообщения должен быть не более 100 кб

USABILITY

    1. Проверяйте HTML код на корректность. Для этого существует масса всевозможных отдельных утилит, встроенные чекеры в программах для работы с HTML и, естественно, W3C Validator.
    2. Не используйте скрипты в письмах.

Письма могут быть заблокированы фильтрами.

    1. Вставляйте в письмо ссылку на Web версию сообщения

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

    1. Используйте alt теги для изображений.

В случае, если у пользователя будет заблокировано отображение изображений в письмах, то он увидит альтернативный текст, который вы можете указать по своему усмотрению.

    1. Форматируйте верх письма таким образом, чтобы самая важная информация поместилась в первых 10 см
    2. Используйте горизонтальное расположение текста, не используйте вертикальное
    3. Объедините в письме текст и HTML, лучше использовать цвета и стили вместо картинок.

ФУНКЦИОНАЛЬНОСТЬ

    1. Вставляйте большое количество ссылок на информацию на вашем сайте.
    2. Навигация по вашему email сообщению должна совпадать с типом навигации на вашем сайте.
    3. Вставляйте функциональность вроде «Отправить другу» с осторожностью

Многие email программы могут некорректно отображать формы. Лучше использоваться ссылку на страницу вашего сайта, где находится форма «Отправить другу».

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

Об этом я уже неоднократно писала.

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

Источник — https://www.epochta.ru/blog/articles/20-html-email-advices/

Автор:human

Как создать свой веб-сервер. Установка wordpress

Как создать свой веб сервер. Установка wordpress

У многих из нас появляется необходимость создать свой сайт. Конечно, вебсайт выгодно размещать на хостинге в интернет. Но для того чтобы создать сайт, наполнить его первоначальным контентом, настроить внешний вид(сверстать тему или подогнать готовые шаблоны на свой вкус) лучше использовать веб сервер на своем компьютере. Для этого есть ряд причин:

  • на локальном сервере сайт работает быстрее, так как на хостинге ресурсы ограничены в зависимости от тарифа;
  • на свое веб-сервере быстрее редактировать файлы темы и быстрее заливать содержимое на свой сайт
  • за свой веб-сервер не надо платить (только за электричество).

Удобнее всего для создание веб-сервера использовать ubuntu — свою локальную систему или ubuntu в виртуальной машине. Я буду использовать веб-сервер в виртуальной машине. О том, как установить ubuntu server на виртуальную машину можете посмотреть здесь или найти статью в интернете (благо их вдоволь).

Установка web-сервера на ubuntu server

Подключаемся к своему серверу по ssh(как настроить ssh, ищите в интернете):

Введем и пароль и все. Мы в системе сервера.

как создать сайт на wordpress в ubuntu4

Установим веб-сервер apache2

Включаем модуль php

Далее установим базу данных mysql-server

Во время установки от вас потребуют придумать пароль для базы данных, подтверждение пароля.

12

13

Далее установим phpmyadmin для удобства администрирования( импорта и экспорта) баз данных

Выйдет окно с выбором веб-сервера для php — выбираем apache2(ставим галочку, выбираем с помощью кнопки tab)

14

Далее выйдет окно с на тройкой базы данных с помощью dbconfig-common. Выбираем ДА

15

Выйдет окно с требованием внести пароль для доступа к базе данных mysql, вводим тот, который вы вводили при установке mysql (выше)

17

Теперь введите пароль для доступа к phpmyadmin через web интерфейс — надо придумать новый.

18

Теперь повторим пароль19

Сделаем рестарт сервиса apache2

Теперь проверяем доступность веб-сервера, переходим в браузер и вводим ип адрес сервера, у меня ip 192.168.1.7

веб сервер на ubuntu

Проверяем работает ли phpmyadmin — вводим ip и phpmyadmin у меня https://192.168.1.7/phpmyadmin

пользователь — root

пароль — тот который вы указали при настройка phpmyadmin

веб сервер на ubuntu2

Теперь можем развертывать любое cms. Давайте попробуем установить cms wordpress,самую свежую версию.

Установка и настройка WordPress на ubuntu

Перейдем в директорию где должны быть расположены файлы cms(директория web сервера)

Удалим дефолтный файл index.html

Скачаем последнюю версию с сайта wordpress( на сегодня это wordpress-4.4.2-ru_Ru.zip)

Распакуем архив в данной директории

Перенесем распакованные файлы в папку веб-сервера apache

Поменяем владельца файлов и права доступа

Создадим новую базу данных и пользователя для нашего сайта на wordpress.

Можно сделать это через phpmyadmin или через консоль. Давайте рассмотрим процесс создания базы через phpmyadmin.

Зайдем в phpmyadmin

веб сервер на ubuntu2Создадим новую базу данных и пользователя для нашего нового сайта на wordpress. Быстрее всего это сделать через создание нового пользователя и выбрать создание базы данных с таким же именем. Переходим во вкладку пользователи и выбираем добавить нового пользователя:

как создать сайт на wordpress в ubuntu

Создание пользователя и базы данных

имя  пользователя — db1.

Хост — оставляем пустой

пароль — придумаем пароль для пользователя

подтверждение — введем подтверждение

создать пароль — ничего не вводим

Ставим галочки в пунктах:

создать базу данных с именем пользователя…

предоставить полные привилегии на базы данных подпадающие под шаблон

!!!ОБЯЗАТЕЛЬНО!!! в ГЛОБАЛЬНЫХ ПРИВИЛЕГИЯХ ЩЕЛКАЕМ по «ОТМЕТИТЬ ВСЁ».

как создать сайт на wordpress в ubuntu2

Нажимаем ОК

как создать сайт на wordpress в ubuntu3

Теперь нам необходимо добавить доменное имя(для удобства и ассоциации сайта) в файл hosts на свое компьютере. Например назовем новый сайт test.local. Правим наш файл hosts

sudo nano /etc/hosts

Добавляем туда строку следующего вида (shift+ctrl+v)

Сохраняем (ctrl+o) и выходим (ctrl+x).

Теперь переходим в браузер и вводим в окно ввода доменного имени наш адрес

Появится окно с первоначальной настройка wordpress

как создать сайт на wordpress в ubuntu5

Нажимаем «Вперед».

как создать сайт на wordpress в ubuntu6

Появится окно для ввода информации

Имя базы данных — db1

Имя пользователя — db1

Пароль — введем наш пароль, который мы придумали, когда создавали пользователя и базу данных для нашего сайта wordpress. Всё остальное оставим без изменений. Нажмем отправить. Если у вас вылезет окно, что файл wp-config.php недоступен для записи и вам необходимо будет скопировать данные из окна и встаить их в него то проделаем следующие манипуляции.

Вставим туда данные, скопированные из окна, у меня они выглядят так


/**
* Основные параметры WordPress.
*
* Скрипт для создания wp-config.php использует этот файл в процессе
* установки. Необязательно использовать веб-интерфейс, можно
* скопировать файл в "wp-config.php" и заполнить значения вручную.
*
* Этот файл содержит следующие параметры:
*
* * Настройки MySQL
* * Секретные ключи
* * Префикс таблиц базы данных
* * ABSPATH
*
* @link https://codex.wordpress.org/Editing_wp-config.php
*
* @package WordPress
*/
// ** Параметры MySQL: Эту информацию можно получить у вашего хостинг-провайдера ** //
/** Имя базы данных для WordPress */
define('DB_NAME', 'db1');
/** Имя пользователя MySQL */
define('DB_USER', 'db1');
/** Пароль к базе данных MySQL */
define('DB_PASSWORD', 'cbrt32456');
/** Имя сервера MySQL */
define('DB_HOST', 'localhost');
/** Кодировка базы данных для создания таблиц. */
define('DB_CHARSET', 'utf8mb4');
/** Схема сопоставления. Не меняйте, если не уверены. */
define('DB_COLLATE', '');
/**#@+
* Уникальные ключи и соли для аутентификации.
*
* Смените значение каждой константы на уникальную фразу.
* Можно сгенерировать их с помощью {@link https://api.wordpress.org/secret-key/1.1/salt/ сервиса ключей на WordPress.org}
* Можно изменить их, чтобы сделать существующие файлы cookies недействительными. Пользователям потребуется авторизоваться снова.
*
* @since 2.6.0
*/
define('AUTH_KEY', 'e)YA$IwPQh|-OK:QL&A%Mq$xsW~M?9t)7Z8ec/|:!R+{+fYZJW<v,w1hrx3Ssfw6'); define('SECURE_AUTH_KEY', '*%>&<r*M*?e,qkEo>jOA#<pVBj_j:F|!0N+-WvG3%EV:g%(U5acsK.|tpo,y^P;|'); define('LOGGED_IN_KEY', 'Q|o[lV-aF%|xx>Si:V,^+EJ)(,-mzyu8?V:v4q;y|[gns4U-cGX?MI|?l+(P5^$P');
define('NONCE_KEY', '9,-usW)|p6~uCGAgE-!#^B<+NL{oC@-Oe{k:bWm&zC1bt8qy5.tu5;}]l@KAZ9Lj'); define('AUTH_SALT', '&O2!{~].S|dNDzh%^S!J tYKW4ne,4{XZa:W9=fphdDyA+|K[!]oDr.Pi2c-f |Q'); define('SECURE_AUTH_SALT', 'fF+8%-qP.3yp(9y}gQ/n3%QZ6W+Oko InO5-]&K08k5(P qRP6 _d=NM|Nc;'); define('LOGGED_IN_SALT', '+ 3|pL}4t0t27_|-x=4~o|+(0|]DkH#Hn39SYd ed/qY@VBFnx*&IwBNI|lJw>Bi');
define('NONCE_SALT', '-|u)=]|O9O?m.MM<p?GKQR:r~WAWV%L3VUIk:j?T#,4f+_QobM|Hs_ig&Aj h=fJ');
/**#@-*/
/**
* Префикс таблиц в базе данных WordPress.
*
* Можно установить несколько сайтов в одну базу данных, если использовать
* разные префиксы. Пожалуйста, указывайте только цифры, буквы и знак подчеркивания.
*/
$table_prefix = 'wp_';
/**
* Для разработчиков: Режим отладки WordPress.
*
* Измените это значение на true, чтобы включить отображение уведомлений при разработке.
* Разработчикам плагинов и тем настоятельно рекомендуется использовать WP_DEBUG
* в своём рабочем окружении.
*
* Информацию о других отладочных константах можно найти в Кодексе.
*
* @link https://codex.wordpress.org/Debugging_in_WordPress
*/
define('WP_DEBUG', false);
/* Это всё, дальше не редактируем. Успехов! */
/** Абсолютный путь к директории WordPress. */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
/** Инициализирует переменные WordPress и подключает файлы. */
require_once(ABSPATH . 'wp-settings.php');

Еще раз поменяем владельца папки и установим разрешения

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

Теперь появится окно с установкой пользователя и пароля для wordpress

как создать сайт на wordpress в ubuntu7

В окно «Требуется информация» введем данные:

Название сайта — Придумайте свое

Имя пользователя — придумайте пользователя

Пароль -придумайте пароль для доступа к панели администрирования wordpress

Ваш email — введите ваш email

Нажимаем — «Установить WordPress»

как создать сайт на wordpress в ubuntu8

Все на этом установка WordPress закончена. Нажимаем войти. Появится окно с вводом пользователя и пароля.  Введем имя пользователя и пароль. Всё мы оказались в панели управления сайтом. Что делать дальше.

Теперь нам необходимо загрузить мою сборку из плагинов и настроенную тему. Скачиваем сборку отсюда

Распаковываем и переносим в нашу папку с сайтом wordpress

Поправим права на каталоги сайта

Все теперь мы установили тему и необходимые плагины в наш новый сайт с wordpress.

Теперь перейдем в панель управления сайтом и активируем плагины. Затем перейдем во вкладку «Внешний вид» и выберем тему «ColorNews». В итоге получим вот такой сайт. Он пустой и вам надо будет настраивать и наполнять его.

как создать сайт на wordpress в ubuntu9

 

Автор:human

Структурированные данные google ошибка

Если у вас возникает ошибка

«Структурированные данные google ошибка, отсутствует автор, отсутствует updated»

Структурированные данные google ошибка

То для этой проблемы существует решение. Необходимо поправить файл functions.php и добавить в него следующий код

Затем надо будет добавить еще небольшой участок кода в файл style.css,для  чтобы не появлялась рамка вокруг окна(если будет):

Так же данный код исправляет ошибки

PROFIT!!! Ждем update google и всё будет ОК!