Добавляем форму rss под каждым постом

Опубликовано автором
Tweet

Привет всем друзья, с вами wordpressu.ru! В сегодняшней статье мы поговорим с вами о том как установить форму подписки на rss, так что бы она находилась под каждой статьей. Но в начале небольшое отступление, обращаюсь ко всем кто более менее хорошо работает с Яндексом, у меня небольшие проблемы с этим поисковиком. Нет нет! Проблем с индексаицей нет. Проблема в том что в моих популярных запросах находится очень большой мусор, который взялся непонятно откуда. Вот скрин:

Не могу понять откуда взялись эти даты, почти с каждым запросом идут эти непонятные даты. Все это навело на мысль о том что бы может запретить в роботс.тхт индексацию даты публикаций. Но как это сделать? А можно ли вообще так поступить? Друзья, все кто в теме, буду благодарен за любую помощь! Заранее спасибо!

И так если вы ещё не забыли тему статьи, то поехали!!!

После того как вы завели rss, вам выдали небольшой код для вставки на ваш блог:

[code lang=»html»]</p>
<div id="mbt-sub-box">

<h1>Доставка статей по почте</h1>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=wordpressuru;, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true" target="popupwindow">

<input onfocus="if (this.value == &quot;Введите Ваш Email…&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Введите Ваш Email…&quot;;}" type="text" name="email" value="Введите Ваш Email…" size="30" />
<p style="text-align: left;">[/code]

Данный код вы вставили в свой сайдбар и он у вас работает. Теперь перейдем непосредственно к установки формы под постами. Либо в администраторской панели, либо через ftp подключение зайдите в раздел файлов вашей темы, и откройте файл single.php.

Затем между строчкой кода

[php]<?php the_content(); ?>[/php]

и закрывающим тегом </div> вставляем наш код формы rss, но не забываем поменять название класса, вместо  <div id=»mbt-sub-box»> в самом начале просто пишем <div id=»mbt-sub-box1″>, делается это для того что бы правила заданные в css для сайдбара не пересекались с формой в single.php

На этом можно спокойно сохранить файл single.php. Далее начинается работа со стилями, для того что бы придать более менее привлекательный вид вашей форме подписки. Открываем файл стилей css и добавляем вот такой код:

[css]</p>
#mbt-sub-box1 {
width:632px;
height:200px;
float: left;
box-shadow: 0 2px 7px #ccc, inset 0 0 10px #f6f5f5;
border-radius: 10px;
margin-bottom: 10px;
padding: 10px;
text-align: center;
}

#mbt-sub-box1 input {
background: #ffffff;
border:solid 1px;
border-radius: 10px 10px 10px 10px;
border-color:#fd9814;
font-size: 14px;
padding: 10px;
text-shadow: 1px 1px 0 white;
width: 220px;
color: black;
font-family: arial;
margin-bottom: 5px;
margin-left: 225px;
}

#mbt-sub-box1 .submit {
background: #fd9814;
color: white;
cursor: pointer;
width: 240px;
font-size: 14px;
text-shadow: 1px 1px 0 #fd9814;
font-family: arial;
margin-left: 225px;
margin-top: 10px;
}

#mbt-sub-box1 h1 {
margin-top: 5px;
color: #574d4d;
font-family: arial;
font-size: 20px;
margin-bottom: 5px;
padding: 0;
line-height: 35px;
text-align: centre; }
<p style="text-align: left;">[/css]

Обращаю ваше внимание на то что, мои размеры формы могут не подойти вам поэтому в таком случае подгоняйте размер формы в #mbt-sub-box1. Так же хочу заметить что через данный файл вы можете под постами выводить практически все что угодно, так что дерзайте, но всегда помните о том что нужно знать меру! На этом я заканчиваю статью, по всем вопросам буду рад ответить в комментариях. Заранее спасибо за ваши ретвиты!

PS: Если вы копируете код с моего блога не забудьте изменить параметры кода, вместо wordpressuru добавьте свой идентификатор feeda

PPS: Как всегда друзья, по традиций небольшой ролик в конце!