<MyRusakov.ru />

Создание игр на Unreal Engine 4

Создание игр на Unreal Engine 4

Данный курс научит Вас созданию игр на Unreal Engine 4. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

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

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства» и «Создание прототипа RPG с открытым миром».

Подробнее
Подписка

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

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Зачем Вы изучаете программирование/создание сайтов?

Добавление иконок соцсетей на WordPress сайт

Добавление иконок соцсетей на WordPress сайт

Добавить иконки соцсетей на WordPress сайт можно с помощью обычного виджета Text. Находим в кастомайзере виджет Text и добавляем его в первую колонку подвала сайта. Для вывода иконок соцсетей не стоит ставить дополнительный плагин. Поскольку данная задача решается просто. Вернее есть два варианта решения - совсем без кода и с минимальным кодом.


Добавление иконок соцсетей на WordPress сайт.


Вывод иконок в виде изображений

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


https://www.flaticon.com/

Находим через поиск иконки нужных соцсетей, выбираем размер (при необходимости редактируем цвет) и скачиваем их в формате PNG.


Добавление иконок соцсетей на WordPress сайт.

Загружаем иконки через Add media.


Добавление иконок соцсетей на WordPress сайт.

Чтобы иконки выстроились в строку, необходимо выделить каждую иконку и задать для нее обтекание слева.


Добавление иконок соцсетей на WordPress сайт.

Далее привязываем URL адреса ваших соцсетей к определенным иконкам. Кликаем по иконке и на панели с инструментами выбираем иконку карандашика.


Добавление иконок соцсетей на WordPress сайт.

Вы попадаете на страницу редактирования иконки. В поле Link To выбираем Custom URL и вставляем URL адрес вашей страницы в социальной сети. На всякий случай зададим для иконок CSS класс, возможно нам потребуется дополнительная стилизация иконок. По аналогии поступаем таким же образом и с остальными изображениями.


Добавление иконок соцсетей на WordPress сайт.

Наши кнопки соцсетей появилисьсь на сайте.


Добавление иконок соцсетей на WordPress сайт.


Вывод иконок через иконочный шрифт FontAwesome

Этот вариант немного сложнее и потребует от вас минимальных навыков работы с кодом. Раз нам предстоит писать HTML код, то добавлять нужно Custom HTML виджет.


Добавление иконок соцсетей на WordPress сайт.

Библиотека FontAwesome уже по умолчанию подключена к WordPress. Поэтому мы сразу переходим на сайт с иконочными шрифтами и забираем оттуда код иконок. Находим через поиск иконку фейсбука, выбираем желаемую форму (мне нравятся квадратные) и копируем код.


Добавление иконок соцсетей на WordPress сайт.

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

<i class="fab fa-facebook-square fa-2x"></i>
<i class="fab fa-pinterest-square fa-2x"></i>
<i class="fab fa-twitter-square fa-2x"></i>

Далее оборачиваем теги i в ссылки, ведущие на ваши страницы соцсетей и вставляем этот блок кода в подготовленный виджет.

<a href="https://facebook.com/URL/"><i class="fab fa-facebook-square fa-2x"></i></a>
<a href="https://www.pinterest.com/URL/"><i class="fab fa-pinterest-square fa-2x"></i></a>
<a href="https://www.twitter.com/URL/"><i class="fab fa-twitter-square fa-2x"></i></a>


Добавление иконок соцсетей на WordPress сайт.

На этом все. Иконки вывелись на сайт. У последнего варианта добавления иконок есть ряд преимуществ. Во-первых, каждое обращение к базе данных для загрузки медиа - сколько-то замедляет работу сайта. Во-вторых, изменить форму, цвет или размер иконки намного проще через готовые классы FontAwesome, просто открыв для этого кастомайзер.


Добавление иконок соцсетей на WordPress сайт.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.