Иконка landing page: Пакет значков Web apps landing page | Lineal

Заголовок , Подзаголовок , Текст , Кнопка и Разделитель — это пять элементов, доступных в разделе «Текст и кнопка».

Чтобы настроить шрифт, размер или стиль текста , просто щелкните текст, который нужно отредактировать, и используйте панель форматирования в верхней части холста. Обратите внимание, что к элементу можно применить только один шрифт и размер.

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

Для редактирования стиля кнопки щелкните по нему, щелкните, затем щелкните. Параметры, рядом с которыми есть значок замка, применяют стиль к кнопке единообразно; щелкните значок, чтобы разблокировать этот параметр и увидеть дополнительные параметры.

Чтобы добавить ссылки к тексту или кнопкам выделите текст, на который вы хотите создать ссылку, и щелкните на панели форматирования. Затем у вас есть следующие варианты типов ссылок для добавления (наш рабочий процесс позволит вам создавать эти ресурсы на лету и впоследствии возвращаться к этому диалоговому окну).

1. URL: адрес определенной страницы, например веб-сайта вашей компании
2. Ontraport Страница
3. Ссылка на блок на этой странице: позволяет посетителю перейти к блоку, расположенному где-то еще на странице.
4. Ссылка для отслеживания
5. Размещенный файл Ontraport: PDF-файл или файл другого типа, размещенный в файловом менеджере Ontraport.
6. Lightbox формы Ontraport: блок всплывающей формы

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

Элемент изображения позволяет вам добавлять и редактировать изображения на вашей странице.

Чтобы вставить изображение на страницу, перетащите элемент изображения на холст.

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

Чтобы переместить изображение щелкните и перетащите маркер, который появляется сбоку от изображения.

Чтобы заменить изображение щелкните по нему и выберите изменить изображение.

При работе с изображениями в палитре появятся три вкладки:

1. Вкладка «Настройки»: Здесь вы можете сделать гиперссылку на изображение, указать заголовок для индексации поисковой системой и предоставить замещающий текст для изображения.
2. Вкладка «Стиль»: Здесь можно редактировать стиль, например границы и тени.
3. Вкладка «Положение»: Здесь вы можете точно настроить отступы и поля или выровнять изображение по левому, центру или правому краю столбца, в котором оно находится.

На палитре щелкните над изображением, чтобы открыть редактор изображений. Следующие параметры редактирования доступны через значки на левой боковой панели. Не забудьте нажать кнопку после внесения изменений.

Transform: Здесь вы можете обрезать, переворачивать и вращать изображения. Используйте обычные кадрирования, чтобы ускорить рабочий процесс, и установите флажок «Заблокировать разрешение», чтобы ввести новые размеры изображения. При сохранении его размер будет изменен.

Фильтры: Выберите до 50 различных настроек настроения. Используйте ползунок для регулировки степени эффекта.

Adjust: Используйте ползунки для регулировки яркости и контрастности или для точной настройки светлых участков, теней, резкости и т. Д.

Focus : Добавьте эффекты, размывающие фон и фокусирующиеся на частях изображения. Используйте ползунок, чтобы отрегулировать количество.

Текст: Добавьте текст к фотографии и настройте его шрифт, цвет и т. Д.

Рамки: Создайте рамку вокруг фотографий с возможностью регулировки ширины и непрозрачности.
Наложение: Добавляет различные слои поверх изображения. Используйте ползунок для регулировки уровня эффекта.

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

Чтобы встроить видео, размещенное в Ontraport: Загрузите свое видео в менеджер видео Ontraport.Загружаемые вами видео появятся в раскрывающемся списке для фонового видео. Если у вас нет видео в менеджере видео, эта опция не появится.

Чтобы встроить видео из других источников , перейдите в Настройки и вставьте URL-адрес в поле URL. Следуйте этим инструкциям в зависимости от того, какой источник вы используете:

1. Видео, размещенное на YouTube: Используйте полный URL-адрес видео, как показано в адресной строке, когда видео воспроизводится на YouTube, а не сокращенный URL-адрес, используемый ссылкой для совместного использования.Добавьте «? Controls = 1» после URL-адреса, чтобы панель управления отображалась при наведении курсора (как показано на скриншоте выше).
2. Видео Vimeo: Используйте URL-адрес видео, который отображается в строке URL-адреса.
3. Видео Wistia: Отобразите видео в своей учетной записи Wistia и щелкните раскрывающееся меню действий с видео. Выберите вариант «встроить и поделиться» на вкладке «Поделиться». Нажмите кнопку копирования ссылки.
4. Вставить видео: Эта опция может использовать код вставки из разных источников. Обычно вы используете код, содержащийся в тегах

   Добавление кнопок социальных сетей на целевые страницы — отличный способ позволить вашим зрителям быстро переходить на ваши страницы в социальных сетях, где они могут больше узнать о продуктах или услугах вашей компании.Чтобы вставить кнопку социальной сети в шаблон целевой страницы, вы должны сначала загрузить фактический значок социальной сети, который вы хотите использовать, в Boingnet Asset Manager — это быстро и просто! Если вы еще не загрузили файл или изображение в диспетчер активов своей учетной записи, посетите нашу страницу «Изучите диспетчер активов».

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

   Чтобы вставить соответствующий значок социальной сети:

   • Измените шаблон целевой страницы.
   • Поместите курсор в область шаблона, на которой должен отображаться значок.
   • Щелкните кнопку изображения на панели инструментов.
   • Когда появится окно «Свойства изображения», нажмите «Обзор сервера», чтобы перейти к Менеджеру активов.

   Выберите значок, который вы хотите вставить, в данном случае значок facebook, дважды щелкнув по нему:

   Когда вы увидите выбранный значок в окне свойств изображения, нажмите зеленую кнопку « OK »:

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

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

   Введите URL-адрес ссылки на соответствующую страницу в социальной сети, в данном случае www.facebook.com/boingnet:

   Нажмите зеленую кнопку « OK », и ссылка на страницу facebook будет добавлена ​​в ваш шаблон. В этом случае ссылка переместит зрителя на страницу Boingnet Facebook.

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

   [Feature Release] Добавьте 500+ значков на целевые страницы одним щелчком мыши

   Жаль, что вы не выиграли в лотерею Powerball? Нет, у нас для вас еще один сюрприз.

   Wishpond рада представить нашу новейшую функцию: более 500 масштабируемых значков, встроенных непосредственно в наш конструктор целевых страниц.

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

   Даже после того, как вы их найдете, для их установки и настройки требуется глубокое знание HTML и CSS, чтобы они появились! (Предполагается, что вы уже нашли и заплатили за набор значков из тысячи вариантов в Интернете).

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

   ---

   Представляем новые значки Wishpond.

   ---

   Теперь Wishpond невероятно упрощает добавление масштабируемых и точных иконок для любых целей.

   На основе библиотеки, содержащей более 500 вариантов, значки разделены на 14 категорий: от 40+ направленных сигналов, чтобы сосредоточить внимание на вашем CTA, до более 80 значков ваших любимых брендов (например, Twitter, Instagram и Facebook), чтобы упростить вашу жизнь. .

   Кто-то сказал значки социальных сетей?

   ---

   Вектор, вектор, вектор.

   ---

   Подождите, а что за вектор?

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

   Источник изображения: Rogers Printing

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

   ---

   Простая установка

   ---

   Добавить новый значок на целевую страницу Wishpond очень просто.

   • Шаг 1. Щелкните поле значка в левой части раздела содержимого и перетащите его в любое место, где вы хотите, чтобы значок появился.
   • Шаг 2: Когда на вашей странице появится поле со значком, нажмите «Изменить», чтобы открыть полный список доступных значков.
   • Шаг 3. Выберите значок, соответствующий вашим потребностям
   • Шаг 4. Настройте размер, цвет и другие стилистические свойства значка слева.

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

   No related posts.