Добрый день, друзья!
Создать свой сайт с нуля —
непростая задача, но мы с ней справимся. Тем более, что у нас за спиной уже целых 4 полноценных шага к сайту, который будет нашим активным помощником в деле заработка денег в интернете.
Продолжаем пошагово создавать свой сайт с нуля и сегодня мы установим кнопки социальных сетей, плагин Favikon и еще кое-что важное…
Предыдущие уроки по созданию сайта:
№1 Регистрация хостинга и домена
№3 Основные настройки WordPress
№4 Как составить семантическое ядро сайта
Итак, начнем..
Чем мы займемся сегодня:
- Установим плагин Social Share Buttons
- Узнаем свой ID Вконтакте
- Установим плагин TweetMeme Retweet Buttone
- Установим плагин Google+1 Button
- Установим плагин Одна Кнопка
- Узнаем для чего мы установили кнопки соц. сетей
- Установим значок фавикон
- Поставим картинку в сайдбар
Для того, чтобы установить на наш сайт кнопки социальных сетей, лучше всего воспользоваться плагином 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>, и жмем Сохранить
Если хотите, чтобы посетитель, нажав на картинку, попадал на какую-нибудь страницу, вставьте адрес этой страницы в код в это место
На этом наш урок закончен. До следующего урока постарайтесь применить все то, чему мы научились, поскольку дальше у нас еще много дел. А я прощаюсь с Вами, всего доброго, оставляйте свои комментарии.