Начиная работать в таплинке, иногда новички сталкиваются с непониманием, что такое блоки в таплинке, как их сделать и как использовать. Поэтому давайте пройдемся по блокам и их назначению.
Что такое блоки в таплинк?
Таплинк — это конструктор сайтов, работа в котором строится на комбинации различных видов контента. Для каждого из видов контента есть своя функция, или — свой блок. Например, чтобы добавить картинку, мы используем блок «Баннер», для добавления текста подойдет блок «Текст» и так далее.
Как сделать блоки в таплинк?
Чтобы создать новый блок в таплинк, для начала нужно авторизоваться в сервисе (ввести свой логин-пароль) на главной странице, затем перейти в личный кабинет и на нужной странице нажать кнопку «Добавить блок».
И из открывшегося меню уже выбирать, какой именно блок вам нужен. Важно отметить, что для разных тарифов таплинк доступны разные наборы блоков, например для бесплатного тарифа — только первые шесть, что существенно снижает возможности и функционал сайта на тарифе BASIC.
Какие блоки доступны на тарифе таплинк BASIC?
Блок Текст
Самый востребованный блок — тут можно создать заголовок или основной текст, задать размер или шрифт текста из предложенных. Выбор шрифтов небольшой, но для большей части сайтов хватает того, что есть. Если нужно рассказать, как добавить свой шрифт в таплинк, напишите об этом у комментариях.
Текст можно форматировать — сделать его жирным, курсивным, оформить маркированные и нумерованные списки.
Блок Ссылка
Этот блок создает кнопку со ссылкой, причем ссылка может вести:
- на новую страницу таплинк
- на любой сторонний сайт или сервис
- в мессенджеры или соцсети
- к нужному месту на текущей странице таплинка или (для тарифа Бизнес) к нужному месту любой страницы таплинка
Для ссылки можно выбрать цвет, добавить иконку из имеющихся или загрузить свою (в платных тарифах), поменять цвет и шрифт текста на кнопке, а также добавить анимацию самой кнопки — добавить блики или движение кнопки для привлечения внимания. Все это настраивается внутри самого блока, без использования html кодов.
Блок Разделитель
Служит для визуального отделения одного блока от другого. Не всегда нужен, но в некоторых случаях реально необходим. Можно оформить в виде непрерывной горизонтальной полосы, полосы с изображением по центру или просто прозрачного блока.
Блок Аватар
Используется по назначению в бесплатном тарифе — с его помощью добавляем на страницу изображение с логотипом, например. В случае бесплатного тарифа это — единственная картинка, которую можно опубликовать на странице.
В остальных случаях используется для оформления иконки сайта (favicon). Читайте подробнее тут (в разработке).
Обратите внимание, что не получится добавить несколько раз блок Аватар и в каждый разместить разные фото. При замене фото в одном блоке, автоматически заменится и в остальных.
Блок Вопросы и ответы
Один из самых востребованных блоков таплинка, с помощью которого вы легко сможете оформить раскрывающиеся пункты меню на своем сайте. Используя html код для блока вопрос ответ в таплинк, можно сделать его оформление более привлекательным.
Блок Иконка и текст
Очень удобный блок для создания различных списков, например для перечня услуг компании. Можно выстроить пункты столбцом, можно в две или три колонки, причем для мобильной версии и для ПК настройки можно задавать свои. Иконки можно выбирать из предложенных, или добавить свои, если у вас платный тариф сервиса.
Если вам нужно, чтобы все иконки были одинаковыми, достаточно в первом и втором пункте выбрать нужную, далее в третьем и последующих пунктах эта иконка будет выбираться уже автоматически.
Подробно про все виды блоков таплинка и о способах их применения — в моем курсе «Таплинк с нуля до профи», который входит в состав онлайн школы «Легкий старт в онлайне«. Всего за несколько недель научись создавать сайты с нуля и зарабатывать на этом от 40000 рублей в месяц. Спеши, пока стоимость такая низкая!
HTML код для блока вопрос ответ таплинк
тут код и пример работы — в разработке
Подробная видеоинструкция по работе с этим кодом, а также другие необходимые в работе html-коды и фишки можно найти в моем курсе по сайтам на таплинк. Успей купить по самой низкой цене!
Как убрать отступы между блоками таплинк?
Для того, чтобы между блоками в таплинке не было пустого пространства, используйте секции. Зайдите в настройки нужных блоков — у верхнего выключите отступ снизу, у нижнего — отступ сверху. Таким образом, блоки склеятся между собой и отступ между ними пропадет.
Как скрыть блок на таплинке?
Иногда в работе появляется необходимость скрыть блок таплинка на время. Например, на период скидок или акций включать блок, а в остальное время убирать его. Чтобы не приходилось каждый раз создавать блоки заново, удобнее всего их спрятать с возможностью восстановления.
Если у вас платный тариф, скрыть блок на таплинке можно отправив его в архив. Или же просто выбирайте в настройках «Скрыть блок», тогда он не будет отображаться на странице, но останется висеть полупрозрачным в вашем личном кабинете.
Читайте также: Как в таплинке сделать раскрывающийся блок (в разработке)
Поделись с друзьями!
Лена, подскажи как сделать разные цвета ссылок в таплинк?
Инна, для выбора цвета кнопок (ссылок) используйте настройки секций — для каждой из кнопок можно сделать свои настройки секции и выбрать цвет, тень, прозрачность ссылок.
А как в таплинк сделать две кнопки в один ряд?
Либо с помощью HTML-кода, либо в блоках «Мессенджеры» или «Социальные сети»: там можно выбрать внешний вид расположения кнопок — в столбик или в строку.
Доброй ночи, подскажите, есть необходимость на ссылке в заголовке или подзаголовке написать сначала жирыный текст, потом зачерпнутый, потом снова жирный. Ну никак не получается после зачеркнутого html-кодом, никакого кроме как зачеркнутый.
Проблему решила добавив вторую ссылку.
Думала вторую строку для подзаголовка сделать
Тоже не смогла.
Елена, покажите на примере, я что-то не могу включиться и понять, что конкретно нужно. Можете в телегу мне написать, если так удобно.
@lena_almera
Добрый день!
Какие выбрать настройки в блоке ссылка, чтобы при его открытии появлялись скриншоты/изображения с отзывами?
Ангелина, если у вас тариф Бизнес, то сначала создать страничку с изображениями отдельную, а затем, когда создаете блок Ссылка, выбирайте, что открываться должна «Внутренняя страница».
Если же тариф Про, то только HTML кодами делать раскрывашку