Вы должны уметь изменять размер шаблона, если хотите создать хороший сайт. По умолчанию многие темы предлагают неудобные размеры каркаса шаблона. Узкие темы — это точно так же плохо, как слишком широкие. У вас должна быть «золотая середина», которая как раз подходит для выполнения функций на сайте.
Только так содержимое вашего ресурса будет корректно отображаться, и все виджеты влезут в сайдбар. В данной статье вы узнаете какие есть способы коррекции размеров боковых колонок.
Сайдбар — это боковая часть сайта, в которой обычно закрепляют виджеты, рубрики, рекламу и различные важные сообщения.
Без сайдбара сайт выглядит никудышно. Если вы хотите как-то визуально разбавить содержимое страницы, вам стоит изменить шаблон Вордпресс, добавив сайдбар определенного размера. Обычно боковые колонки в нем уже установлены по умолчанию. Но не всегда ширина сайдбара является оптимальной для того или иного проекта. Разберем методы, как изменить ширину и высоту боковой части сайта Вордпресс.
Каким должен быть размер сайдбара
Возможно вам и не понадобится ничего менять. Изменить боковую колонку следует только в том случае, если она выглядит «криво» и неестественно. Во-первых, смотрите, чтобы сайдбар имел меньшую ширину, чем основная часть страницы, содержащая контент.
Боковая колонка не является ключевой частью сайта, потому на нее не должно быть обращено много внимания — максимум она может занимать 40 % от видимой части страницы. Учтите, что если у вас два сайдрбара (или несколько), их ширина не должна превышать 50 % от ширины всей страницы. Лучше использовать только одну боковую колонку — так она эффективнее.
Существует «золотое правило» дизайнеров для сайтов, где используется только один сайдбар. Это правило гласит, что если на странице только одна боковая колонка, она не должна занимать большее 38 % ширины сайта. О такой загадочной цифре говорят многие именитые веб-дизайнеры (например: Джарел Ремик).
А по поводу высоты — важно, чтобы сайдбар не торчал сверху сайта. Его размер по высоте в верхнем пределе должен быть аналогичен основной части страницы. А вот нижний предел можно изменить, чтобы базовая часть сайта была длиннее. Не нужно стараться впихнуть в сайдбар все, что есть на сайте — только основное. А если информации реально много, тогда сделайте две боковых колонки, но не нужно растягивать sidebar до подвала сайта.
Как изменить размер сайдбара вручную
Теперь поговорим о том, как самостоятельно изменить размер боковых колонок и самого каркаса шаблона без использования каких-либо дополнений. Такой метод подразумевает изменение исходного кода страницы. Именно в html-тегах и заключен параметр размера шаблона. Учтите, что изменение размеров может повлечь за собой негативные последствия, если в качестве фона вы загрузили картинку специального размера. Потому лучше изменить параметры каркаса еще на стадии верстки сайта.
Параметры сайдбара в коде находятся в виде блока. Чтобы изменить размер всего каркаса, и боковых колонок в том числе, вам понадобится влезть в код, и попеременно скорректировать цифровые параметры ширины и высоты каждого элемента. А именно:
- header — отвечает за размер шапки сайта;
- bg — это основной контент, то есть та часть страницы, на которой будут размещаться статьи (именно в этой части и находится сайдбар);
- footer — это подвал сайта, то есть его нижняя часть.
Чтобы узнать размеры определенного блока, вам необходимо нажать на пункт wrapper в «Просмотре кода страницы». Сбоку в разделе CSS браузера вы увидите цифровые значения ширины элемента в пикселях. Чтобы изменить размер всего каркаса, вам необходимо отредактировать элемент main, а после него внести изменения и в другие элементы. Рекомендуется это делать на локальном сервере, чтобы ваш сайт не «прыгал» на глазах пользователей. И, вообще, лучше таким заниматься еще до запуска интернет-проекта.
Для изменения размера сайдбара найдите примерно такую строчку
Эта строка отвечает за параметры срединной части страницы, то есть за блок с контентом и за боковые колонки. Не трогайте строку «main» — это основная часть сайта. Вам нужно найти тег «mainnav» — это и есть боковая колонка. Все, что вам потребуется, это в CSS изменить пункт width, отвечающий за ширину — вписать другое значение размера. Можете уменьшить либо увеличить сайдбар, но не забывайте следить за приведенными выше советами по размерности, чтобы сайт отображался корректным образом.
Чтобы внесенные изменения сохранились, необходимо их производить на сервере. То есть вы изначально можете протестировать корректировки на локальном хостинге, но потом обязательно скопируйте отредактированный файл style.css, и занесите его в базы данных основного сервера. Только тогда изменения вступят в силу.
Плагин для изменения размера сайдбара
Если вы не желаете пробираться во внутренности каскадных таблиц стилей, и искать элементы, которые необходимо отредактировать, тогда можете воспользоваться плагином Visual Sidebar Editor for WordPress. Это специальный модуль, который как раз предназначен для генерации боковых колонок. Он является частью более глобального инструмента Visual Composer.
Плагин Visual Composer — это натуральный конструктор страниц для Вордпресс. С ним вы сможете с нуля создать готовый шаблон. Работает модуль с шорткодами, и очень прост в установке. Если изменение размера сайдбара — это не единственное, что вам предстоит сделать, лучше скачайте плагин Visual Composer, и в качестве дополнения добавьте Visual Sidebar Editor. Если проблема только в размере боковой части страницы, тогда модуля Visual Sidebar Editor будет достаточно.
Преимущество использования плагина для изменения сайдбара в том, что он все делает автоматически. То есть вы показываете что хотите изменить по системе Drag https://wordpresslib.ru/poleznye-sovety/kak-izmenit-razmer-saydbara-ruchnoy-metod-i-redaktura-pri-pomoshhi-visual-sidebar-editor.html» target=»_blank»]wordpresslib.ru[/mask_link]
Использование боковой панели в WordPress
Создание контента в редакторе блоков
Автор Александр На чтение 14 мин Просмотров 348 Опубликовано 11.02.2021
Цели обучения
В этой статье вы узнаете:
- разница между вкладкой «Блок» и «Запись» на боковой панели;
- параметры на боковой панели после редактирования;
- параметры на боковой панели редактирования страницы.
Боковая панель
До сих пор мы использовали боковую панель, чтобы изучить блоки и их настройки. Мы видели это в каждом блоке в зависимости от его типа, имеющее разные настройки на вкладке «Блок» боковой панели.
Пришло время рассмотреть использование боковой панели в WordPress для записей и страниц.
Но, на боковой панели также имеется другая вкладка – вкладка Запись (Изображение 1). Экран редактирования поста и экран редактирования страницы имеют схожие боковые панели. Тем не менее, у них есть некоторые отличия, которые мы рассмотрим отдельно.
Использование боковой панели в WordPress для записей
На вкладке «Запись» боковой панели редактирования поста вы найдёте настройки, которые относятся ко всей публикации, независимо от типов блоков, которые вы используете.
Эти параметры включают настройку видимости вашего поста; редактирование слага постоянной ссылки; добавление категорий, тегов, отрывка и рекомендуемого изображения; и настройка вариантов комментирования.
Давайте углубимся в каждый из них, один за другим. И помните, всякий раз, когда вы меняете настройку, нажимайте «Сохранить»!
Статус и видимость
Настройки в Статус и Видимость позволяют определить статус поста и контроль над тем, кто сможет его просматривать и когда.
Видимость
Чтобы настроить видимость вашего сообщения:
- Нажмите на ссылку Видимость в правой части Боковой панели. Появится всплывающее меню.
- Выберите один из трех вариантов во всплывающем меню: Открыто, Личное или Защищенно паролем (Изображение 2).
С настройкой «Открыто» вы сделаете свой пост видимым для всех. Напротив, установка «Личное» сделает пост скрытым для публики.
При установке «Личное», только редакторы и администраторы страницы смогут просматривать пост. Пост также не будет доступен для поиска в Интернете и не будет появляться в ваших каналах социальных сетей.
И, наконец, опция «Защищенный паролем» позволит вам поделиться постом с выбранной аудиторией. Только люди с паролем на пост будут в состоянии просмотреть его.
Опубликовать
Чтобы установить время публикации сообщения:
- Нажмите на ссылку, которая показывает дату и время, на правой стороне боковой панели. Появятся всплывающее меню с датой и настройки времени (Изображение 3).
- Выберите желаемую дату и время из выпадающего меню.
Настройки публикации полезны, если вы хотите опубликовать сообщение или страницу в определенное время. Вместо публикации сразу же, этот параметр позволяет запланировать время и дату публикации по вашему выбору.
Прикрепить наверх блога
Чтобы сделать запись «липкой», просто поставьте галочку напротив «Прикрепить наверх блога» поля текста на боковой панели (Изображение 4).
Не знаете, что такое липкий пост? Это пост, который размещается в верхней части страницы сообщений, так что он всегда появляется первым, не независимо от того, когда он был опубликован.
Эта опция применяется только к сообщениям в блоге. Сообщения блога в WordPress отображаются в обратном хронологическом порядке. То есть появляются последние посты первыми. Как следствие, некоторые из ваших ценных старых постов могут потеряться из виду.
Как только вы чувствуете, что пост потерял актуальность, вы можете отменить настройку с помощью снятия отметки с «Липкий» в верхней части окна блога.
После этого сообщение вернётся на своё хронологическое место. Способ появления «липкого сообщения» на сайте будет зависеть от темы, которую вы используете.
Ожидает рассмотрения
С настройкой «Ожидает одобрения» вы можете сохранить сообщение в ожидании вместо черновика. В чем разница?
Обычно, это может быть параметр, используемый участниками. Например, вы можете иметь сайт, где несколько человек пишут сообщения.
В этом случае вы можете назначить каждому человеку роль участника. Роль участника означает, что они не будут иметь возможность публиковать свои собственные сообщения.
Вместо этого их сообщения сначала должны быть одобрены и рассмотрены другими пользователями с издательскими правами. Вы узнаете больше о ролях пользователей и как управлять ими в модуле 6.
Как только вы выберете эту опцию, вы также сможете увидеть статус сообщения на экране обзора сообщений ( Изображение 6).
Отправить в корзину
На вкладке состояния и видимости также есть «Отправить в корзину». Нажатие на эту кнопку удалит сообщение.
Ревизии
Изменения в посте происходят часто. Отличный способ отслеживать все изменения перейти в настройки «Ревизии» на боковой панели. Нажав на вкладку «Ревизии» открывает новый экран (Изображение 7).
Как показано на изображении 7, в левой части экрана красным цветом показаны старые и измененная версия. Справа, зеленым цветом – версия сообщения после сделанных изменений. В верхней средней части экрана находится ползунок (1).
Вы можете перемещать ползунок влево и вправо, чтобы увидеть разные ревизии. В каждой ревизии вы можете увидеть, какой пользователь внес изменения, и увидеть время и дату изменения (2).
Кроме того, вы можете выбрать восстановление предыдущей версии с кнопкой «Восстановить эту редакцию» (3).