Help
Картинки. Подготовка картинок.
Для того чтобы картинки на сайте отображались корректно и выглядели одинаковыми по размеру при увеличенном просмотре, надо предварительно их подготовить.
размеры картинок:
верт. 3/4 или 600/800
гориз. 8/5 или 1000/625
- для миниатюр (картинки для заголовков статей) — размер 150*150 пикс. или 300*300 рикс.
- для блоков преимущества на главной — размер 426*213 пикс. (или не меньше, но с пропорцией сторон 2:1)
- для картинок в тексте страниц — размер 1000*625 пикс.
Вставка картинок.
Вставка картинок в блоки «преимущества» на главной.
Тексты и картинки для блоков «преимущества» находятся в записях рубрики «Блоки на главной». Чтобы поменять картинку надо:
- Открыть соответсвующую запись на редактирование (например «Любые объемы»).
- Справа в блоке «Миниатюра записи» нажать ссылку «задать миниатюру» (или если миниатюра уже есть, то сначала нажать «удалить миниатюру»)
- Выбрать в открывшемся окне нужную миниатюру (или если ее еще нет, то загрузить ее с Вашего компьютера) и нажать кнопку «вставить миниатюру».
- Все.
В режиме редактирования записи можно исправить заголовок и текст.
После редактирования записи не забыть нажать кнопку «Обновить» для сохранения изменения произведенных в Записи.
Вставка картинок товаров.
Описание товаров и картинки хранятся в записях, сгруппированных в рубрики (например рубрика «Асфальт», «Щебень» и т.д.). Картинка товара должна быть размером 1000*625 пикс.
Для изменения текста описания и картинки надо открыть нужную запись на редактирование. Добавление или смена картинки происходит в блоке «Миниатюра записи» (справа внизу).
Для добавления надо нажать ссылку «задать миниатюру» (или если миниатюра уже есть, то сначала нажать «удалить миниатюру»). А потом выбрать нужную картинку товара.
После редактирования записи не забыть нажать кнопку «Обновить» для сохранения изменения произведенных в Записи.
Вставка картинок на текстовые страницы.
Речь идет о вставке картинок на страницы «Асфальтирование», «Благоустройство территории» и т.д. из блока «Наши услуги» и на страницы статей.
Картинка должна быть размером 1000*625 пикс.
Чтобы вставить картинку надо сделать следующее:
- Открыть на редактирование нужную «страницу» или «запись».
- Поставить курсор в начало текстового абзаца, в который будем вставлять картинку.
- Наживаем кнопку «Добавить медиафайл». Открывается окно с картинками.
- Выбираем нужную картинку, если ее нет, то загружаем ее с компьютера через вкладку «загрузить файлы» и тоже выберите.
- Справа внизу выберите «размер» картинки: Миниатюра, Средний или большой.
- Если нужен размер в 1/4 ширины текстового поля, то выбираем размер «миниатюра». Если нужен размер в 1/3 ширины поля, то выбираем — «средний». Если размер 1/2 экрана, то выбираем — «большой». И нажимаем кнопку «Вставить в страницу».
- Теперь картинка на странице, но ее нужно правильно расположить. Кликаем по картинке, появляется меню, выбираем положение картинки (справа, по центру или слева). Картинка переместится соответствующим образом.
- Теперь делаем дополнительные настройки. Кликаем по картинке, в появившемся меню, выбираем «карандаш», появляется окно «параметры изображения». Теперь делаем настройки в этом окне.
- В поле «размер» выбираем значение «произвольный» и удаляем значение «ширина» и «высота» (чтобы не поле было вообще пустым).
- Если мы хотим, чтобы картинка увеличивалась при клике на нее, то в поле «ссылка» выбираем значение «медиафайл». Если увеличение не нужно, то это поле не трогаем.
- Находим поле «CSS-класс изображения», здесь надо с клавиатуры внести определенные значения. Если размер картинки был выбран на 1/4 текстового поля, то в «CSS-класс изображения» пишем «b4» (без кавычек). Если размер картинки на 1/3, то пишем «b3«, если размер 1/2, то пишем «b2«.
- Нажимаем кнопку «обновить» (справа, внизу). Все картинка вставилась.
Внимание!!! При повторном редактировании уже настроенной картинки, нужно опять очищать поля «ширина» и «высота».
После всех манипуляций с картинками надо обязательно нажать кнопку «Обновить» на самой странице. А чтобы изменения стали видны на сайте надо открыть нужную страницу и нажать клавишу F5.