Здравствуйте, дорогие друзья!
В предыдущей статье Вы можете прочитать : Как изменить цены, текст и описание на сайте с помощью визуального редактора, а сегодня мы рассмотрим, как поменять фото на сайте, не прибегая к помощи программиста.
Что бы было более понятно, я записал небольшое видео, а ниже пошаговая инструкция.
Видео инструкция
Прежде всего, нам надо узнать какое «имя», размер и тип файла у нашего фото на сайте. Для этого открываем инспектор кода, кликая правой кнопкой мыши по экрану и жмём «посмотреть код».
Здесь мы кликаем по фото и в инспекторе кода подсвечивается строчка с частью кода. Наводим курсор на эту подсвеченную часть и открывается окно со всей необходимой нам информацией: размер, имя, тип файла и папка, в которой находится наше фото (запоминаем/записываем).
Далее переходим в программу Фотошоп, кликаем «файл» →«создать», в открывшемся окне вписываем размеры нашего фото (в пикселях) и жмём «Ok».
Берём новое фото и вставляем во вновь созданный файл (или просто перетаскиваем). Передвигая за ползунки, подгоняем новое фото под нужный размер. Кликаем «файл» →«сохранить как …» → в открывшемся окне заполняем: «Имя файла:» — вписываем «имя» старого фото, «Тип файлов:» — тип файла старого фото и «Сохранить».
Теперь переходим на свой хостинг – в файловый менеджер. Я показываю на хостинге beget (инфу о хосте можно посмотреть здесь: https://beget.com).
Находим свой домен и папку с фото, в данном случае это: «flower» →«images». В открывшемся окне выбираем: «Загрузить файлы» →«Browse…» (выбираем файл с новым фото) →«Загрузка» →«Да».
Возвращаемся на свой сайт, перегружаем (Ctrl+F5) и проверяем.
Отлично, фото заменилось на новое!
Если эта статья была полезна — буду признателен за Вашу поддержку!
Успехов Вам и Вашим проектам!
