Как создать свой сайт с нуля. Пошаговое обучение. Шаг 5

От Скрудж 7 мин. чтения

Добрый день, друзья!

Создать свой сайт с нуля —

непростая задача, но мы с ней справимся. Тем более, что у нас за спиной уже целых 4 полноценных шага к сайту, который будет нашим активным помощником в деле заработка денег в интернете.

Продолжаем пошагово создавать свой сайт с нуля и сегодня мы установим кнопки социальных сетей, плагин Favikon и еще кое-что важное…

Предыдущие уроки по созданию сайта:

№1 Регистрация хостинга и домена

№2 Установка WordPress

№3 Основные настройки WordPress

№4 Как составить семантическое ядро сайта

Итак, начнем..

Чем мы займемся сегодня:

  1. Установим плагин Social Share Buttons
  2. Узнаем свой ID Вконтакте
  3. Установим плагин TweetMeme Retweet Buttone
  4. Установим плагин Google+1 Button
  5. Установим плагин Одна Кнопка
  6. Узнаем для чего мы установили кнопки соц. сетей
  7. Установим значок фавикон
  8. Поставим картинку в сайдбар

Для того, чтобы установить на наш сайт кнопки социальных сетей, лучше всего воспользоваться плагином Social Share Buttons.

Скачиваем его, устанавливаем стандартным способом

Активируем, и после установки в конце каждой статьи можем увидеть вот такие социальные кнопки

Мы можем отредактировать их, видоизменить, поменять размер, форму, убрать ненужные и так далее. Для этого заходим в админпанель, и видим, что слева появилась кнопка Share Buttons

В главных настройках мы можем уточнить, где кнопки будут показываться — в постах, на страницах, на главной. Можно убрать их с главной, например

Вкладка Share настройки позволяет поменять внешний вид кнопок, добавить и убрать ненужные

В Like настройках потребуется прописать свой ID в Facebook и Вконтактах. Для этого нужно будет перейти по ссылкам и зарегистрировать его, если у вас еще нет:

Как узнать свой ID ВКонтакте?

Переходим по этой ссылке, в форму вводим 1- Подключить новый сайт, 2- Название сайта, 3 — адрес сайта, 4 — домен и жмем Сохранить. После этого смотрим ниже на код, который нам дают и находим в нем свой apiID:

По плагину Share Buttons пока все, будут вопросы с установкой, пишите в комментариях.

А дальше мы установим еще один полезный плагин TweetMeme Retweet Buttone  Как видно из названия, этот плагин выводит кнопку твиттера вот таким образом

Установка стандартная — скачать, установить, активировать. В настройках (вкладка TweetMeme появится слева в колонке админ панели) можете изменить местоположение кнопки — сверху или снизу поста, но обычно ставят ее сверху.

Теперь рядом давайте поселим такую же кнопку google+1  Скачиваем плагин Google+1 Button, устанавливаем, активируем и у нас появится вот такая кнопочка (ее можно расположить также сверху-снизу, справа-слева, размеры и другие параметры). Все настройки находятся по пути Параметры — Google+

Следующий сервис, куда мы обратимся, называется Одна Кнопка. Итак, как она ставится. Выбираем необходимые параметры и скачиваем плагин

Скачается архив, устанавливаем его как обычный плагин. В итоге в конце каждого поста появляется вот такая кнопка с выпадающим меню

Что в ней ценного: кроме стандартных кнопок соц. сетей здесь есть выходы на соц. закладки Memori и БобрДобр.

А теперь поговорим о том, для чего мы установили все эти кнопки.

Любой пользователь интернета зарегистрирован в той или иной социальной сети. Посещая ваш блог, люди будут делиться с другими вашими статьями, рекомендовать их друг другу. Таким образом ваш блог будет продвигаться в соц. сетях.

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

Поэтому мы всю эту работу проделали очень не зря — это один из главных методов продвижения нашего сайта! Причем совершенно бесплатный.

Установка плагина Favicons

Следующий этап нашего урока — установка значка favicon, который виден в браузере, когда открыт сайт. И также favicon отображается в поисковике Яндекс и оригинальный значок позволяет выделить ваш сайт среди других. Что также влияет на его продвижение.

Поскольку мы пользуемся WordPress, грех было бы не воспользоваться соответствующим плагином: All-in-one-favicon

Скачайте его, установите и активируйте, для вас это уже не проблема. В настройках (заходим Параметры — Favicon)

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

Теперь добавим картинку в сайдбар

Для того, чтобы оживить наш блог, можно добавить картинку в сайдбар. Это может быть либо реклама поста, либо  картинка будет вести на другую страницу блога, рекомендовать что-либо.

Как вставить картинку?

Перейдем в Записи — Добавить новую. В редакторе нажимаем Добавить медиафайл. И выбираем картинку ту, что уже есть, либо загружаем новую

Теперь переходим с визуальной вкладки на вкладку кода и копируем

Переходим по вкладке Внешний вид — Виджеты

Слева выбираем виджет Текст, перетаскиваем его в правую колонку и вставляем скопированный текст в основное поле виджета, если надо — пишем название нашего блока

Если вдруг картинка отображается как то криво, поставьте ее по центру, для этого в начале кода ставим тег <center>, и в конце кода — закрывающий тег </center>, и жмем Сохранить

Если хотите, чтобы посетитель, нажав на картинку, попадал на какую-нибудь страницу, вставьте адрес этой страницы в код в это место

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

Поделись статьей
Оставьте комментарий

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

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


Exit mobile version