Как установить форму подписки FeedBurner на блоге WordPress?

Автор:
Nurlan Kemelbekov

Как установить форму подписки  на блоге WordPress? Если вы ищете метод для того, чтобы получить больше подписчиков на ваш блог и для этого установить  форму подписки, несомненно, эта статья поможет вам. Форма для подписки по электронной почте является подписной формой, которая предоставляет читателям мгновенный доступ к свежим контентам на блоге.

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

Как добавить анкету автора в конце поста WordPress

Как правильно, оформить форму подписки на обновления блога?

Вам нужно отредактировать эти файлы в папке темы:

style.css

Поэтому, рекомендуется сделать резервную копию вашей темы.

Форма подписки на обновления сайта в сайтбаре

Вот пошаговое руководство к тому, чтобы добавить форму подписки на обновления сайта в сайтбаре темы WordPress:

  • Войдите в WordPress панель и перейдите к разделу виджетов.
  • Перетащите «Текст» в первичную часть боковой панели.
  • Добавить нижеследующий код в виджет боковой панели и сохранить его.
<div id="optin-sidebar">
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wpsquare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="maks-1/NbVr"><input type="hidden" value="ru_RU" name="loc">
<input type="text" id="name" name="name" onfocus="this.value=''" value="Введите ваше имя" placeholder="Ваше имя">
<input type="text" id="email" name="email" onfocus="this.value=''" value="Ваш адрес электронной почты: " placeholder="Ваш Email ">
<input type="submit" value="Получите мгновенный доступ" id="submit" name="submit">
</form>
</div>

Замените maks-1/NbVr своим ID из горелки FeedBurner.

  • Редактировать файл style.css.
#optin-sidebar {
background: #DDDDDD;
border-bottom: 1px dashed #CCCCCC;
padding: 15px 0;
text-align: center;
width: 300px;
}
#optin-sidebar h4 {
font-weight: bold;
margin: 10px 0 20px;
}
#optin-sidebar input[type="text"] {
border: 1px solid #AAAAAA;
font-size: 13px;
margin: 0 0 15px 0;
padding: 10px;
width: 80%;
color:#888;
}
#optin-sidebar input {
box-shadow: 0 2px 2px #AAAAAA;
-moz-box-shadow: 0 2px 2px #AAAAAA;
-webkit-box-shadow: 0 2px 2px #AAAAAA;
}
#optin-sidebar input.name {
background: url(http://maks-1.com/wp-content/uploads/person.png) no-repeat scroll right center #FFFFFF;
}
#optin-sidebar input.email {
background: url(http://maks-1.com/wp-content/uploads/email.png) no-repeat scroll right center #FFFFFF;
}
#optin-sidebar input[type="submit"] {
background: #DF6001;
border: 1px solid #B63C00;
color: #FFFFFF;
cursor: pointer;
font-family: arial;
font-size: 16px;
font-weight: bold;
height: 40px;
margin-top: 5px;
padding: 8px 0;
text-shadow: -1px -1px #B63C00;
text-transform: capitalize;
width: 87%;
}
#optin-sidebar input[type="submit"]:hover {
background: none repeat scroll 0 0 #B63C00;
}

Вы добавили необходимые CSS к вашей теме.

Кроме того, вы можете загрузить соответствующие  изображения на свой сервер.

Добавить форму подписки внизу поста на блоге WordPress

  • Вам нужно редактировать эти файлы в папке темы: style.css и single.php

Поэтому, рекомендуется сделать резервную копию вашей темы.

Вот пошаговое руководство к тому, чтобы добавить форму подписки ниже поста на блоге  WordPress:

        • Войти в панель WordPress и перейдите на Внешний вид.
        • Откройте редактор и отредактируйте файл single.php в вашей теме.
        • В конце single.php, добавьте нижеследующий код и нажмите на кнопку «Обновить файл».
div id="optin-single">
<h4>Like this Article ? Subscribe to Our Feeds</h4>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maks-1/NbVr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="maks-1/NbVr"><input type="hidden" value="ru_RU" name="loc">
<input type="text" id="name" name="name" onfocus="this.value=''" value="Ваше имя" placeholder="Введите ваше имя">
<input type="text" id="email" name="email" onfocus="this.value=''" value="Ваш Email" placeholder="Введите Ваш Email">
<input type="submit" value="Sign Up" id="submit" name="submit">
</form>
</div>

Заменить «maks-1/NbVr» вашим ID из горелки.
Вы только что отредактировали файл single.php используемой вами темы. Теперь нужно просто отредактировать файл style.css.
Добавить следующий код к ней и нажать кнопку «Обновить».

#optin-single {
background: none repeat scroll 0 0 #F7F7F7;
border-color: #DDDDDD;
border-style: solid;
border-width: 1px;
padding: 10px 10px 15px 20px;
width:95%;
margin:15px 0;
}
#optin-single h4 {
font-weight: bold;
margin: 0 0 10px 0;
font-size:16px;
}
#optin-single input[type="text"] {
box-shadow: 0 2px 2px #DDDDDD;
-moz-box-shadow: 0 2px 2px #DDDDDD;
-webkit-box-shadow: 0 2px 2px #DDDDDD;
border: 1px solid #CCCCCC;
font-size: 13px;
margin: 0 0 10px 0;
padding: 10px;
width: 35%;
color:#888;
}
#optin-single input.name {
background: urlhttp://maks-1.com/wp-content/uploads/person.png) no-repeat scroll right center #FFFFFF;
margin-right: 5px;
}
#optin-single input.email {
background: url(http://maks-1.com/wp-content/uploads/email.png) no-repeat scroll right center #FFFFFF;
margin-right: 5px;
}
#optin-single input[type="submit"] {
background: #DF6001;
border: 1px solid #B63C00;
color: #FFFFFF;
cursor: pointer;
font-family: arial;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
padding: 8px 0;
text-shadow: -1px -1px #B63C00;
text-transform: capitalize;
width:17%;
}
#optin-single input[type="submit"]:hover{
background: none repeat scroll 0 0 #B63C00;
}

Вы добавили необходимые CSS к вашей теме файл.

Надеюсь, что статья оказалась полезной для вас. Все эти операции советую производить, используя ftp-клиент FileZilla.




Вам также может понравиться:


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

3 × четыре =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!