Пошаговая инструкция: как сделать портфолио копирайтера, как делать скриншоты со своих статей и как разместить их в WordPress так, чтобы они увеличивались по щелчку мыши
Содержание статьи
- 1 Пошаговая инструкция: как сделать портфолио копирайтера, как делать скриншоты со своих статей и как разместить их в WordPress так, чтобы они увеличивались по щелчку мыши
- 2 Часть 1. Устанавливаем расширение FireShot, чтобы делать скриншоты экрана с прокруткой
- 3 Часть 2. Ставим плагин Image Zoom на сайт WordPress
- 4 Часть 3. Как сделать, чтобы скриншоты портфолио увеличивались по щелчку мышки?
Идеально для копирайтеров, у которых сайт на WordPress и которые пользуются Google Chrome, Firefox и Opera
Здравствуйте, уважаемые коллеги!
Размещение портфолио на сайте копирайтера – та ещё загвоздка. То один плагин не подходит, то другой, то программы для скриншотов с прокруткой не функционируют как надо. Сам знаю.
Сейчас всё будет. И программа для скриншотов с прокруткой, и плагин рабочий, и увеличение скриншотов в портфолио.
Нам понадобится:
- Расширение для Google – FireShot. Это же расширение есть и для других браузеров — Opera и Firefox — но я работаю с Google Chrome, поэтому писал статью применительно для этого браузера;
- Сайт на WordPress;
- Плагин Image Zoom.
Часть 1. Устанавливаем расширение FireShot, чтобы делать скриншоты экрана с прокруткой
Идём в левую верхнюю часть экрана в браузере Google Chrome
Щёлкаем «Дополнительные инструменты», далее «Расширения»
Пролистываем страницу до низа, там будет «Ещё расширения». Щелкаем туда
В новом окошке щёлкаем «Расширения», в поле ввода пишем «FireShot». Щёлкаем Enter
Вот и появилось то, что нам надо. Щёлкаем на синюю кнопку «Установить». Далее пройдёт несколько автоматических операций, вам ничего делать не надо.
Ну вот и всё, Fire Shot у вас теперь есть. Это расширение делает скриншоты любой – ну, или почти любой – длины. Всё моё портфолио сделано с помощью этой функции. Так что всё работает отлично, Google и я гарантируем это!
Расширение появится в левой верхней части экрана браузера. Я пользуюсь функцией «Захватить элемент/регион» и «сохранить».
Вот так легко и просто можно сделать скриншот всего экрана с прокруткой. И программа специальная не понадобилась, Fire Shot всё делает на 5+.
Часть 2. Ставим плагин Image Zoom на сайт WordPress
Идём в админку своего сайта и щёлкаем «Плагины» и «Добавить новый»
В поле поиска пишем «Image Zoom»
Вот этот самый нужный нам плагин. У меня он уже установлен, поэтому кнопка «Установить» у меня не работает. Но у Вас она будет выглядеть как «Установить». Щёлкайте смело!
После того, как плагин установится, щёлкайте «Активировать плагин».
Итак, плагин теперь есть. Всего один шаг остался до того, как вы сможете размещать скриншоты своих статей в портфолио.
Часть 3. Как сделать, чтобы скриншоты портфолио увеличивались по щелчку мышки?
Да, установить плагин – это ещё не всё. Есть одна хитрость, и сейчас вы узнаете её.
Итак, создаём новую страницу.
Добавляем медиафайл – то самое изображение, скриншот вашей статьи, которое надо разместить.
Загружаем нужный файл с компьютера
Когда он загрузится, в колонке слева вы увидите адрес, где расположен этот скриншот.
Скопируйте его.
Потом щёлкайте «Вставить в страницу».
Теперь щёлкайте «Изменить» как на картинке.
И вот самое хитрое место. Вы увидите окно как на следующем изображении. Щёлкайте «Произвольный URL» как на картинке.
И вот, в открывшееся поле вставляйте тот адрес, который вы скопировали раньше. Адрес, где расположена нужная иллюстрация.
Ну, вот и всё. Теперь можно щёлкнуть «Опубликовать» или «Обновить» и в открывшейся странице проверить, действительно ли увеличиваются скриншоты.
Теперь вы знаете, как сделать скриншот экрана с прокруткой, какой нужен плагин для портфолио, как сделать, чтобы скриншоты увеличивались на странице сайта.
Хорошая статья, полезная? Поделитесь в соцсетях с помощью кнопок слева! Мне нужны поведенческие факторы)
Пишите в комментариях, если что-то непонятно или не получилось. Вместе мы точно разберёмся!
Свежие комментарии