Добрый день Господа ! как обычно с вами на связи Илья Журавлёв, автор статей на info-effect.ru. Совсем не давно мы с вами сделали форму подписки на ваш сайт, от сервиса Feedburner. Форма подписки по умолчанию идёт очень простой, конечно для начала лучше иметь такую форму подписки, чем вообще не иметь никакой формы. Но если вы в серьёз задумываетесь о развитии вашего сайта, о его продвижении в массы, то конечно форма подписки на сайте должна выделяться на фоне всего остального.
«Красота страшная сила» не так ли господа ? ответьте на вопрос, что притягивает вас больше всего, конечно же что-то красивое, гармоничное, красивая девушка, красивый автомобиль, красивый телефон…и т.д., Мужики согласитесь, к примеру вы остались наедине с очень красивой, обаятельной и привлекательной девушкой, не важно, женаты вы или нет, разве вы устоите ! ? разве вы не займётесь с ней любовью ! ? конечно если она против не будет…:-)) А женщины, разве вы устоите, перед красивым и обаятельным самцом, и пусть на вашем безымянном пальце сверкает обручальное колечко…неет не устоите, не обманывайте себя…»Красота страшная сила» :-))
Красота и гармония — это ключ, к вниманию людей, поэтому что бы ваш сайт стал посещаемым, вам просто необходимо привнести в него свою красоту и гармонию, которая безусловна у вас есть…а если нет, значит плохо искали. Итак вступительная речь от Ильи Журавлёва завершена…:-)) переходим непосредственно к созданию — Красивой формы подписки. А поможет нам в этом плагин — WP Subscribe. Установите данный плагин на свой WordPress и активируйте его, для этого переходите по вкладке Плагины — Добавить новый, в верху справа в поле поиска вводите название плагина и жмёте Enter. (смотри фото)
После установки обязательно активируйте плагин, что бы у вас появился новый виджет — WP subscribe vidget. Зайдите на страницу виджетов, найдите виджет — WP subscribe vidget, и перетащите его в сайдбар, боковую колонку вашего сайта. (смотри фото)
Можете зайти на сайт и посмотреть, там у вас появилась форма подписки по умолчанию, выглядит она вот как:
Как видите всё на английском, ничего не понятно. Теперь вернитесь обратно на страницу виджетов, сейчас мы будем редактировать нашу форму подписки. Откройте виджет для редактирования, нажав на стрелку в правой части виджета. Начнём по порядку с самого верха:
1. В поле Service — укажите сервис Feedburner.
2. В поле Feedburner ID — укажите адрес вашего фида (как узнать адрес вашего фида, я писал здесь)
Далее, сохраните сделанные изменения, затем жмём на вкладку Labels.
У вас откроется вкладка с настройками содержания формы, где вы сможете указать свой текст, и перевести английские слова на Русские, но начнём по порядку с самого верху: (смотри фото)
1. Поле Title — с помощью данного поля, вы сможете вставить в свою форму любую фотографию или картинку, либо какой-нибудь красивый, большой текст. (как это сделать я расскажу чуть позже)
2. Поле Text — сюда вы можете вставить, любой простой текст, с напутствующими словами, которые отобразятся на форме подписки.
3. Поле Email Placeholder — это поле на форме для ввода электронной почты, вам нужно перевести текст на Русский — Введите ваш email.
4. Поле Button Text — текст на кнопке подписки, укажите свой текст, например — Подписаться.
5. Поле Success Message — переводим на Русский — Спасибо за подписку.
6. Поле Error Message — так же переводим на Русский — Произошла ошибка.
7. Поле Error: Already Subscribed — переводим на Русский — указанный email уже подписан.
8. Поле Footer Text — укажите здесь свой текст, который будет отображаться в самом низу формы подписки.
Итак с настройками мы разобрались, в конце не забудьте сохранить сделанные изменения. Теперь давайте поменяем цвет формы подписки, и добавим в нашу форму какую-нибудь картинку или логотип.
Итак начнём с картинки, что бы добавить картинку в нашу форму подписки, перейдите по вкладке: Записи — Добавить новую. Добавьте необходимую картинку в запись, и выравняйте её по центру. (смотри фото)
Далее перейдите на вкладку Текст в записи, скопируйте полученный HTML код, сохраните черновик записи. (смотри фото)
Теперь снова заходите на страницу Виджетов, открываете настройки виджета WP subscribe vidget, и вставляете в поле Title скопированный из записи HTML код, жмёте сохранить настройки. (смотри фото)
Далее заходим на сайт и смотрим что у нас получилось. Барабанная дробь…..тадааааам:
Согласитесь, такую форму подписки сложно будет не заметить, и не обратить на неё внимание ! получилось очень эффектно ! Кстати вот таким вот образом, через запись, вы можете вставлять в вашу форму подписки всё что угодно ! фото, видео, картинки, логотипы, текста разного шрифта и цвета, в общем по экспериментируйте, это здорово !
Итак, а теперь давайте поменяем цвет нашей формы подписки, и может быть что-нибудь ещё, сейчас посмотрим. Зайдите на страницу Плагины, найдите плагин WP subscribe, и под названием нажмите на вкладку Изменить. (смотри фото)
У вас откроется страница изменения плагинов, справа вам нужно нажать на вкладку — wp-subscribe/css/wp-subscribe.css (смотри фото)
Затем вы попадёте на страницу редактирования стиля формы подписки, в общем здесь я покапался, и вот что я нашёл:
— Можно изменить цвет формы подписки. (смотри фото)
— Изменить цвет текста на форме подписки. (смотри фото)
— Изменить цвет текста в поле для ввода email адреса. (смотри фото)
— Изменить цвет поля для ввода email адреса. (смотри фото)
— Изменить цвет кнопки подписки. (смотри фото)
— Изменить цвет текста на кнопке подписки. (смотри фото)
Чтобы изменить любой из перечисленных цветов, замените HTML код цвета, на тот который вы хотите что бы у вас был. Например HTML код белого цвета — #FFFFFF, чёрный — #000000, красный — #FFOOOO. Вся таблица цветов с указанием HTML кода — Таблица цветов — Википедия. Кстати, вот что у меня получилось после изменения цветов в форме подписки:
По моему прикольно получилось ! не заурядно, не скучно, притягательно вызывающе…:-)) в общем то что надо. Итак друзья ! на этой радостной ноте, я буду завершать данную статью, надеюсь она помогла вам. По экспериментируйте с цветами, с текстом, с картинками, и у вас обязательно получится что-то стоящее. На этом у меня всё, до новых встреч на страницах info-effect.ru/ вопросы можете задавать через Обратную связь, либо в комментариях.
Мне тут уже не один человек пишет, что у него не отображается поле — Feedburner ID. Вам нужно просто отключить Режим специальных возможностей. Справа вверху нажмите на вкладку — Настройки экрана, затем — Отключите режим специальных возможностей, и все поля у вас появятся. Виджеты будут перетаскиваться с помощью мыши в сайдбар, и вы сможете их настраивать.
Привет, Илья! Твой блог стал для меня настоящим вдохновением! Спасибо тебе за твою работу. С помощью твоих статей я смогла настроить свой сайт так, как мне удобно. А твое пошаговое руководство по настройке красивой формы подписки — просто шедевр! Почаще пиши такие статьи, они очень нужны новичкам.
P.S. Зацени мой блог )))
Warning: Attempt to read property "display_name" on bool in /var/www/u1610970/public_html/info-effect.ru/wp-content/themes/reboot/inc/comments.php on line 78
И тебе спасибо, за вдохновляющие слова ! Я был на твоём сайте, и вот что я скажу, ты двигаешься в правильном направлении, главное не останавливайся, никогда !
Я так понимаю, форма подписки станет уникальной, нужно попробовать ваш метод.
Сделал все как написано в статье, только вот не найду поле Feedburner ID. Помогите пожалуйста.
Хорошо, я посмотрю, чуть позже отвечу вам..
Ты не первый кстати, у кого такая проблема возникает, но дело не в плагине, с ним всё в порядке. Зайди на страницу Виджетов, справа вверху нажми на вкладку — Настройки экрана, затем нажми на вкладку — Отключить режим специальных возможностей. Всё, дело сделано, теперь виджеты можно просто перетаскивать вручную с помощью мышки. Перетащи виджет — WP Subscribe Widget в сайдбар, открой его, нажав справа на стрелочку, в настройках виджета появится поле для ID. Просто не надо включать этот режим специальных возможностей…не понятно зачем его придумали, для новичков это вообще тёмный лес…
Огромное спасибо Илья!!! Все заработало!!!
Я рад за тебя ! Удачи !
День добрый, Илья.
Пишите о форме подписке, лучшего варианта не нашел.
Буду применять ваш опыт. Но, как обратил внимание, на вашем блоге нет Подписки :)
Большое спасибо за статью ;)
Привет, это лучший плагин, для создания формы подписки Feedburner, реально можно классную форму подписки слепить. Раньше у меня была форма подписки, но пока решил убрать, кому надо тот спокойно найдёт мой сайт в интернете по слову САМСАЙ. Просто на данный момент я каждый день пишу по 2-3 статьи, могу надоесть кому-нибудь своими сообщениями… :-))
Форма подписки получилась отличная. Только после того как введёшь адрес и нажмешь на кнопку Подписаться появляется окно с капчей и текстом на английском языке. Как сделать чтобы текст был на русском? Сначала так и было, а потом что то пошло не так. Заранее спасибо за ответ.
Привет, заходил на твой сайт, да, форма получилась очень привлекательная и необычная, то что надо, молодец. Не знаю, у меня например на Русском открывается, некоторые браузеры автоматически переводят на Русский. Ладно, я завтра гляну ещё в самом сервисе Feedburner и в плагине, может можно Русский включить по умолчанию. А сейчас я спать, завтра ещё отвечу.
Привет, ответ готов тебе, можно включить Русский язык в настройках плагина, да же статью написал по этому поводу, так как в двух словах не объяснить — Включить Русский язык в окне подписки feedburner wp subscribe ?
Большое спасибо за помощь!!! Пишешь понятно и доступно даже для новичка как я.
Рад помочь !
Добрый день!
Подскажите, пожалуйста, по какой причине может не отражаться сама эта форма -то, что оранжевого цвета?
Установила на один блог все корректно, на втором все смазано и где искать косяк не могу понять! Благодарю за ответ!
Привет, а плагин точно один и тот же стоит ? Проверь, если тот же, то дело в CSS стилях их надо менять. В форме отображается стили сайта по умолчанию, хотя должны стили плагина отображаться. Можно просто вручную добавить стили плагина с помощью Simple Custom CSS.
Читал много гайдов по wordpress. Хотелось бы отметить, что редко увидишь статью, которая действительна полезна многим и написана просто и понятно! Поставил у себя, все работает! ++
Илья, здравствуйте. Поставила плагин, вроде всё сделала, как вы написали, id от фидбурнера добавила, всё сохранила, а он, паразит, не подписывает. Выдаёт на английском, что подписка невозможна, может id не правильный? Я вставляю zdravomaniya/AOZa. А на той странице пишут The feed does not have subscriptions by email enabled. Может, я что-то не то в поле для id вставляю? Заранее благодарю.
Здравствуйте, возможно вы что-то не то вставляете или feedburner у вас не правильно настроен. Вот здесь почитайте как узнать адрес фида, который нужно в поле вставлять.
Здравствуйте! Установил плагин, сделал перевод, вставил картинку… А цвет поменять не получается… Все делаю по Вашей инструкции.
Здравствуйте, цвет должен меняться, если вы указываете правильный html код цвета и в нужное место ставите его. Можно воспользоваться плагином — SiteOrigin CSS, или добавить свои CSS с помощью плагина — Simple Custom CSS.
Добрый вечер,Илья! Я все сделала поэтапно, как вы написали, но цвет поменять тоже не получилось. Пробовала разные цвета вставлять, все остается как было. Но все равно мне очень понравилась получившаяся форма подписки. А ту простую, ее нужно удалить из виджетов? получилось две формы подписки.
Здравствуйте, да, конечно, не нужную форму удалите. После изменения цвета нужно кэш удалить, либо на сайте, если стоит плагин для кэша, либо в браузере. Менять цвета можно с помощью Супер плагина — SiteOrigin CSS.
Илья , добрый вечер! У меня приключилась следующее. Плагин WPSubscribe обновился и у меня в консоли пропали виджеты и стало невозможно управлять виджетами. Сначала я не могла понять, что произошло. Стала искать ответ в инете и нашла, что нужно отключить поочередно все плагины и проверить, какой из них косячит. В результате оказалось, что WPSubscribe. Пришлось его деактивировать. Попробовала удалить и загрузить снова и все повторилось. Как теперь мне без этого плагина сделать красивую форму подписки? Помогите пожалуйста.
Здравствуйте. В таком случае здесь только два варианта:
— Откатить плагин к предыдущей версии с помощью плагина Rollback.
— Ждать следующего обновления, в надежде, что автор плагина исправит баг.
Прошёлся по всем статьям и отлично всё работает. Спасибо большое автору за такую помощь.
p.s. А у тех у кого что то не получается, рекомендую внимательно читать))
Какая же замечательная статья! Как все просто и доходчиво написано — буквально для чайников. Разобралась с первого раза, да ещё и форма подписки получилась такого красивого цвета. Илья, большое вам спасибо за детальные объяснения!