Как сделать активную ссылку в Инстаграм

Опубликовано: 16 Октябрь 2024
на канале: Гончаров про сайты
390
3

Приветствую коллеги!
В очередной раз понадобилось сделать для себя аналог сервиса мульти-ссылки.

Что такое мульти-ссылка, спросите вы?
Это что-то на подобии мини-лендинга со всеми вашими ссылками на социальные сети и мессенджеры.
Она создается для того, чтобы обойти ограничение таких сервисов, как Instagram на размещение в профиле только одной активной ссылки.
Смотрим и комментируем!

БЕСПЛАТНАЯ консультация по созданию или аудиту сайта - Telegram https://v04.ru/dg
----------------------------------
♥ Рекомендую лучший хостинг для сайтов - https://v04.ru/host
▶ Инструкция, как получить хостинг по 79 рублей в месяц -    • Самый дешевый хостинг для сайта. Реги...  
----------------------------------
▶ Сайт с курсами - https://v04.ru/kurs
▶ Мой подкаст о фрилансе "Из грязи в Князи" - https://v04.ru/podcast
▶ Авторский Telegram канал - https://v04.ru/tg
▶ Мой сайт - https://v04.ru/site
----------------------------------
#академияjoomla #дмитрийгончаров

Регистрация хостинга    • Урок #1. Регистрация хостинга BEGET. ...  
Установка Joomla 3    • Урок #2. Установка Joomla 3. Сделать ...  
Установка шаблона Helix Ultimate    • Урок #3. Установка шаблона Helix Ulti...  
Установка SP Page Builder Lite 3 (Pro версия после покупки устанавливается аналогичным способом)    • Урок #4. Установка SP Page Builder Li...  
Файл с моими ссылками https://v04.ru/multilink

0:00 Вступление
0:25 Что такое мультиссылка
0:44 Для чего нужны мультиссылки
1:27 Про сервис для мультиссылок
3:08 Тарифы
4:34 Вариант создания собственной мультиссылки на joomla
5:40 Приступаем к созданию
6:48 Настраиваем шаблон Helix Ultimate
7:10 Про конструктор сайтов
8:12 Создаем страницу в конструкторе
8:45 Привязываем страницу к пункту меню
10:44 Убираем лишние позиции в шаблоне
11:49 Заходим в редактор
13:01 Делаем шапку сайта
13:51 Устанавливаем фоновое изображение шапки
15:33 Настраиваем высоту окна
16:20 Настраиваем вторую строку
18:20 Вставляем и настраиваем изображение аватара
20:14 Делаем фон секции
21:12 Вставляем и настравиваем текстовый аддон
22:38 Указываем ссылки в тексте
23:15 Создаём и настраиваем кнопки
24:05 Где брать цвета
25:25 Добавляем иконку в кнопку
25:40 Внутренние отступы кнопки
26:22 Выравниваем кнопку
27:37 Ширина кнопки стилями
30:10 Внешние отступы у кнопки
31:26 Сохраняем готовую кнопку
31:41 Дублируем кнопки
33:00 Адаптив кнопки для планшета
34:55 Отступ между блоками
35:19 Настройка кнопок под соцсети
36:10 Прописываем ссылки для кнопок
38:18 Ссылки на мессенджеры
39:30 Отступы на мобильных устройствах
40:38 Убираем пустое пространство
41:15 Вставляем ссылку в свой профиль
42:00 Вариант стилизации кнопок через шаблон
45:28 Делаем круглое изображение
47:30 Делаем затемнение фона
48:00 Проверяем адаптивность
48:35 Задаём минимальную высоту секции
49:40 Уменьшаем расстояние между кнопками
50:10 Увеличиваем ширину кнопок
50:55 Адаптируем текст под мобильную версию