Такие читатели, как вы, помогают поддерживать MUO. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Читать далее.

Canva — невероятно популярный инструмент для создания красивых дизайнов любого типа. Он довольно удобен для начинающих и прост в использовании. Точно так же, как вы создаете рекламные листовки или дизайны для своих социальных сетей, вы можете создать полнофункциональный веб-сайт прямо в редакторе Canva.

Вам не нужно обладать какими-либо знаниями в области программирования, чтобы создать веб-сайт с помощью Canva; Ваш сайт может быть запущен и запущен в течение нескольких минут. Хотите знать, как начать? Вот как создать личный веб-сайт на Canva.

Зачем использовать Canva для создания веб-сайта?

От Wix в WordPress, существуют сотни мощных конструкторов веб-сайтов, которые помогут вам создавать визуально привлекательные и динамичные веб-сайты, так почему стоит выбрать Canva?

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

instagram viewer

С Canva вы можете создавать красивые дизайны, будь то видео, значки, изображения или текстовые дизайны, и объединять их в потрясающий веб-сайт. Вы также можете создавайте красивые макеты этих сайтов прямо на Canva.

Готовы создать свой личный веб-сайт на Canva? Следуйте инструкциям ниже.

Шаг 1: выберите шаблон веб-сайта

Есть ли у вас Подписка на Canva Pro или вы используете бесплатную версию, вы сможете выбирать из большого списка шаблонов веб-сайтов Canva. Хотя вы можете создать свой веб-сайт без шаблона, шаблоны упрощают процесс, предоставляя вам больше времени для творчества, добавляющего гламура вашему веб-сайту.

Чтобы выбрать шаблон веб-сайта в Canva:

  1. Авторизоваться Канва и нажмите на Веб-сайты вкладку прямо под строкой поиска на главной странице Canva. Это покажет категории шаблонов веб-сайтов на выбор. Прокрутите вниз и выберите любой шаблон по вашему выбору.
  2. Кроме того, вы можете просто выполнить поиск по слову «веб-сайт» в строке поиска или сделать его более конкретным, например, «личный веб-сайт». Это должно привести вас на страницу с кураторскими шаблонами веб-сайтов. Выберите предпочитаемый шаблон, чтобы продолжить.

Шаг 2: Настройте свой шаблон

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

  1. Для многостраничного шаблона коснитесь Применить все X страницы на левой боковой панели редактора Canva, чтобы загрузить все страницы шаблона. Икс представляет количество страниц в шаблоне.
  2. Если вы предпочитаете использовать в шаблоне только определенные страницы, щелкните значок + Добавить страницу Кнопка в центре редактора, чуть ниже первой страницы шаблона. После добавления новой пустой страницы щелкните любую из страниц шаблона на левой боковой панели редактора, чтобы добавить эту конкретную страницу в свой проект.
  3. Вы не ограничены только страницами текущего шаблона. Чтобы добавить страницы из другого шаблона, создайте новую страницу в текущем проекте, найдите шаблоны, используя соответствующие ключевые слова, и добавьте страницы из этого шаблона в текущий проект веб-сайта.
  4. После добавления всех необходимых страниц щелкните любую страницу и перетащите узлы по краям, чтобы изменить размер страниц до нужного размера.

Шаг 3: Добавьте и отредактируйте новые компоненты

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

  1. Чтобы отредактировать текстовый компонент, щелкните его, введите новый текст и перетащите узлы по краям, чтобы изменить размер.
  2. Чтобы заменить изображение, нажмите на изображение и нажмите кнопку Удалить кнопку на клавиатуре. Нажмите на Загрузки или Фото на левой боковой панели редактора Canva, чтобы загрузить новое изображение или выбрать изображение из галереи Canva.
  3. Чтобы добавить значок, найдите значок в строке поиска на левой боковой панели и щелкните по нему, чтобы добавить его в проект своего веб-сайта.
  4. Чтобы добавить видео на свой сайт, нажмите кнопку Элементы на левой боковой панели, найдите видео, используя подходящее ключевое слово, и нажмите на видео, чтобы вставить его на свой веб-сайт. В качестве альтернативы вы можете использовать Загрузки вкладку, чтобы загрузить видео с вашего компьютера.

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

  1. Чтобы добавить ссылку, нажмите на любой компонент, который вы хотите связать, щелкните правой кнопкой мыши, выберите Связь во всплывающем меню и введите URL-адрес в предоставленном текстовом поле для ссылки на внешний ресурс.
  2. Чтобы добавить такие вставки, как видео YouTube, твиты или посты в Instagram, просто нажмите косую черту (/) на клавиатуре в редакторе Canva для доступа к Магия меню. Вы также можете нажать Ctrl + Е в Windows или Команда + Е на Mac для доступа к Магия меню.
  3. в Магия всплывающее меню, прокрутите вниз до Встроить и щелкните по нему. Введите URL-адрес видео YouTube, твита или поста в Instagram, который вы хотите встроить, в соответствующее поле и нажмите Входить.

Шаг 5: Последние штрихи

После того, как вы добавили все необходимые компоненты, пришло время внести последние штрихи в проект вашего веб-сайта. Вот несколько рекомендуемых завершающих шагов для вашего веб-сайта Canva:

  1. Если вы добавили новые изображения в проект своего веб-сайта, а цвета не сочетаются с веб-страницей, вы можете щелкнуть изображение правой кнопкой мыши и выбрать Применение цветов к странице чтобы смешать цвета страницы с цветом добавленного изображения.
  2. Чтобы просмотреть свой прогресс и увидеть, как ваш веб-сайт будет выглядеть после публикации, нажмите на значок Предварительный просмотр в правом верхнем углу редактора Canva.
  3. Чтобы просмотреть, как ваш веб-сайт Canva будет отображаться на мобильных устройствах, щелкните маленький значок смартфона в правом верхнем углу экрана предварительного просмотра веб-сайта Canva.

Существует большая вероятность того, что макет вашего веб-сайта может выглядеть сломанным на мобильных устройствах, с компонентами, перекрывающими текст или расположенными неправильно. Быстрое решение этой проблемы — изменить размер и сгруппировать компоненты.

Чтобы сгруппировать компоненты в редакторе Canva:

  1. Удерживайте Сдвиг , щелкая компоненты, которые вы хотите сгруппировать вместе.
  2. Щелкните правой кнопкой мыши и выберите Группа.

Шаг 6: Опубликуйте свой сайт

Настроив дизайн по своему вкусу, выполните следующие действия, чтобы опубликовать свой веб-сайт Canva:

  1. Нажмите на Публиковать в правом верхнем углу редактора Canva.
  2. В правой части редактора Canva выберите подходящий вариант домена. Мы пойдем с Бесплатный домен вариант этой демонстрации.
  3. Нажмите Продолжать чуть ниже параметров домена.
  4. Изменить свой сайт URL-адрес, Предварительный просмотр вкладки браузера название и Описание сайта, и нажмите Публиковать жить.

Canva делает больше, чем просто графический дизайн

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

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