Добавление значка к кнопке

Можно добавлять значки или изображения на кнопки, например значок телефона (📞) для кнопок «звонок одним кликом», значок электронной почты (📧), стрелки (⬅️ ➡️) для кнопок «Читать далее» или любых других. В этом руководстве вы узнаете, как добавлять значки к кнопкам.

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

• На большинстве устройств Windows, Mac и мобильных устройств есть встроенные эмодзи, которые можно добавлять к кнопкам.
• Эмодзи также можно скопировать с таких сайтов, как Get Emoji.
• В Google Fonts есть опция со значками.
• Font Awesome — это популярный сайт с бесплатными и платными значками.

Для изображений рекомендуется использовать типы файлов SVG или PNG (прозрачные). Значок можно загрузить в Библиотеку файлов перед добавлением кнопки или в процессе её добавления (описано ниже).

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

1. Добавьте кнопку, затем текст и ссылку для неё.
   • Также можно создать ссылку звонок одним кликом или письмо одним кликом.
2. Нажмите кнопку и установите курсор до или после текста.
3. В зависимости от того, используете ли вы эмодзи или изображение:
   • Эмодзи: используйте сочетание клавиш для Windows или Mac и выберите эмодзи. Или скопируйте и вставьте эмодзи с какого-либо сайта, например Get Emoji.
   • Изображение: на появившейся панели инструментов нажмите стрелку вниз (Далее) и выберите опцию Встроенное изображение.
     • Выберите изображение из Библиотеки файлов или загрузите новое изображение.
     • Дважды щёлкните изображение, чтобы изменить его размер и добавить ALT-текст.
4. Нажмите Сохранить или Опубликовать, чтобы сохранить изменения.

В следующем примере для добавления эмодзи используется сочетание клавиш для ОС Mac. Можно также использовать сочетание клавиш для ОС Windows или скопировать и вставить эмодзи с другого сайта.