Красива форма підписки для feedburner

Краса і гармонія - це ключ, до уваги людей, тому що б ваш сайт став відвідуваним, вам просто необхідно привнести в нього свою красу і гармонію, яка безумовна у вас є ... а якщо ні, значить погано шукали. Отже вступна промова від Іллі Журавльова завершена ... :-)) переходимо безпосередньо до створення - Гарною форми підписки. А допоможе нам в цьому плагін - WP Subscribe. Встановіть даний плагін на свій WordPress і увімкніть її, для цього переходите на вкладку Модулі - Додати новий, в верху справа в поле пошуку вводите назву плагіна і тиснете Enter. (Дивись фото)

Красива форма підписки для feedburner

Після установки обов'язково активуйте плагін, що б у вас з'явився новий віджет - WP subscribe vidget. Зайдіть на сторінку віджетів, знайдіть віджет - WP subscribe vidget, і перетягніть його в сайдбар, бічну колонку вашого сайту. (Дивись фото)

Красива форма підписки для feedburner

Можете зайти на сайт і подивитися. там у вас з'явилася форма підписки за замовчуванням, виглядає вона ось як:

Красива форма підписки для feedburner

Як бачите все англійською, нічого не зрозуміло. Тепер поверніться назад на сторінку віджетів, зараз ми будемо редагувати нашу форму підписки. Відкрийте віджет для редагування, натиснувши на стрілку в правій частині віджета. Почнемо по порядку з самого верху:

1. У полі Service - вкажіть сервіс Feedburner.

Красива форма підписки для feedburner

Далі, збережіть зроблені зміни, потім тиснемо на вкладку Labels.

Красива форма підписки для feedburner

У вас відкриється вкладка з налаштуваннями змісту форми. де ви зможете вказати свій текст, і перевести англійські слова на Російські, але почнемо по порядку з самого верху: (дивись фото)

1. Поле Title - за допомогою даного поля, ви зможете вставити в свою форму будь-яку фотографію або картинку, або який-небудь гарний, великий текст. (Як це зробити я розповім трохи пізніше)

2. Поле Text - сюди ви можете вставити, будь-який простий текст, з напуттям словами, які відобразяться на формі підписки.

3. Поле Email Placeholder - це поле на формі для введення електронної пошти, вам потрібно перевести текст на Русский - Введіть ваш email.

5. Поле Success Message - переводимо на Русский - Дякуємо за підписку.

6. Поле Error Message - так само переводимо на Русский - Сталася помилка.

7. Поле Error: Already Subscribed - переводимо на Русский - вказаний email вже підписаний.

8. Поле Footer Text - вкажіть тут свій текст, який буде відображатися в самому низу форми підписки.

Красива форма підписки для feedburner

Отже з настройками ми розібралися. в кінці не забудьте зберегти зроблені зміни. Тепер давайте поміняємо колір форми підписки, і додамо в нашу форму якусь картинку або логотип.

Отже почнемо з картинки. що б додати картинку в нашу форму підписки, перейдіть по вкладці: Записи - Додати нову. Додайте необхідну картинку в запис, і вирівняти її по центру. (Дивись фото)

Красива форма підписки для feedburner

Далі перейдіть на вкладку Текст в запису, скопіюйте отриманий HTML код, збережіть чернетку записи. (Дивись фото)

Красива форма підписки для feedburner

Тепер знову заходите на сторінку Віджетів, відкриваєте налаштування віджета WP subscribe vidget, і вставляєте в поле Title скопійований із запису HTML код, тиснете зберегти настройки. (Дивись фото)

Красива форма підписки для feedburner

Далі заходимо на сайт і дивимося що у нас вийшло. Барабанний дріб ... ..тадааааам:

Красива форма підписки для feedburner

Отже, а тепер давайте поміняємо колір нашої форми підписки, і може бути що-небудь ще, зараз подивимося. Зайдіть на сторінку Плагіни, знайдіть плагін WP subscribe, і під назвою натисніть на вкладку Змінити. (Дивись фото)

Красива форма підписки для feedburner

У вас відкриється сторінка зміни плагінів, праворуч вам потрібно натиснути на вкладку - wp-subscribe / css / wp-subscribe.css (дивись фото)

Красива форма підписки для feedburner

Потім ви потрапите на сторінку редагування стилю форми підписки, в загальному тут я покрапав, і ось що я знайшов:

- Можна змінити колір форми підписки. (Дивись фото)

- Змінити колір тексту на формі підписки. (Дивись фото)

Красива форма підписки для feedburner

- Змінити колір кнопки підписки. (Дивись фото)

- Змінити колір тексту на кнопці підписки. (Дивись фото)

Красива форма підписки для feedburner

Щоб змінити будь-який з перерахованих квітів, замініть HTML код кольору, на той який ви хочете що б у вас був. Наприклад HTML код білого кольору - #FFFFFF, чорний - # 000000, червоний - #FFOOOO. Вся таблиця кольорів із зазначенням HTML коду - Таблиця кольорів - Вікіпедія. До речі, ось що у мене вийшло після зміни кольорів у формі передплати:

Красива форма підписки для feedburner

Мені тут вже не одна людина пише. що у нього не відображається поле - Feedburner ID. Вам потрібно просто відключити Режим спеціальних можливостей. Справа вгорі натисніть на вкладку - Налаштування екрану, потім - Вимкніть режим спеціальних можливостей. і все поля у вас з'являться. Віджети будуть перетягувати за допомогою миші в сайдбар, і ви зможете їх налаштовувати.

Красива форма підписки для feedburner

Дивись ще!

Схожі статті