Руководства/Управление учётной записью/Инструменты/Добавление логотипа на сайт

Добавление логотипа на сайт

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

Как создать изображение логотипа

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

  • Файл .png должен иметь прозрачный фон, чтобы вокруг изображения логотипа на сайте не появлялось белое поле.
  • Чтобы изображение хорошо смотрелось на экранах любого размера, постарайтесь избегать лишней детализации.
  • Рекомендуемый размер логотипа определяется темой, однако в любом случае лучше начинать с ширины в 200 пикселей.
  • Создайте уменьшенную версию логотипа, чтобы сделать из неё значок сайта.

Как создать логотип с помощью Jetpack AI

Генератор логотипов Jetpack AI может помочь вам создать логотип на основе ключевой фразы вашего сайта. Вы можете настроить подсказку и выбрать из разных стилей желаемый вариант.

Подробнее о создании логотипа с помощью Jetpack AI.

Чтобы создать логотип для веб-сайта с помощью Fiverr, выполните следующие действия.

  1. Перейдите на сайт по изготовлению логотипов Fiverr.
  2. Введите название вашей компании или блога и слоган (если есть) и нажмите Generate (Создать).
  3. Fiverr автоматически создаст для вас логотипы. Вы сможете выбрать желаемый дизайн и настроить цвет, тип и размер шрифта, пробелы, расположение и др.
  4. Затем вам нужно будет оплатить выбранный логотип, и после этого его можно будет скачать.
  5. Загрузите изображение логотипа на WordPress.com, выполнив действия, описанные в следующем разделе.

В большинстве случаев логотип добавляется в редакторе сайта. Однако если на сайте установлена классическая или сторонняя тема, то для добавления или редактирования логотипа может понадобиться конфигуратор.

Чтобы понять, поддерживается ли редактор на вашем сайте, перейдите в раздел консоли Внешний вид. Если вы видите здесь опцию Редактор, то ваша тема поддерживает редактор сайта.

Выберите вкладку, соответствующую вашему стилю интерфейса.

Чтобы добавить логотип на сайт в редакторе сайта, выполните следующие действия.

  1. На консоли сайта перейдите в раздел Внешний вид → Редактор.
  2. Нажмите на миниатюру главной страницы справа или выберите вкладку Паттерны, чтобы настроить определённую часть шаблона.
  3. Выберите Представление в виде списка в верхнем левом углу редактора. Значок выглядит как три горизонтальные линии, расположенные друг над другом.
  4. Просмотрите разделы заголовка.
    • В большинстве частей шаблона заголовка уже имеется блок «Логотип сайта».
    • Если блок «Логотип сайта» отсутствует, добавьте его с помощью инструмента вставки блоков «+».
  5. На появившейся панели инструментов блока выберите одну из следующих опций:
    • Выбрать логотип: эта опция появится, если вы ещё не добавили логотип сайта.
    • Генерировать с помощью ИИ: нажмите на значок с тремя звёздочками, чтобы создать логотип с помощью ИИ.
    • Заменить: здесь вы можете заменить или сбросить логотип сайта.
  6. На боковой панели настроек блока задайте следующие параметры:
    • Ширина изображения: задайте ширину логотипа, двигая ползунок или введя числовое значение.
    • Ссылка на главную: создайте ссылку с логотипа сайта на главную страницу. При необходимости укажите, что ссылка должна открываться в новой вкладке.
    • Использовать в качестве значка сайта: установите логотип сайта в качестве значка сайта (отображается на вкладках браузера).
  7. На боковой панели стилей блока настройте следующие стили:
    • Стиль изображения: выберите стиль по умолчанию или скруглённый. Скруглённое квадратное изображение приобретёт форму идеальной окружности, а прямоугольное станет овальным.
    • Фильтры: сделайте изображение двухцветным, применив двухтоновый фильтр.
    • Размеры изображения: добавьте пространство вокруг изображения, настроив параметр Размеры.
  8. Нажмите кнопку Сохранить, чтобы опубликовать изменения.
Copied to clipboard!