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

Идеально для копирайтеров, у которых сайт на WordPress и которые пользуются Google Chrome, Firefox и Opera

Здравствуйте, уважаемые коллеги!

Размещение портфолио на сайте копирайтера – та ещё загвоздка. То один плагин не подходит, то другой, то программы для скриншотов с прокруткой не функционируют как надо. Сам знаю.

Сейчас всё будет. И программа для скриншотов с прокруткой, и плагин рабочий, и увеличение скриншотов в портфолио.

Нам понадобится:

• Расширение для Google – FireShot. Это же расширение есть и для других браузеров — Opera и Firefox — но я работаю с Google Chrome, поэтому писал статью применительно для этого браузера;
• Сайт на WordPress;
• Плагин Image Zoom.

Часть 1. Устанавливаем расширение FireShot, чтобы делать скриншоты экрана с прокруткой

Идём в левую верхнюю часть экрана в браузере Google Chrome

Настройки Гугл Хром. Вам туда

Щёлкаем «Дополнительные инструменты», далее «Расширения»

Дополнительные инструменты — расширения

Пролистываем страницу до низа, там будет «Ещё расширения». Щелкаем туда

То, что вам нужно — в самом низу

В новом окошке щёлкаем «Расширения», в поле ввода пишем «FireShot». Щёлкаем Enter

Сначала выберите «Расширения», потом впишите «FireShot»

Вот и появилось то, что нам надо. Щёлкаем на синюю кнопку «Установить». Далее пройдёт несколько автоматических операций, вам ничего делать не надо.

Щёлкните «установить»

Ну вот и всё, Fire Shot у вас теперь есть. Это расширение делает скриншоты любой – ну, или почти любой – длины. Всё моё портфолио сделано с помощью этой функции. Так что всё работает отлично, Google и я гарантируем это!

Расширение появится в левой верхней части экрана браузера. Я пользуюсь функцией «Захватить элемент/регион» и «сохранить».

«Захватить элемент/регион» и «сохранить»

Вот так легко и просто можно сделать скриншот всего экрана с прокруткой. И программа специальная не понадобилась, Fire Shot всё делает на 5+.

Часть 2. Ставим плагин Image Zoom на сайт WordPress

Идём в админку своего сайта и щёлкаем «Плагины» и «Добавить новый»

В админке вашего сайта

В поле поиска пишем «Image Zoom»

Ищем плагин Image Zoom

Вот этот самый нужный нам плагин. У меня он уже установлен, поэтому кнопка «Установить» у меня не работает. Но у Вас она будет выглядеть как «Установить». Щёлкайте смело!

Устанавливаем Image Zoom

После того, как плагин установится, щёлкайте «Активировать плагин».

Итак, плагин теперь есть. Всего один шаг остался до того, как вы сможете размещать скриншоты своих статей в портфолио.

Часть 3. Как сделать, чтобы скриншоты портфолио увеличивались по щелчку мышки?

Да, установить плагин – это ещё не всё. Есть одна хитрость, и сейчас вы узнаете её.

Итак, создаём новую страницу.

Создаёт страницу в WordPress. Это нужно, чтобы протестировать плагин

Добавляем медиафайл – то самое изображение, скриншот вашей статьи, которое надо разместить.

Добавляем медиафайл

Загружаем нужный файл с компьютера

Загружаем нужный файл с компьютера

Когда он загрузится, в колонке слева вы увидите адрес, где расположен этот скриншот.

Адрес загруженного скриншота или другой картинки

Скопируйте его.

Скопируйте адрес, где размещён скриншот

Потом щёлкайте «Вставить в страницу».

Вставьте скриншот в страницу

Теперь щёлкайте «Изменить» как на картинке.

Нажмите «изменить»

И вот самое хитрое место. Вы увидите окно как на следующем изображении. Щёлкайте «Произвольный URL» как на картинке.

Нажимайте на кнопку «Произвольный URL» как показано на изображении

И вот, в открывшееся поле вставляйте тот адрес, который вы скопировали раньше. Адрес, где расположена нужная иллюстрация.

Нужно вставить тот адрес, который вы скопировали. Без этого скриншоты не будут увеличиваться

Ну, вот и всё. Теперь можно щёлкнуть «Опубликовать» или «Обновить» и в открывшейся странице проверить, действительно ли увеличиваются скриншоты.

Опубликуйте или просмотрите страницу. Там вы сможете проверить, увеличивается скриншот или нет.

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

Хорошая статья, полезная? Поделитесь в соцсетях с помощью кнопок слева! Мне нужны поведенческие факторы)

Пишите в комментариях, если что-то непонятно или не получилось. Вместе мы точно разберёмся!