Как изменить цвет ссылки в WebFlow

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

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

Типы ссылок в Webflow

Прежде чем настраивать стиль ссылок, давайте рассмотрим варианты связывания, когда создание веб-сайта в Webflow.

Текстовые ссылки

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

Чтобы добавить текстовую ссылку в дизайн веб-сайта, выполните следующие действия:

Откройте панель “Добавить элементы” на левой боковой панели.
Перейдите к “Типографика”
Нажмите “Текстовая ссылка” поле.

После того как вы ввели свою ссылку, вы можете отредактировать ее, дважды щелкнув текст. Кроме того, вы можете выбрать элемент и нажать “Ввод”

Поля ссылок

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

Поля ссылок обычно используются для:

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

Вы можете добавить поле ссылки во вновь созданный или существующий Коллекция, посетив настройки коллекции. Оттуда выполните следующие действия:

Выберите “Новое поле”
Нажмите &ldquo ;Ссылка” значок под “Выбрать тип поля” меню.

Блоки ссылок

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

Наиболее распространенные элементы дизайна, используемые для блока ссылок:

Изображения
Макеты
Баннеры

Выполните следующие действия, чтобы добавить блок ссылок в свой веб-сайт:

перейдите на панель “Добавить элементы”
Перейдите к разделу “Основные”
Выберите “Блок ссылок” и перетащите его на свою страницу.

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

Изменение цвета ссылки

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

Как изменить цвет для одиночной ссылки

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

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

Нажмите элемент ссылки.
Перейдите в “Стиль” панель справа (значок кисти).
Прокрутите вниз, пока не увидите значок “Типографика”
В разделе “Цвет” установите предпочитаемый цвет ссылки.

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

Как изменить цвет для всех ссылок

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

Вот как вы можете оформить все ссылки на своем веб-сайте:

Нажмите “Control + Enter” ярлык в Windows или “Command + Enter” на Mac, чтобы открыть меню выбора.
В списке тегов выберите “Все ссылки” внизу.
Измените цвет ссылки на предпочитаемый цвет.

Любая новая ссылка, которую вы добавляете позже возьмем подсказки стиля из раздела “Все ссылки” ярлык. Если вы передумаете в отношении определенного набора ссылок, вам придется переопределять установленное правило в каждом конкретном случае.

Больше не унывать

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

Вы пробовали изменить цвет ссылки в Webflow? Каков ваш выбор цвета? Дайте нам знать в разделе комментариев ниже.