Как настроить тему в Weebly? –

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

Выбор темы в Weebly

Вам необходимо выбрать тему при создании сайта в первый раз. Однако вам не нужно строго придерживаться изначально выбранной темы и менять ее в любое время позже. Войдите в свой Weebly, используя учетную запись Square, и отредактируйте сайт, тему которого вы хотите настроить. На вкладке «Тема» редактора Weebly нажмите кнопку «Изменить тему».

Изменить тему в WeeblyИзменить тему в Weebly

Вы увидите список адаптивных тем, классифицированных по разным категориям для выбора. Чтобы выбрать неадаптивную тему, прокрутите вниз и нажмите кнопку «Показать старые темы».

Просмотреть темы WeeblyПросмотреть темы WeeblyПросмотреть темы Weebly

Нажмите на любую тему, чтобы прочитать подробности. Нажмите кнопку «Предварительный просмотр темы», чтобы проверить демо, а затем нажмите кнопку «Выбрать тему», чтобы использовать тему для своего сайта.

Выберите тему для сайтаВыберите тему для сайтаВыберите тему для сайта

При выборе темы у вас есть следующие возможности:

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

Настройка темы Weebly

После выбора темы у вас есть следующие параметры для ее настройки на вкладке «Тема». Однако доступные параметры будут отличаться в зависимости от выбранной темы.

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

Применить темный или светлый стильПрименить темный или светлый стильПрименить темный или светлый стиль

  • Нажмите кнопку «Изменить шрифты» и измените стиль шрифта, цвет, толщину, высоту строки и размер элементов сайта в заголовке, нижнем колонтитуле и области контента. Вы также можете настроить шрифт для элементов мультимедиа, таких как подписи к изображениям, подписи к галереям и подписи к слайд-шоу.
  • Нажмите «Параметры темы», чтобы включить дополнительные параметры/элементы, такие как поле поиска, наложение баннера, закрепленная навигация и т. д. (обратите внимание, что поле поиска является премиум-элементом Weebly).

Параметры темы WeeblyПараметры темы WeeblyПараметры темы Weebly

  • Отредактируйте исходный HTML/CSS и мгновенно просмотрите предварительный просмотр своего сайта, нажав кнопку «Изменить HTML/CSS».

Редактировать HTML/CSS

Одна из главных причин, по которой пользователи предпочитают Weebly, заключается в полном доступе и контроле над HTML/CSS сайта. Это позволяет вебмастерам легко включать бесчисленные функции на вашем сайте или даже загружать собственную тему для вашего сайта. Вы можете получить доступ к исходному HTML/CSS вашего сайта, нажав кнопку «Изменить HTML/CSS», доступную на вкладке «Дизайн».

Редактор кода WeeblyРедактор кода WeeblyРедактор кода Weebly

Ниже приведены параметры, доступные вам в редакторе кода HTML/CSS Weebly:

  • 1 и 11 – Верхняя панель инструментов для проверки документации, включения автоматического предварительного просмотра и сохранения изменений.
  • 2, 3, 4, 5, 6 и 7 – Различные разделы для настройки шаблонов темы и экспорта темы.
  • 8 – Просмотр и редактирование кода.
  • 9 – Предварительный просмотр контента в реальном времени.
  • 10 – Просмотреть предварительный просмотр в новом окне.

Вы можете получить доступ к основному CSS в разделе «Активы» и добавить пользовательские форматы в макетах «Тип заголовка». Вы также можете загрузить свои собственные файлы в разделе «Активы».

3

(тегиToTranslate)CSS

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *