Логотип

Как создать сайт

Всё что нужно для создания сайта!

Как установить социальные кнопки на сайт ucoz


Привет, продолжаем допиливать внутреннею страницу, ту где у нас находится игра. Могу поздравить вас, стем что сегодня это будет последний урок на эту тему. Конечно в дальнейшем мы ещё будем работать над этой страницей, будем на неё добавлять информеры с похожими играми,  рекламу, ещё что-нибудь там.

В общем сегодня я покажу как установить социальные кнопки на сайт ucoz, а так-же поменяем названия у просмотров и у вывода даты, ну и у того кто добавил игру. Снесём код который выводит количество комментариев от стандартной формы, а на его место вставим социальные кнопки.

Картинка:

Для начало давайте пройдём в раздел материал и комментарий к нему, найдём код который отвечает за вывод просмотров, автора игры и даты, и поменяем эти странные слова на наши русские.

Сейчас у нас за место просмотров слово View, за место имени кто добавил игру слово Added by, а за место слова дата, английское слово Data. Вот мы их и изменим.

Зайдите в следующий раздел в панели, Дизайн и управление дизайном.

На следующей странице в разделе онлайн игры выберите строчку:

Как обычно откроется страница с кодом. В коде нужно отыскать 34 строчку на которой как раз и будет то что мы ищем. У вас это может быть другая строчка, ориентируйтесь по коду.

Все слова которые я отметил стрелочками я поменяю на Просмотры, На Добавил, и на Дата. После сохраню документ.

Давайте посмотрим что получилось на сайте.

Всё работает так как я и задумал. Следующим шагом снесём слово Comments 0, которое вы можете наблюдать в правом углу на той-же строчке.

Делается это тоже достаточно просто, на строчке 35 это на одну строчку, ниже найдите следующий код -

Всё что я выделил мышкой смело можете удалять, это и есть наш код с комментариями. Если сохранить документ и перейти на страницу с игрой, обновить её, вы увидите что слово Comments пропало. Теперь на его место мы установим социальные кнопки.

Ищем социальные кнопки в интернете

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

Мне нравится сервис яндекса, которым я пользуюсь.

Вот ссылка на него https://tech.yandex.ru/share/

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

Последний этап, скопируйте получившийся код.

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

Вот что должно получится:

Сохраните документ и вернитесь на сайт что-бы посмотреть что получилось в результате.

У меня вот что:

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

Подсказка:

Большинство людей начинают создавать сайты на бесплатных хостингах, но рано или поздно всё равно переходят на платный.

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 22.10.2018 записано 19 теоретических уроков и 0 практических. Теоретический курс Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"