ЭНЦИКЛОПЕДИЯ СОВРЕМЕННОГО САЙТОСТРОЕНИЯ

Joomla 3. Как добавить изображения в статьи?

Тема в разделе "Инструкции", создана пользователем Jonny, 28 ноя 2015.

  1. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Инструкция о том, как добавить изображения в статьи Джумла 3.

    1. Переходим в менеджер материалов в административной панели Joomla 3:
    upload_2015-11-28_13-47-56.png
     
    #1
    xekxek нравится это.
  2. Загрузка...
  3. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    2. Открываем статью для редактирования:
    upload_2015-11-28_13-49-54.png
     
    #2
    xekxek нравится это.
  4. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    3. Ставим курсор в позицию, куда будем вставлять фото:
    upload_2015-11-28_13-51-20.png
     
    #3
    xekxek нравится это.
  5. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    4. Жмём кнопку изображение:
    upload_2015-11-28_13-52-19.png
     
    #4
    xekxek нравится это.
  6. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    5. Переходим в каталог, куда ранее загрузили фото:
    upload_2015-11-28_13-53-34.png
     
    #5
    xekxek нравится это.
  7. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    6. Выбираем изображение (1), Выбираем выравнивание влево (2), Жмём кнопку вставить (3):
    upload_2015-11-28_13-58-3.png
     
    #6
    xekxek нравится это.
  8. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    7. Повторяем пункты 4, 5, 6 столько раз, сколько у вас изображений.
     
    #7
    xekxek нравится это.
  9. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    8. Если не хотим заниматься мартышкиным трудом и повторять одно и тоже много раз делаем проще - переходим в просмотр кода страницы, кнопка "выключить редактор":
    upload_2015-11-28_14-1-57.png
     
    #8
  10. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    9. Копируем строчку
    Код:
    <p> <img class="pull-left" src="images/img/Bloki/1.jpg" alt="" /></p>
    столько раз, сколько у вас фото в каталоге, меняя название файла.

    Результат:
    upload_2015-11-28_14-4-57.png
     
    #9
    xekxek нравится это.
  11. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    10. Жмём кнопку "сохранить".
    upload_2015-11-28_14-5-59.png
     
    #10
  12. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    11. Очищаем кеш в админке Joomla, а затем в браузере.
    upload_2015-11-28_14-7-22.png
     
    #11
    xekxek нравится это.
  13. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    12. Переходим на лицевую часть сайта и смотрим результат.
     
    #12
    xekxek нравится это.
  14. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    #13
    xekxek нравится это.
  15. xekxek

    xekxek Пользователь

    Сообщения:
    14
    Рейтинг:
    14
    Привет! Спасибки! Да, действительно, проще папку перенести (для добавления фото в будущем)
     
    #14
    Jonny нравится это.
  16. xekxek

    xekxek Пользователь

    Сообщения:
    14
    Рейтинг:
    14
    ну наконец то))) сначала не получалось(фото добавлять) потому что пытался добавить через верхнее меню))) а нужно было через нижнее (меню добавить фото)
    на видео это видно))) Спасибо.
     
    #15
  17. xekxek

    xekxek Пользователь

    Сообщения:
    14
    Рейтинг:
    14
    А размер фото как выбирать?(если нужно в новой статьи закинуть фото)
     
    #16
  18. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    В данном случае на сайте стоит плагин smartresizer.
    Это значит, что если ты загружаешь фото в статью, то на лицевой панели фото будет автоматически ресайзиться до заданного размера (для экономии трафика). В данном случаем этот плагин ресайзит фото до ширины в 800 пикселей (в ширину страницы).

    P.s. Ширину ресайза можно сделать любой.
     
    Последнее редактирование: 1 дек 2015
    #17
  19. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Примеры. Плагин smartresizer, вписывает фото во всю ширину страницы:
    upload_2015-11-30_9-29-8.png
     
    #18
  20. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Примеры. Плагин smartresizer, вписывает фото в ширину в 228px: upload_2015-11-30_9-30-28.png
     
    #19
    xekxek нравится это.
  21. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Кроме того, для каждого фото в статье можно задать тег исключения и данное фото не будет уменьшено автоматически и его размеры можно будет прописать в свойствах фото. Но это не очень хорошее решение, т.к. большое фото, например, будет отображаться маленьким, а вес его будет по прежнему большим.
     
    #20
    xekxek нравится это.
  22. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Таким образом размер фото выбирать не обязательно. Просто при редактировании статьи вставляешь изображение в текст (важно! надо вставлять фото только между абзацами, между тегами конец абзаца </p> и начало нового абзаца <p>, если абзацев а нужном месте - надо их создать). В расширенном редакторе это делается автоматически. В простом редакторе при правке кода это делается вручную.
     
    #21
  23. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Отличная идея делать видео инструкции. Следующая инструкция от меня будет с видео :)
     
    #22