ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Добавляем кнопку YouTube на сайт

.

iВсем привет!В одном из прошлых уроков мы с вами создали cвой rss-канали я вам обещал что в ближайшем времени покажу,как создать иконку RSS,на вашем сайте.Сегодня я выполню свое обещание и плюс ко всему мы с вами добавим также иконку YouTube на наш сайт WordPress.Думаю говорить о пользе данного видио хостинга в продвижении ваших сайтов,не стоит.Тут всем понятно что YouTube,это мощнейший инструмент повышения всех показателей вашего интернет продукта.Поэтому кнопка подписки на ваш канал не будет лишней.Если же у вас нет своего канала в данном сервисе,то скорее же создайте его.Хотя наверно в России уже не осталось,таких людей.Даже у моей бабушки есть свой канал!!!
Но я отвлекся.Итак поставленная задача,создать в виджете нашего шаблона wordpress,2 иконки(rss и YouTube),которые будут действительно работать и перенаправлять посетителей именно туда,куда нам нужно!Вот какой должен быть результат:
youtube1
Ну что ж тогда погнали!

ДОБАВЛЯЕМ КНОПКУ RSS

Что нам здесь понадобиться:любая картинка rss (тысячи вариантов можно найти и скачать в любом поисковике) и адрес нашей rss-ktyns,который мы создали и сохранили в предыдущем уроке!Ну и админ панель нашего сайта в Wjrdpress.
Для начала заходим в записи и создаем новую запись,без заголовка.Буду писать подробно,в случае если кто-то не очень разбирается в функционале wordpress.В самом начале нашей новой записи нам нужно создать необходимую иконку rss,которую мы заблоговременно скачали.Как это осуществить?
Жмете по кнопке «ДОБАВИТЬ МЕДИАФАЙЛ» и выбираете директорию где вы сохранили необходимую картинку.В нашей записи появиться ссылка на адрес нашей картинке.Отлично.Теперь в правом верхнем углу находим кнопку «ВИЗУАЛЬНО» и смело кликаем по ней.WordPress,автоматически преобразит код в картинку.Вот здесь с картинкой мы и будем работать.
Во первых нам следует подредактировать размер нашей кнопки.Есть 2 варианта.

1.Нажимаем правой кнопкой мыши по нашей картинке и видим что,она выделилась и вверху появились 2 маленькие иконки.Выбираем правую-это редактор фотографий.Здесь в редакторе выбираем необходимый нам размер,в процентах,от оригинала.
2.Второй способ для тех кто хоть немного разбирается в html коде.Для этого возвращаемся в текстовый редактор и здесь и здесь в коде нам нужно изменить параметры width-ширина и heigh-высота.Для этого прописываем нужный размер в пикселях,к примеру так:width="50" height="50".Размер выбирайте исходя из собственных побуждений но и возможностей вашего шаблона.50 пикселей думаю будет в самый раз.Всегда можно будет подредактировать,тем более когда будут уже 2 кнопки!Также раз уж у нас будут 2 иконки стоит изменит выравнивание,по умолчанию там стоит:aligncenter-по центру,меняем на alignleft-по левому краю.
Тепрь когда с картинкой разобрались нам надо добавить на нее ссылку нашего фида(RSS-ленты).Это сделать так же очень просто.Кликайте по вашей картинке,так чтобы она приобрела синий цвет и стала активной.Теперь находим в панели кнопок wordpress,иконку LINK или же,в зависимости браузера на значок СКРЕПКИ и жмем по ней.В всплывшем окне вставляем наш код rss-канала,выбираем пункт открывать в новом окне и жмем добавить ссылку.Wordpress с генерирует нам еще один код который нам и надо скопировать,но перед этим закроем эту ссылку от индексаций.Для этого в коде после адреса ссылки добавьте атрибут rel="nofollow"!Отлично скопируйте данный код.Если вам лень этим заниматься,то просто скопируйте код ниже и пропишите в нем адрес своего фида и адрес ссылки на картинку.


<p style="text-align: center;">
<a href="http://ваш фид « rel=»nofollow" target="_blank">
<img class="alignleft wp-image-290" alt="рсс лента" src="http://ссылка на картинку" width="75" height="75" />
</p>


Все готово теперь осталось выбрать место,куда добавить данный код.Это может быть конец статьи или что угодно.Ноя покажу вам как добавить данную кнопку,а также кнопку YouTube в виджет!
Заходим во вкладку внешний вид,далее виджеты и в правом углу добовляем новый текстовый виджет.Назовите его подходящим именем:Я НА ЮТУБЕ,МОЯ RSS-ЛЕНТА или как нибудь еще.С этим проблем я думаю не возникнет.
С RSS разобрались переходим наконец к кнопке подписки на наш YouTube канал!

ДОБАВЛЯЕМ КНОПКУ YouTube НА САЙТ

Процесс аналогичен.Также вставляем в запись скаченную картинку с изображением YouTube,редактируем ее.Делаем одинаковые размеры с нашей первой кнопкой,выравниванием оставляем по центру.И вставляем ссылку нашего канала.Где ее взять?
Заходите на главную страницу своего канала и копируйте ссылку все просто как дважды 2.Вставляйте ссылку в картинку копируйте,закрываете от индексаций rel="nofollow",сохраняете и следуете в виджет где у вас уже есть код рсс-ленты.Ниже вставляете,то что у вас получилось.Если кнопки будут вставать в вертикальный ряд,то придется уменьшить размер.Подгоните кнопки под ширину вашего виджета.Поковыряйтесь в коде и все у вас получиться!Я уверен!Также можно закруглить кнопки,вставить их в специальную область но это уже из уроков по CSS
Так же как и в случае с первой кнопкой предоставляю вам готовый код,в котором смените адрес картинки и адрес канала и все:


<a href="http://адрес канала"rel="nofollow">
<img class="aligncenter size-thumbnail wp-image-376" alt="youtube1" src="путь к картинке"
width="75" height="75"/>
</a>


На этом на сегодня все подписывайтесь,на мои каналы ютуб и рсс!

 

Специально для вас сделал вертикальные кнопки в 30px.Также буду рад комментариям и лайкам.Всем спасибо за внимание.БЕРЕГИТЕ СЕБЯ!!!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

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

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