«
»
WEBWordPressПолезные сайты

Как создать красивое изображение для записей и страниц в WordPress (даже если вы не дизайнер)

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

Canva проста в использовании, даже если у вас нет дизайнерских навыков. И как только вы запустите процесс, вы сможете создавать хорошо продуманные изображения на удивление быстро.

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

Что такое

Canva?

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

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

Вы можете использовать любой из множества готовых шаблонов или создать свой собственный дизайн с нуля.

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

Шаг 1. Создайте изображение Canva с пользовательскими размерами

После того, как вы зарегистрировали учетную запись Canva, вам нужно создать изображение с точными размерами для вашей темы блога. Canva немного скрывает эту функцию – но просто посмотрите в верхний правый угол и нажмите кнопку:

шаг 1

Шаг 2: Выберите фоновое изображение

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

  • Unsplash – Unsplash – мой самый любимый. Они обеспечивают красивые фотографии с высоким разрешением, которые делают идеальный фон. Все качественно. Но они не предлагают огромный выбор. Так что если вам нужно что-то конкретное, это может быть трудно найти.
  • Pixabay – Pixabay позволяет искать более 670 000 бесплатных изображений. В отличие от Unsplash, вам придется копаться в большом количестве изображений низкого качества, чтобы найти то, что вы хотите. Но он также имеет гораздо больше разнообразия и доступен для поиска,
  • Canva – Canva включает в себя собственный поиск изображений. Я не думаю, что это так же хорошо, как предыдущие два, но это самый простой способ добавить изображения в ваш дизайн Canva. Кроме того, многие изображения на Canva будут стоить $ 1,00 – свободный выбор ограничен.

Перейдите на один из сайтов и выберите изображение, которое вы хотите. Если вы используете Unsplash или Pixabay, вам необходимо загрузить изображение, а затем загрузить его в Canva.

Для этого примера я буду использовать эту красивую картинку из Unsplash:

unsplash image-small

И тогда я загружу это в Canva:

шаг 2

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

Шаг 3: стиль вашего фонового изображения

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

Чтобы сделать текст всплывающим , есть два способа, которыми мне нравится стилизовать фоновые изображения:

  • Прозрачные цветные накладки
  • Фильтры, которые затемняют изображение

Вот как выглядит наложение цвета на выбранное мной фоновое изображение:

шаг 3

Чтобы добавить наложение цвета, вам нужно добавить квадратную форму, которая соответствует точным размерам вашего изображения. Вы можете добавить квадратную форму, перейдя в «Элементы» → «Фигуры». Перетащите квадрат и измените его размер, чтобы он соответствовал вашему холсту.

Затем, добавив эту форму, выберите любой цвет и сделайте его прозрачным, нажав на стрелку вниз:

step_4

Другим вариантом является использование вашего внутреннего Instagram и применение фильтра к вашему изображению. Для этого нажмите на фоновое изображение и выберите опцию фильтра. Вы можете выбрать один из предустановленных фильтров Canva или сделать свой собственный:

шаг 5

Шаг 4: Добавьте свой текст

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

Canva включает в себя множество пользовательских опций, но также может быть интересно поиграть со своими шрифтами самостоятельно:

step_6

Если вы можете редактировать текст в Word, вы сможете обрабатывать текст в Canva. После небольшой игры, вот что я придумала (видите, насколько я люблю белый?):

шаг 7

Примечание. Если ваша тема автоматически накладывает текст на избранные изображения (как это делает WPLift), вам может даже не понадобиться добавлять собственный текст.

Шаг 5: Добавить элементы (при желании)

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

Я искал вокруг и нашел логотип WordPress как бесплатный элемент. Хммм – разве это не здорово было бы добавить? Давай сделаем это:

шаг 9

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

Шаг 6: Скачать и опубликовать

Когда вы будете довольны добавленными вами элементами, вы готовы загрузить свое рекомендуемое изображение и поделиться им на своем сайте WordPress. Для этого просто нажмите «Скачать» в правом верхнем углу и выберите нужный формат:

шаг 91

Canva предоставит вам ZIP-файл, содержащий ваш дизайн. Затем вы можете загрузить его прямо в WordPress, чтобы установить в качестве избранного изображения.

Результат

Итак, после прохождения вышеописанного процесса, вот мой конечный продукт:

1

Это заняло у меня меньше 10 минут и выглядит на удивление профессионально.

Как только вы освоите Canva, вы сможете так же быстро создавать изображения. Это отличный способ повысить профессионализм вашего блога и сделать так, чтобы читатели могли делиться изображением с вашим постом, когда они делятся в Twitter или Facebook.

Твой ход:

Есть ли у вас какие-либо предложения для бесплатных источников изображений? Использовать другой инструмент для создания изображений? Хочешь сказать что-то плохое о моих дизайнерских навыках ? Дай мне знать в комментариях.

Источник записи: https://wplift.com

Связанные записи
WordPressПлагины

Полный обзор лучших плагинов для календаря бронирования в WordPress

ElementorWordPressВсе для разработки плагиновПлагины

Создание пользовательских виджетов Elementor - правильный путь! | Бен Маршалл

WordPressПлагины

Swift Performance - Рекомендуемые настройки производительности | Полное руководство 2020

WordPressВсе для разработки плагиновВсе для разработки шаблонов

Настройка PHP CodeSniffer в PhpStorm с помощью стандартов кодирования WordPress | Келлен Мейс