Как изменить свое фото на сайте на другое

Как изменить картинку на сайте при определенном разрешении?

Необходимо, чтобы при мобильном разрешении была одна картинка, а при десктопном разрешении — другая. Как это можно осуществить?

3 ответа 3

Медиа-запрос
Допустим, по дефолту имеем background-image:url(«images/main.png»); И определяем медиа-запрос для девайсов с разрешением от 320 до 500 пикселей:

Если нужно, чтобы менялась именно содержательная картинка(вставленная с помощью тега img в ваш html — алгоритм тот же, только у вас должно быть две картинки, допустим одна имеет класс mobile-img , вторая соответственно main-img . И получаете что-то вроде вот такого css

Смотрите в сторону атрибутов srcset, sizes у элемента img или используйте возможности элемента picture. Элемент picture имеет более «продвинутые» возможности.

Можно не только изменять (увеличивать или уменьшать) фактический размер картинки при различных плотностях или разрешения экрана устройства, но, например, отобразить вместо альбомной картинки — картинку портретной ориентации, что порой бывает полезно при создании адаптивного/отзывчивого сайта или приложения.

КАК ИЗМЕНИТЬ КС ГО ДО НЕУЗНАВАЕМОСТИ // КАК ИЗМЕНИТЬ CS:GO // КАК ПОМЕНЯТЬ ШРИФТ И ФОН В КС ГО

Поддержка браузерами srcset и picture.

Но там где возможно, например для логотипа, лучше использовать векторный формат изображений — SVG. Формат широко поддерживается браузерами.

Как сделать чтобы слово было ссылкой на сайт
Источник

Как поменять фото в профиле на данном сайте?

Не могу поменять фото в профиле на сайте Большой вопрос.

Для того, чтобы поменять фото в профиле нужно:

  • в теле Вашего ника вверху справа нажать на серый треугольник,
  • в выпавшем списке выбрать раздел «Настройки»,
  • опуститься вниз страницы до раздела «Загрузить свой аватар» и удалить старое фото,
  • нажать на кнопку «Выбрать файл» (нажимайте курсором на верхний правый угол иначе может не открыться) ползунком найти нужный файл, выделить его и открыть,
  • нажать «Загрузить»,
  • нажать кнопку «Сохранить» (она находится чуть выше раздела «Загрузить аватар»).

Если всё сделаете правильно вверху страницы будет надпись: «Изменения успешно сохранены».

Источник

Как поменять картинку в WordPress

Сегодня довольно простая тема, правильной замены картинки на сайте WordPress с сохранением всех ссылок на эту картинку.

Как поменять картинку в WordPress

Техника замены картинок на сайте WordPress важна в контексте сохранения ссылок на картинку в материалах сайта.

Как изменить размер (разрешение) картинки в paint

По умолчанию, в общих настройках «Медиабиблиотека», размещение медиафайлов задано в папках по году и месяцу (об этом читать в статье Настройки WordPress после установки). Если вы не меняли эти настройки, то вы не можете удалить из библиотеки файл и заменить его другим с таким же названием. У нового файла будет другая ссылка по папке размещения.

Например, был файл wp-content/uploads/12/2018/foto-1.jpg , а станет wp-content/uploads/02/2019/foto-1.jpg . Как результат картинка пропадет из-за всех материалов сайта. Более того вы даже НЕ можете загрузить по FTP с заменой новые одноименные файлы, они не прикрепятся к материалам размещения.

Почему? Потому что система при загрузке фото из оригинала делает несколько копий в разных размерах, которые вы задаете в общих настройках медиабиблиотеки. Так, где же выход, и как правильно поменять картинку в WordPress?

Как закрывать Яндекс почту

Как правильно поменять картинку на WordPress

Без использования плагинов, корректно поменять картинку в WordPress сайте, можно только из материала, в который вы картинку (медиафайл) добавили.

Для замены картинки в статье (странице) вам нужно открыть материал в редакторе (ссылка «Редактировать на сайте» или «Изменить» на вкладке «Материалы»).

Далее, нажать на сменяемую картинку, и выбрать появившийся значок редактора – Удалить. В этом случае картина удалиться из статьи, но не удалиться из библиотеки. После удаления картинки из статьи, нужно заменить её новой, стандартной вставкой картинки в статью.

удаление картинки из статьи

Если вы из редактора хотите удалить картинку не только из статьи, но и из библиотеки, вам нужно:

  • Для удобства, поместить курсор над сменяемой картинкой, в новом параграфе;
  • Нажать на кнопку «Добавить Медиафайл». Открыть библиотеку;
  • Фильтром выбрать «Фото этой статьи»;
  • Найти сменяемую картинку и в правой части экрана, нажать красную ссылку «Удалить навсегда»;
  • После этого, сразу вставить в статью новую картинку.

Как поменять картинку в WordPress

Удалить картинку навсегда

Удалить картинку навсегда из библиотеки

Повторюсь, удалить картинку из медиабиблиотеки вы можете, но заменить картинку одноименной из библиотеки у вас не получиться.

Более простой вариант

Если вы используете плагин WooCommrece (электронная торговля), то кнопка «Заменить» для фото появится в обоих редакторах (старом TinyMCE и новом Gutenberg). Её легко найти, если вызвать картинку в материалы для редактирования.

кнопка заменить картинку

поменять картинку в WordPress заменой

Чтобы заменить картинку в материалах сайта, нажмите на кнопку «Заменить», она переведет вас в библиотеку. Там выберете новую картинку из библиотеки или загрузите новую картинку. И нажав кнопку «Заменить», поменяйте картинку в статье (на странице).

Плагин авто подмены картинок

Описанный вариант замены картинок может кому-то показаться долгим, особенно если менять придётся массу картинок.

Как узнать адрес электронной почты paypal

Работать из библиотеки удобнее, чем открывать каждую статью. Для таких целей есть специальный плагин, позволяющий менять картинку в материалах из библиотеки. Называется этот плагин: Enable Media Replace. Вот это страница в архиве: https://ru.wordpress.org/plugins/enable-media-replace/ .

Это бесплатный, очень простой в использовании плагин. Он позволит вам заменить изображение или файл медибиблиотеки, загрузив на его место новый файл. Вам больше не нужно заходить в статью для удаления, переименования и повторной загрузки файлов.

После установки плагина появится кнопка «Заменить», как в редакторе материалов, так и в списке медиафайлов в Медиабиблиотеки. Фото выше, как и на WooCommerce.

Вывод

Теперь вы знаете, как поменять картинку в WordPress. Обычно менять картинки в статьях приходится крайне редко. Сделать это вручную, без плагина нес ложно. Однако актуальность массовой замены картинок возникает при переносе сайта на другой домен. В этом случае плагин вам поможет.

Источник

Как менять фото на сайте

82425c7e371964b54936799c0908aa77.png

а тут ищешь свои картиночки и рисуешь их в шотожопе, или чего вы там с ними будете делать.

#3 September

Как называется шаблон?

#4 gravestal

Как называется шаблон?

#5 Mashka

#6 gravestal

Я же вроде говорил что помогу, но ты не захотел(а) что бы я помог. Теперь только жди когда знатоки распишут, и то не вариант.

#7 Mashka

идете по пути: корневой каталог/templates/шаблон/images

а тут ищешь свои картиночки и рисуешь их в шотожопе, или чего вы там с ними будете делать.

Ну а потом как их выставить на сайт?

Я же вроде говорил что помогу, но ты не захотел(а) что бы я помог. Теперь только жди когда знатоки распишут, и то не вариант.

Как записать свой сайт на диск

Ты мне и не предлагал

#8 gravestal

Ну а потом как их выставить на сайт?

Ты мне и не предлагал

#9 Mashka

помоги я не понимаю просто

#10 smile7k

Ну а потом как их выставить на сайт?

Ты мне и не предлагал

#11 Mashka

Просто если файл называется image.png
То сохраняете его в том де формате и обратно заливаете на сайт

Я залила а найти уже его немогу

#12 smile7k

Я залила а найти уже его немогу

Заливали туда откуда и взяли?

#13 Mashka

Заливали туда откуда и взяли?

#14 Ghost xD

Если все сделала, заменила файл, а на сайте остался тот же, попробуй очистить кэш в браузере.

#15 smile7k

Я полагаю это ваш сайт? goldenmats.ru

Картинка лежит по адресу:

далее вы находите её по указанному пути, скачиваете/изменяете, заливаете обратно

главное оставьте то же название, что и было изначально(logotype), а так же оставьте расширение файла тем же(.png)

После заливаете картинку обратно, жмете в браузере обновить(или кнопка F5), если картинка не появилась, обновите с помощью комбинации(ctrl + F5)

Источник
Рейтинг
Загрузка ...