2. Что нужно знать о виджете «Текст»
Это, пожалуй, самый универсальный и активно
используемый виджет из всех, так как в нём можно
размещать как обычный текст, так и текст в HTML. То
есть, можно разместить ссылки, вставить
изображение, формы подписки и …всё, что ещё
будет необходимо.
2
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
3. 1. Откройте Консоль управления сайтом – ВНЕШНИЙ ВИД-
ВИДЖЕТЫ.
3
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
4. 2. Найдите виджет ТЕКСТ. Нажмите на сером поле с
названием виджета левую кнопку мыши и, удерживая
её, «перетащите» виджет в боковую колонку.
4
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
5. 3. Сначала разместим
подписку на
бесплатную
электронную книгу. В
поле виджета
ЗАГОЛОВОК напишите
Бесплатная
электронная книга.
Если заголовок
слишком длинный,
можно сократить
слово «электронная» до
«эл.» . Нажмите внизу
виджета кнопку
СОХРАНИТЬ
5
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
6. 4. Теперь нам нужно сформировать HTML – код,
содержимого виджета. Своего, встроенного
редактора у виджета нет ,поэтому будем использовать
редактор ЗАПИСЕЙ. Для этого в новой вкладке откроем
ЗАПИСИ – ДОБАВИТЬ НОВУЮ.
6
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
7. 5. Работаем в ВИЗУАЛЬНОМ РЕДАКТОРЕ. Вставьте
изображение обложки Вашей электронной книги (оно
должно быть предварительно загружено в Библиотеку
медиафайлов) в запись. Обратите внимание, что
ширина боковой колонки, как правило, не превышает
200 px, поэтому при вставке изображения выбирайте
соответствующий размер. Выравнивают изображение
обычно посередине.
6. Теперь перейдите в HTML- редактор и вставьте ниже
картинки html-код формы подписки из Smartresponder.
Для того ,чтобы получить этот код ,нужно :
• Зарегистрироваться в качестве автора рассылок на сайте http://smartresponder.ru
• Оформить бесплатный аккаунт
• Создать рассылку
• Загрузить в рассылку первое письмо со ссылкой на скачивание книги
• Сгенерировать код подписной формы.
ПОДРОБНОСТИ читайте на http://smartresponder.ru
7
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
8. Вот как должна выглядеть запись в HTML –редакторе
8
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
Начало кода
формы подписки
Окончание кода
формы
изображения
9. 7. Теперь аккуратно копируем всё содержание записи в
HTML- редакторе и вставляем в текстовое поле виджета.
Нажимаем кнопку СОХРАНИТЬ.
9
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
10. 8. Открываем в новой вкладке сайт и смотрим результат
10
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова
11. 9. Если результат не совсем устраивает, можно вернуться
к записи, отредактировать всё в Визуальном
редакторе и повторить шаги 7-8.
10. Если нужно вставить аудио запись:
• Повторяем шаги 1-5
• На шаге 6 вместо формы подписки вставляем или код проигрывателя Audio
Player (см. статью Как вставить аудио на сайт.Часть 1. Плагин Audio Player),
или код проигрывателя PodFM (см. статью Как вставить аудио на сайт.
Часть 2. Сервис PodFM.ru
• Выполняем далее шаги 7-9.
Главное - запомнить принцип: всё содержание можно
сформировать в визуальном редакторе записи, потом перейти на
вкладку HTML, скопировать код и вставить в виджет.
Если же нужно вставить просто текст, без ссылок, без цвета,
без изображений и кода подписки, нужно просто писать его в теле
виджета.
Вот и всё!
11
CG SUPPORT
Технические инструменты для работы коуча, консультанта и тренера в Интернете
Елена Бочарникова