Как добавить кнопку ютуб на сайт

ютуб

Добрый день, рад Вас видеть снова. Эта информация будет интересна тем, кто делает сайт себе или на заказ.

Сегодня расскажу, как добавить кнопку ютуб на сайт. Для того, чтобы поместить кнопку Ютуб на свой сайт, нужно иметь аккаунт в Гугл, тогда Вам предоставят свой канал на youtube, это бесплатно. Каждый канал уникален и имеет свою ссылку, нам надо скопировать часть ссылки которая идёт после www.com/channel/здесь то, что надо скопировать. Смотрите на картинке ниже.

Как добавить кнопку ютуб на сайт

Для настройки самой кнопки и её содержимого, проходите по этой ссылке на источник создания

кнопка ютуб

Вставляйте вашу ссылку в окно «Название или ID канала».

Ниже вам доступны настройки, фона и макета. Фон делайте и смотрите под свой сайт, но учтите если поставить фон тёмный, может быть не видно названия вашего канала, так как буквы тоже тёмные. Макет лучше сделать полный, с фото.  Как будет выглядеть ваша кнопка вы можете видеть на предпросмотре.

Показывать или нет количество подписчиков? Сначала, когда их мало, наверно не стоит, позже когда подписчиков первых наберёте, желательно. Будет работать эффект толпы, раз там много, значит и мне тоже надо.

Настройки кнопки сделаны, они написаны в коде, выделяем всё до знака, копируем из окна и идём к нам на сайт. Входим в админ панель нашего сайта.

Нам надо в меню «внешний вид», просто наведите туда курсор, выбрать «виджеты» и в левой колонке внизу найти виджет на котором написано «Текст». Зажимаем его левой кнопкой и тянем наверх правее в раздел «боковая колонка»

вордпресс

После того как перенесли, открываете и пишете название в поле «Заголовок». Вставляете сам код в окно, как показано на картинке ниже.

вордпресс

Осталось сохранить и переходить на сайт любоваться кнопкой Ютуб в сайтбаре. Если вас всё устраивает, то всё. Но можно немного улучшить, сделать виджет по центру, как у меня.

Для этого надо вернуться в админ панель, виджеты, открыть наш код, и добавить перед кодом, который у вас уже есть то, что вы видите в кавычках (<center>,) а после кода надо добавить (</center>.). У меня код выглядит теперь так.

код

Нажать сохранить.

Примите мои поздравления, теперь вы знаете как добавить кнопку ютуб на сайт. Нажимайте на иконки соц сетей, подписывайтесь на новости блога, чтобы не пропустить самое интересное.

Понравилась статья? Поделить с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: