Как удалить и настроить боковую панель блога Weebly?

Weebly предлагает простую платформу для ведения блогов, с помощью которой веб-мастера могут начать свой собственный блог. Область содержимого блога состоит из области основного содержимого, боковой панели блога и Блог Weebly элементы не являются частью основного CSS. Следовательно, невозможно настроить элементы блога, если вы не знаете имя класса каждого элемента. В этой статье объясняются параметры настройки таких элементов боковой панели блога Weebly, как Автор, Архивы, Категории, Ссылка на RSS-канал и Значок Flickr, а также методику полного удаления боковой панели.

Удалить боковую панель блога

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

  • Войдите в свою учетную запись Weebly и перейдите в редактор Weebly.
  • Перейдите на вкладку «Дизайн» и нажмите кнопку «Редактировать HTML / CSS».
  • Щелкните «main-style.css» и добавьте приведенный ниже код в любое место страницы. Убедитесь, что вы вставили его вне других стилей элементов, чтобы не мешать другим стилям.
.blog-sidebar {
display: none;
}
  • Сохраните свою тему и проверьте страницу своего блога, чтобы увидеть, что боковая панель исчезла.
Теперь вы можете включить или отключить боковую панель блога Weebly, не изменяя исходный код. Этот параметр доступен в разделе «Настройки> Блог> Общие> Боковая панель блога».

Настройка ширины боковой панели по умолчанию

Вы можете увеличить или уменьшить ширину обычной боковой панели с помощью атрибута width. Добавьте приведенный ниже код в свой «main-style.css», чтобы сделать боковую панель общей шириной 230 пикселей с отступом 20 пикселей:

.blog-sidebar {
width: 230px;
padding: 10px;
}

Настройка архивов и категорий

Вы можете настроить размер шрифта и цвет архивов и категорий. И заголовок, и список можно настроить в соответствии с вашими требованиями. Ниже приведены примеры кодов для настройки архива блога и категорий, а также образец боковой панели блога.

.blog-archives-title {
color: Blue;
font-size: 30px;
text-decoration: underline;
font-family: 'Courier New', Georgia, Serif;
}
.blog-archive-list {
font-size: 20px;
font-weight: bold;
font-family: 'Dotum', Georgia, Serif;
}
.blog-category-title {
color: Blue;
font-size: 30px;
text-decoration: underline;
font-family: 'Calibri', Georgia, Sans-serif;
}
.blog-category-list {
font-size: 20px;
font-weight: bold;
font-family: 'Bell MT', Georgia, Serif;
}

Настройка ссылки и автора RSS-канала

Ссылки на RSS-канал и заголовки авторов можно настроить так же, как архив и категории. Примеры кодов для использования в CSS приведены ниже:

Индивидуальная боковая панель блога Weebly

.blog-feed-link {
color: Pink;
font-size: 20px;
text-decoration: underline;
font-family: 'Calibri', Georgia, Serif;
}
.blog-author-title {
color: Blue;
font-family: 'Calibri', Georgia, Serif;
font-size: 30px;
text-decoration: underline;
}

Настройка значка Flickr

Даже можно настроить элемент Flickr Badge, добавленный на боковой панели блога Weebly. Добавьте следующий код в «main-style.css», чтобы добавить закругленную границу вокруг изображений Flickr, отображаемых на боковой панели блога, как показано на рисунке выше.

.clearfix {
border-style:solid;
border-radius:5px;
border-color:green;
border-width:3px;
}

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

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

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