Как увеличить изображения картинок на сайте за 5 шагов — Albert Sheng

Как увеличить изображения картинок на сайте за 5 шагов

Как увеличить изображения картинок на сайте за 5 шагов

Плагин для увеличения изображения картинок FancyBox for WordPress.

1 Kak uvelichit' izobrazhenija kartinok na sajte za 5 shagovДля того чтобы увеличить изображение картинок на сайте в тексте, на странице продажи или галерее фотографий существует очень простой и легкий в использовании  плагин FancyBox for WordPress . Он удобен при установке и настройке. Позволяет посетителям сайта удобно увеличивать и просматривать картинки оставаясь странице вашего сайта.

.


Основные причины воспользоваться это программой:

1. Когда картинка увеличивается, в верхнем правом углу появляется крестик. Поэтому посетителю сайта очень просто понять, как закрыть  картинку и вернуться на страницу. 

Есть ещё несколько способов для закрытия увеличенной картинки:

  • С помощью кнопки Esc;
  • Нажать на увеличенную картинку ;
  • Кликнуть на свободное поле рядом с картинкой;
  • Нажать на крестик в углу слева (можно настроить размещение ещё и справа, и внизу);

2. Когда вы нажимаете на фотографию или рисунок – то размеры начинают меняться  медленно, что очень впечатляет;

3.  Настраиваемый цвет фона и его прозрачность;

4.  Если на странице есть ещё картинки, можно по очереди просмотреть все картинки на странице в одном окне;

5. Имеется большое количество настроек для изменения открывающихся картинок, например: размеры открывающегося окна и картинки, место расположения, прокрутка увеличенной галереи с помощью колёсика мышки.

Как установить плагин

Есть три способа: простой, профессиональный (специально для технорей загружаете папку на свой компьютер, потом устанавливаете на сайт) и для программистов (когда вы сами пишите скрипты).

Для начала давайте воспользуемся простым способом.

Простой способ

Плагин устанавливается, как и все плагигы для WordPress через панель администратора сайта в разделе «Плагины»

Шаг 1: Заходите в админку сайта www.ваш_сайт/wp-login.php

Шаг 2: Находите строку Плагины. Нажимаете добавить новый.

1 Как увеличить картинку при нажатии 1.1 Как увеличить картинку при нажатии окно плагины

.

Шаг 3: В открывшемся окне, в строке Поиск вводите FancyBox for WordPress и нажимаете Enter.

шаг 3 Как увеличить изображения картинок на сайте за 5 шагов 2 Как увеличить картинку при нажатии

. 

Шаг 4: Выберите плагин FancyBox for WordPress и нажмите «Установить».

шаг 4 Как увеличить изображения картинок на сайте за 5 шагов 3 Как увеличить изображения картинок на сайте за 5 шагов

.

Шаг 5: Проходит несколько десятков секунд установки. И вы активируете плагин.

шаг 5 Как увеличить изображения картинок на сайте за 5 шагов

.

Всё! Ваши картинки увеличиваются. О чем вы смогли убедиться на картинках в этой статье.

5 Как увеличить изображения картинок на сайте за 5 шагов

Множество настроек

Плагин имеет широкий набор настроек, которые вы можете изменить на свой вкус в Settings.

  • Можно поменять размер открывающегося окна;
  • вы можете изменить фон, на котором отображается увеличенное изображение;
  • можно поменять расположение крестика на картинке;
  • можно … познакомьтесь с настройками, они вас обязательно удивят!

Но предустановленные стандартные настройки, думаю, удовлетворят вас, так гармоничны для любого сайта.

6 Как увеличить изображения картинок на сайте за 5 шагов

Правда, вся информация на английском языке, но при желании,  можно перевести его переводчиком от Google. Не совсем точно, но пользоваться можно. Для этого нужно нажать правую кнопку мышки и вы выбрать «Перевести на русский». 

Если всё-таки решите начать подстройку плагина под себя, можно включить функцию «Закрыть увеличенный размер, кликнув на картинку». Для этого зайдите в Настройки, нажмите на FancyBox for WP, на открывшейся странице зайдите в закладку Behaviour и поставьте галочку в строке Close on Content Click .

7 настрока плагина для увеличения изображения картинок FancyBox for WordPress 8 Закрытие по клику на картинку FancyBox for WordPress

А теперь наслаждайтесь работой плагина на вашем сайте. ;)) 

©Альберт Шень

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *