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.