Как создать свой сайт на ютубе: Как создать канал на YouTube в 2020: пошаговая инструкция с нуля

alexxlabОпубликовано

Содержание

Как создать успешный канал на YouTube: семь советов новичкам

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

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

Вот семь советов от Красной Вороны, которые помогут вам создать и запустить успешный канал YouTube.

1. Создайте свой канал на YouTube: основы

Если у вас есть учетная запись Google, вы можете просто войти в нее, и вам не нужно будет создавать новую учетную запись YouTube. Если вы этого не сделаете, просто нажмите «зарегистрироваться» и создайте бизнес-аккаунт YouTube.

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

Имя профиля

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

Создайте имя, которое описывает вас или ваш канал. Не делай его слишком длинным.

Фото на обложке

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

О канале

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

2. Проведите исследование

Прежде чем начать создавать контент для своего канала YouTube, важно понять, на кого вы будете ориентироваться. Вот почему необходимо провести тщательное исследование и понять вашу целевую аудиторию.

Здесь вам может помочь веб-сайт или другие учетные записи социальных сетей вашего бренда (бизнеса).

3. Планирование и загрузка контента

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

Вы также должны планировать заранее и иметь готовый конвейер (например, календарь контента, но для YouTube). Это поможет регулярно публиковать контент и не исчерпывать идеи.

Что касается типа контента, это зависит от вашего бизнеса и аудитории.

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

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

4. Оптимизируйте видео заголовки и описания

YouTube — это не просто платформа для обмена видео, а крупнейшая в мире система поиска видео. Так же, как SEO работает для вашего сайта, YouTube SEO работает для вашего канала.

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

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

Точно так же и описания видео должны быть оптимизированы для ключевых слов.

Описания видео можно использовать и для многих других целей. Вот несколько способов оптимизировать описания видео:

· Напишите описания, которые четко и точно описывают ваш видеоконтент таким образом, чтобы привлечь больше просмотров.

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

· Используйте ключевые слова с длинным хвостом, так как они похожи на то, что люди вводят для поиска видео.

· Добавьте соответствующие хэштеги в описания видео, поскольку они помогают классифицировать видео и улучшить SEO.

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

· Вы также можете использовать свои описания для направления людей на другие полезные ресурсы.

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

5. Интеграция с другими учетными записями в социальных сетях и вашим сайтом

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

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

Есть несколько способов сделать это. Вы можете добавить ссылки на свой сайт и другие учетные записи в социальных сетях в разделе «О нас».

Вы можете размещать ссылки на конкретные страницы товаров и услуг в своих описаниях к видео.

Вы также можете встроить ссылки на свой социальный профиль в виде кнопок для обмена в социальных сетях прямо на обложке.

И, конечно же, вы всегда можете добавить ссылки в виде CTA в конце ваших видео на YouTube.

6. Перекрестное продвижение на других платформах

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

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

Это означает, что вы должны продвигать свои отдельные видео на других платформах. Вы можете опубликовать тизерное видео о готовящемся видео и разместить его в Instagram. Чтобы увеличить охват ваших видео и получить больше просмотров, рекомендуется перекрестно рекламировать их на других каналах.

7. Анализировать и улучшать

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

Вы можете получить представление о вашей аудитории, включая ее основные демографические данные и интересы. Он также предоставляет информацию о ключевых словах поиска, по которым ваши видео ранжируются. Это очень полезная информация, поскольку она помогает настроить вашу стратегию SEO.

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

Последние мысли

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

Это особенно полезно, если вы новичок в YouTube и начинаете с нуля.

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

Еще больше статей читайте в Блоге Реклама и Маркетинг Красная Ворона

как создать свой YouTube-канал? — Маркетинг на vc.ru

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

Зачем нужен YouTube-канал?

Помимо популярности, различных возможностей монетизации своей аудитории через Stories в Instagram или интеграции в выпуски, предприниматели могут через YouTube продавать свои товары или услуги. Особенно влоги популярны среди продавцов инфо-продуктов и тренеров: конверсия таких продуктов может быть очень высокой.

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

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

Мой любимый пример, про который я рассказываю клиентам: шоу продуктового магазина «АТБ» в Украине про кассиршу Любу. Очень нестандартный подход к формированию имиджа и аудитории компании.

Веб-сериал магазина «А

Как создать канал на YouTube: пошаговый гайд-2020

Давно следите за популярными блогерами в YouTube, но никак не решаетесь попробовать сами? И очень зря! Создать и вести свой канал на этой платформе сейчас намного проще, чем когда-либо.  Запускать что-то с нуля всегда непросто, но здесь главное – начать. Мы собрали все советы, которые помогут вам открыть для себя эту платформу и втянуться: дальше всё зависит от вас.

Зачем создавать YouTube-канал

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

Многие считают, что создание YouTube-канала в 2020 – далеко не такая перспективная идея, как десять лет назад, когда рынок контента не был так перенасыщен. Но это не так: качественный контент по-прежнему очень ценится, и его никогда не бывает слишком много.

Главное – подойти к созданию своего канала действительно ответственно и серьёзно, даже если это всего лишь хобби. Итак, как создать канал на YouTube?

Начать можно с освоения видеомонтажа. Например, попробовать Movavi Video Editor Plus со скидкой 10%:

Скачать Movavi Video Editor Plus со скидкой 10% для Windows 

Скачать Movavi Video Editor Plus со скидкой 10% для Mac

Какие темы популярны в YouTube в 2020 и не только

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

  1. Обзоры гаджетов; 
  2. Распаковки товаров с Aliexpress, Amazon и не только;
  3. Кулинарные рецепты и советы
  4. Игровой канал с летсплеями и прохождениями игр
  5. Фитнес и тренировки
  6. Ток-шоу 
  7. Лайфстайл-влоги
  8. Юмористические скетчи
  9. Бьюти-блоги
  10. Мануалы и How-To.

Как создать YouTube-канал

1. Войдите в свой аккаунт на платформе

Чтобы зарегистрироваться на YouTube.com, зайдите на сайт и нажмите Войти в правом верхнем углу. Выберите опцию

Создать аккаунт и следуйте инструкциям.  

 

2. Создайте канал

Нажмите на кнопку Мой канал слева. Во всплывающем окне введите название своего нового канала и нажмите Создать канал.  Если у вас уже есть один канал, второй вы можете создать в меню Творческая студия.  

3. Оформите внешний вид

Добавьте аватар и обложку. Для аватара можно использовать свою личную фотографию или логотип, а вот для обложки лучше сделать что-то поинтереснее. Для этого рекомендуем посмотреть видео Мовави Влога о том, как сделать шапку для YouTube.

4. Добавьте описание

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

5. Наполняйте канал контентом

Самое время применить все ваши творческие таланты: придумывать и реализовать идеи, снимать, монтировать и выкладывать видео в YouTube. Подсматривать крутые фишки и приёмы для своих роликов можно там же.

 

Советы по контенту в YouTube

1.Выберите свою нишу 

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

2. Подберите пару-тройку форматов и придерживайтесь их

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

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

3. Постите регулярно

Подумайте, как часто вы хотите и можете публиковать новые видео, и придерживайтесь этого расписания. Оптимально выкладывать что-то хотя бы один раз в неделю, но обязательно делать это строго в один и тот же день и время. Так аудитория будет точно знать, когда ждать от вас очередной выпуск. Да и алгоритмы YouTube предпочитают каналы с регулярными обновлениями. 

4. Добавляйте картинки-превью, интро и аутро

Привлекательное визуальное оформление – это уже немалый процент вашего успеха. YouTube перенасыщен посредственными каналами плохого качества – не добавляйте к ним ещё один. Практически в любом редакторе (в том числе онлайн) можно сверстать яркую и заметную картинку-превью, которая будет выделяться в поиске. Посмотреть, как это сделать, можно вот в этом видео от Мовави Влога. Сами видео будут смотреться ещё выигрышнее, если оформить их классными заставками в начале и в конце – читайте о том, как это сделать, в наших статьях про интро и аутро. Во-первых, это поможет удержать внимание зрителя с первых секунд. Во-вторых, заставка в конце напомнит ему подписаться на ваш канал. 

5. Используйте ключевые слова в заголовках и описаниях

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

6. Взаимодействуйте со своей аудиторией

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

7. Оптимизируйте процесс

Выпуск нового контента нужно наладить таким образом, чтобы вы могли делать это максимально удобно и оперативно: иначе велик риск, что вы быстро устанете и бросите. Чтобы этого не произошло, создайте себе комфортные условия для съёмки и монтажа. Снимайте на технику, которая не требует длительной установки и настройки – сгодится даже смартфон. Монтировать тоже лучше в простой и интуитивно понятной программе. Начинать желательно на компьютере – так проще, чем сразу пытаться освоить сложный монтаж на телефоне или планшете (хотя, конечно, на iPhone и Android тоже есть достойные монтажные программы).  Мы уже делали обзор лучших программ для монтажа любого уровня сложности, но сейчас особенно советуем попробовать Мовави Видеоредактор Плюс – тем более, что в его новой версии монтировать стало ещё легче, а количество полезных и интересных инструментов увеличилось. Прежде, чем приобретать платный доступ, попробуйте бесплатную версию – это отличная возможность самостоятельно оценить все новые фишки. 

5 причин делать видеоролики для YouTube-канала в Movavi Video Editor Plus:

1. Монтировать по частям стало проще

Теперь вы можете оставлять пустые места между фрагментами отснятого материала на таймилинии. С этой функцией удобно начинать собирать материал до того, как вы закончили всей съёмки: можно начать собирать отрывки, оставляя пробелы там, где картинки еще не хватает. Это также полезно, когда вы не можете схожу подобрать кадр для конкретного момента и хотите вернуться к этой части позже.

2. Аудио синхронизируется автоматически

Если вы используете несколько камер или микрофонов, при монтаже бывает очень непросто потом состыковать дорожки. Нет ничего хуже, чем несинхронные картинка и аудио. С помощью новой функции для автоматической синхронизации звуковых дорожек вам больше не придаст волноваться о том, что звук «уедет»: программа всё сделает сама.

3. Цветовая коррекция в один клик

Если вы всегда хотели, чтобы ваши видео выглядели темными, как «Матрица», или нарочито-яркими, как голливудские мюзиклы, вам поможет цветокоррекция. Вовсе не обязательно погружаться в сложную теорию и осваивать профессиональные инструменты вроде DaVinci Resolve – всё можно сделать в один клик. Новые LUT-эффекты в библиотеке программы автоматически преобразуют цвет ваших видео и добавят им нужное настроение.

4. Больше пространства для экспериментов

Теперь вы можете применять все фильтры и эффекты не только к основной дорожке на таймлинии, но и ко всем дополнительным. Главное – не переборщить!

5. Интеллектуальный кроп

Типичная проблема: обрезаете или масштабируете видео в 4K, а на выходе получается в лучшем случае куцее FullHD. Такого больше не будет: теперь программа анализирует свойства исходника, поэтому откадрированная версия не будет так сильно терять в качестве.

Для всех читателей блога Movavi Video Editor Plus со скидкой 10%:

Скачать Movavi Video Editor Plus со скидкой 10% для Windows 

Скачать Movavi Video Editor Plus со скидкой 10% для Mac

Создание сайта для ютуб-канала на онлайн-конструкторе!

Ключевое значение современного YouTube заключается в том, что это не просто социальная сеть с очень большими посещениями. Это отличная платформа для развития бизнеса, продвижения, рекламы. У сети YouTube существует такая особенность, выделяющая его среди других социальных платформ. Она заключается в том, что контент в нем со временем не уменьшает, а только повышает свою ценность. Но для каждого катала нужна и более стандартная и обязательная основа. Это как ни странно сайт.

Для рекламы своих товаров и услуг на YouTube вам необходим такой сайт, но разумно ли тратить большое количество времени, для изучения нюансов сайтостроения? Если ваш канал уже довольно популярен или вы имеете стартовый капитал, есть вариант покупки веб-ресурса, по предварительному заказу, у веб-студии или специалистов фриланса. Но если на это не выделен бюджет или вы только начали развивать свою деятельность, существует возможность создать веб-ресурс самостоятельно на конструкторе сайтов.

Мы расскажем вам как это сделать за считанные минуты. Ведь это совсем не сложно. Примером послужит сайт для канала YouTube.

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

Наш сервис предложит Вам несколько вариантов оформления:

Если Вам они подходят, то нажимаете «создать сайт». Если нет, то будем искать схожие шаблоны используя «Категории», а также изменяя ранее указанный «Тип сайта».

Сервис предлагает также несколько вариантов:

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

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

Последовательность выполнения:

  1. Открыть каталог с шаблонами. На него можно перейти по кнопке «Создать сайт».
  2. Среди наших вариантов выбираете тип сайта,это может быть «Сайт специалиста», «Сайт компании», «Landing Page» или «Интернет-магазин»Указываете то, что подходит именно Вам. Этот выбор также привязан к тематике канала.
  3. Следующим действием выбираем лучший, на Ваш взгляд, шаблон и нажимаем «Создать сайт».
  4. В окончании будет предложено указать имя для сайта, а по умолчанию, предоставят домен третьего уровня бесплатно, вида «sitename.gopr.ru», вы вводите свой e-mail, и получаете инструкцию для управления веб-сайтом.

На этом практически все.

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

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

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

Также прочитайте статью про раскрутку канала на Ютубе.

Ютуб Канал Настройка (2020) – Пошаговая Инструкция с Нуля

Как настроить Ютуб-канал в 2020 году правильно? Если задаётесь этим вопрос, даём самую полную, профессиональную инструкцию о том как правильно настроить аккаунт YouTube с нуля. Рассказывает руководитель студии YouTube-продвижения ADVAZO, Дмитрий Новиков

Содержание:

Настройки Ютуб-канала

Зачем настраивать YouTube-канал? Если кратко — плохая настройка мешает его продвижению. Качественная настройка даёт каналу работать на полную мощность. Настроенный канал будет раскручиваться легче и быстрее.

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

Настраиваем Ютуб-канал правильно по шагам

Рекомендую делать настройки в той последовательности, которая написана в ниже. Так будет удобнее. В некоторых настройках информация берётся из предыдущего шага.
Подготовительный этап перед редактированием Ютуб-канала
  1. Регистрация. Если вы еще не зарегистрировали Ютуб-аккаунт, то сделайте это. Как это сделать подробно описано в этой статье.
  2. Подтверждение. Аккаунт необходимо подтвердить по телефону. Это откроет дополнительные функции и повысит безопасность. Подтверждение можно осуществить из раздела настроек в Творческой студии, а можно сразу на этой странице — https://www.youtube.com/verify. Укажите номер, на который вам придёт код подтверждения.

Рекомендация:

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

Теги канала

Задача данного шага подобрать и добавить теги (ключевые фразы), для наилучшего ранжирования на Ютуб. Найдите 15-20 ключевых фраз, которые соответствуют вашей тематике. Внесите их в список. Теги добавляются здесь: Творческая студия — Настройки — Канал — Основная информация

Рекомендации по подбору тегов канала:

  • Добавляйте высокочастотные теги. С большим поисковым объемом.
  • Добавляйте брендированные теги. С вашим именем, продуктом, названием компании и др.
  • Для поиска тегов используйте vidIQ. Чтобы сделать это быстро и полноценно потребуется платный тариф. В бесплатном тариф фразы придётся подбирать по одной штуке, а связанные фразы придумывать самостоятельно. Также можно воспользоваться бесплатным Яндекс.Вордстат и Планировщиком ключевых слов Google Ads. Но учтите, Вордстат берёт статистику по Яндекс, а не YouTube и не учитывает уровень конкуренции.
Название канала
Добавьте правильное название с учётом поисковых алгоритмов. Название задаётся при создании канала. Его можно сменить так: Творческая студия — Настройки — Канал — Основная информация. Удобнее менять название, если у вас аккаунт бренда (см. статью — Регистрация аккаунта).

Рекомендации по названию:

  • В названии используйте имя, если продвигаете личный бренд, либо имя бренда/услуги/продукта. Плюс добавьте основную ключевую фразу, её берём из предыдущего этапа.
  • Постарайтесь, чтобы название получилось не более 3-4 слов.
  • Первой ставьте приоритетную фразу. Первая фраза имеет больший «вес» для алгоритмов и не будет обрезаться в поисковой выдаче и на телефонах.
Как настроить описание канала
Добавьте правильное описание и ссылки на сайт и социальные сети. Ссылки, которые вы добавите здесь также будут отображаться в шапке. Переходим в «Настройка вида канала».

Далее — во вкладку «О канале».

Рекомендации по составлению описания и добавлению ссылок:

  • В описании вам следует ответить на следующие вопросы: о чём мой канал, для кого и в чём его особенность. И добавить название бренда/имя. Ответить на эти стратегические вопросы следует перед началом создания и продвижения на Ютуб. Подробнее об этом написано в нашем подробном руководстве по продвижению на Ютуб.
  • После этого проверьте, чтобы в тексте описания присутствовали ключевые фразы из собранного списка тегов.
  • В видимую часть описания в Поиске помещается 136 знаков с пробелами. Здесь должна поместиться самая важная информация и основная ключевая фраза.
  • Не забудьте указать контактные данные, описание услуг или освещаемые в роликах вопросы.
  • Укажите адрес почты для коммерческих запросов в соответствующем поле.
  • Также здесь будет уместной короткая ссылка с подпиской.
  • При добавлении ссылок на сайт и соцсети, на первое место лучше ставить конверсионную ссылку с призывом, согласованной с маркетинговой воронкой.

Укажите страну и валюту. Если планируете вести в РФ, то указывайте «Россия» и валюта «Рубль».

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

После этого вам станут доступны следующие функции: загрузка видео продолжительностью более 15 минут, добавление своих значков (превью), проведение прямых трансляций, подача апелляций на заявки Content ID.

Расширенные настройки Ютуб

На этой вкладке укажите канал для детей или нет. Тогда вам не придётся указывать данные сведения при публикации в каждом ролике. Здесь же при необходимости связывается канал с аккаунтом Google Рекламы и возможность выбора показывать или нет количество подписчиков.

Брендинг

Добавьте кнопку-логотип. С неё можно сразу подписаться из видео. Можно выбрать момент, когда она будет показываться. В заданный момент, либо на протяжении всего ролика. Хорошей практикой также является, когда вместо логотипа здесь помещается фраза «Подписаться».

Загрузка новых видео

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

Что следует указать в шаблоне с основной информацией:

  • Заголовок. Добавьте брендированный тег или название канала
  • Описание. Ссылку на целевую страницу в первом абзаце (при необходимости). Ссылку на подписку. Ссылку на ролик (на самого себя). Ссылки на социальные сети и сайт. Призыв поставить лайк, написать комментарий. Хештеги. Разделите текст на абзацы и добавьте тематические иконки.
  • Параметры доступа. Лучше поставить ограниченный доступ, чтобы была возможность отредактировать ролик до публикации.
  • Теги. Добавьте брендированные теги.

Что следует указать в шаблоне в расширенных настройках:

  • Лицензия. В большинстве случаев подойдёт стандартная лицензия.
  • Категория. Укажите категорию, которая более всего подходит под ваш контент.
  • Язык. Укажите тот язык, который был в настройках вначале.
  • Оценки видео. Оставьте галку.
Сообщество

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

Что следует указать здесь:

  • Черный список. Здесь мы добавляем список всевозможных матерных и ругательных слов по всех падежах и склонениях. Вы можете прописать любые фразы, которые не хотите, чтобы попали в комментарии.
  • Отправлять комментарии со ссылками на проверку. Если поставить флажок, все комментарии, содержащие ссылки и хештеги, будут отправляться на проверку, а в чатах трансляций – блокироваться. Рекомендую поставить.
  • В настройках по умолчанию. Рекомендую поставить «отправлять потенциально недопустимые комментарии на проверку».
Связь с сайтом

Связав канал с сайтом зрители смогут переходить на него прямо из ролика через подсказки и конечные заставки. Возможность доступна только для участников партнёрской программы.

Если партнёрская программа у вас еще не подключена, сделайте это как только будут достигнуты требуемые показатели.

Создание фирменного URL, адреса

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

Канал — Расширенные настройки — Управление аккаунтом YouTube — Расширенные настройки. Далее следуйте инструкции.

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

Настройка плейлистов

Создайте плейлисты. Это подборка роликов, которые объединены общей тематикой и помогают упорядочить контент на канале. Также плейлисты индексируются алгоритмами Ютуб и помогают роликам попадать в раздел рекомендованные видео.

  • Придумайте понятный заголовок, чтобы была понятна тематика плейлиста. Также постарайтесь использовать среднечастотную ключевую фразу.
  • В описании укажите о чём плейлист. Добавьте ключевые фразы. Основные фразы ставьте в начало. Также добавьте ссылки на целевые страницы и хэштеги.
  • Ролик, который будет стоять первым в плейлисте будет являться и его обложкой. Ролики в списке можно менять местами вручную.
  • Плейлистом можно поделиться, а также разрешить другим авторам добавлять контент в свой плейлист.
Как настроить главную страницу Ютуб

На главной странице зрители узнают больше о вас и о вашем контенте. Чтобы структурировать информацию, рекомендую создать разделы. Тогда зрителям будет проще ориентироваться в роликах и выбирать, что они хотят посмотреть. Можно создать до 10 разделов.

В правом верхнем углу страницы выберите Мой канал — Настроить вид канала.

  • В качестве разделов могут быть видео, плейлисты, каналы, прошедшие и запланированные прямые трансляции.
  • Первыми (верхними) разделами хорошо поставить популярные видео или загрузки. В этом случае зрители смогут увидеть самые популярные ролики и свежие публикации.
  • Оптимальная группировка разделов зависит от ваших целей.
Добавление трейлера и рекомендованного ролика

Добавьте трейлер – короткий ролик о канале. Это привлечёт новых подписчиков. Его будут видеть все зрители, не подписанные на канал. Подписчикам вместо трейлера предлагается рекомендованный видеоролик.

Мой канал — Настроить вид канала — Вкладка «Главная» — Вкладка «Для новых зрителей», либо «Для подписчиков» — Значок карандаша — Изменить/Удалить.

  • Видео, которое вы хотите сделать трейлером должно быть коротким и привлекательным, желательно до 1 минуты. В нем надо раскрыть суть канала и побудить зрителя подписаться. Лучше, чтобы в нём не было рекламы, то есть отключена монетизация (если вдруг она уже у вас есть).
  • Для рекомендованного видео подумайте, какой контент мог бы заинтересовать зрителей, которые уже являются подписчиками. Например, новый ролик.
Сообщество (обсуждения)

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

  • Здесь можно публиковать текст, изображения, опросы и ролики. Если у вас менее 1000 подписчиков, то вкладка будет называться «Обсуждение» и вам не будет доступно добавление видео, изображений и опросов. Только текстовые сообщения.
  • Если вы только зарегистрировались, то опубликуйте приветственный пост.
Каналы

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

Посмотрите плейлист о том, как пользоваться настройками Творческой студии с официального канала «YouTube для авторов». С субтитрами на русском.

Поздравляю! На этом можно считать настройку вашего Ютуб-канала законченной. Теперь самое время переходить к его оформлению.

Если у вас нет времени глубоко разбираться в этой теме самостоятельно и вы хотите, чтобы всё было сделано быстро и правильно, то обратитесь в студию ADVAZO. Мы зарегистрируем новый YouTube-канал и сделаем его профессиональную настройку здесь.

Подведём итоги

Описанные шаги позволят настроить Ютуб канал правильно. Зарегистрируйте аккаунт Ютуб и создайте канал. Дайте ответы на вопрос о чём он и для кого. После это приступайте к настройке.

Подберите правильные теги, название и описание. Подключите дополнительные функции и расширенные настройки. Добавьте плейлисты, трейлер. Установите фильтры. Настройте главную страницу и добавьте информацию в раздел сообщество и каналы.

Всё! Канал настроен и готов к дальнейшему продвижению.

ВОПРОСЫ И КОММЕНТАРИИ Если статья была вам полезна или у вас есть вопросы, пишите комментарии. Отвечу всем, по возможности Спасибо.

Как создать YouTube-канал и выжать максимум из видеоблога • sdelano.media

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

  • юзерпик
  • шапка канала
  • обложки видеороликов

Увидеть, на сколько успешен ваш проект на YouTube можно сразу: по количеству подписчиков, просмотров канала и отдельного видео, комментариям пользователей, их лайкам или дислайкам. Более того, YouTube Analytics расскажет все подробности о вашей аудитории, откуда и когда она приходит на ваш канал, как долго и как часто смотрит ваши видео — и это далеко не все доступные метрики.

Команда сервиса составила список из десяти правил эффективного YouTube-канала:

  1. Создавайте контент, которым хочется делиться
  2. Общайтесь со зрителями
  3. Будьте интерактивны и приглашайте к участию в жизни канала
  4. Следите за единообразие
  5. Ориентируйтесь на свою целевую аудиторию
  6. Регулярно добавляйте новые видео
  7. Оптимизируйте видео через название, теги и описание
  8. Убедитесь, что новые зрители поймут, о чём вы хотите рассказать
  9. Сотрудничайте с другими авторами
  10. Ищите вдохновение

Подробнее о каждом принципе расскажет этот урок.

Кстати, если вы действительный профессионал в видео-индустрии, то обратите внимание на Vimeo. Аудитория этого сервиса меньше, чем у YouTube, зато именно там сосредоточено сообщество профессионалов и нет рекламы во время просмотра видео. Нет там и бессмысленных любительских роликов — только качественный HD-контент для ценителей добротных клипов. Вход в этот «клуб» стоит денег: базовый аккаунт имеет ограничения, а дальше идут платные Vimeo Plus и Vimeo PRO.

Впрочем, YouTube не уступает по качеству самой картинки и позволяет грузить ролики до 4К, а также видео в формате 360°, как это.

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

Знакомство с YouTube.

Инструкция актуальна на октябрь 2017 года.

Как создать канал на YouTube — шаг за шагом

Если вы все еще не знаете, как создать аккаунт YouTube для своего бизнеса, еще не поздно начать.

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

Цифры не лгут: YouTube не имеет себе равных по трафику, доходам и огромной базе пользователей, которым просто не хватает видеоконтента.

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

Хотите создавать небольшие рекламные ролики для привлечения клиентов? Проверьте.

Хотите обучить свою целевую аудиторию с помощью практических инструкций и руководств? YouTube получил покрытие.

Черт возьми, просто хотите заглянуть за кулисы и показать людям, какова жизнь в вашем бизнесе? Совершенно честная игра.

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

Если вы новичок на YouTube, не переживайте. Процесс относительно прост, и создание вашего канала займет всего несколько минут.

Будьте в курсе событий YouTube с помощью функции Advanced Listening от Sprout

Ценное дополнение для пользователей YouTube с любым уровнем опыта, будьте в курсе разговоров с помощью функции расширенного прослушивания Sprout.

Отслеживаемые темы полностью настраиваются, а с помощью фильтрации вы убедитесь, что полученные данные соответствуют вашим потребностям.

Начните с бесплатной пробной версии сегодня.

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

Вот общий обзор шести основных шагов, которые необходимо выполнить при создании учетной записи YouTube:

Как создать бизнес-аккаунт YouTube

  1. Войдите в существующую учетную запись Google или создайте новую специальную учетную запись специально для своей бизнес-учетной записи YouTube.
  2. Создав аккаунт Google, перейдите на главную страницу YouTube.
  3. На главной странице YouTube щелкните значок аватара в правом верхнем углу экрана.
  4. Нажмите «Мой канал» в раскрывающемся списке.
  5. Для создания личной учетной записи YouTube введите свое имя и фамилию в обязательные поля. Чтобы создать аккаунт YouTube для бизнеса , нажмите «Использовать название компании или другое название», после чего откроется экран, на котором можно ввести название своего бренда.
  6. Нажмите «Создать», чтобы активировать новую учетную запись YouTube.

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

Первым делом. Прежде чем вы сможете начать работу на YouTube, вам понадобится учетная запись Google.

Теперь вы можете создать новую специальную учетную запись специально для вашего бизнес-канала YouTube. или использовать существующую личную учетную запись.

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

В качестве примечания: при создании учетной записи Google необязательно использовать название своей компании. YouTube дает вам возможность использовать название компании или свое собственное, о чем мы вскоре поговорим.

После создания учетной записи Google перейдите на главную страницу YouTube. Чтобы начать настройку канала, щелкните значок аватара в правом верхнем углу экрана. В раскрывающемся списке выберите «Мой канал».

Затем появится следующий экран с запросом на ввод вашего имени и фамилии. Обратите внимание, что YouTube также дает вам возможность использовать название компании или продукта для вашего канала, как отмечалось ранее.

Если вы не являетесь владельцем индивидуального бизнеса и хотите ассоциироваться с личным брендом, создание вашего канала в виде специального корпоративного аккаунта имеет больше смысла.

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

И готово!

Довольно просто, правда?

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

Заполнение реквизитов бизнес-аккаунта YouTube

В любом канале YouTube есть много трогательных моментов, но следующая информация будет представлять некоторые обязательные действия для брендов.

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

Значок канала и обложка

Прежде чем кто-либо действительно просмотрит ваш видеоконтент, убедитесь, что вы создали изображения для своего канала, которые привлекают внимание вашего бренда. Так же, как у вас есть специальный значок и баннер для Facebook или Twitter, YouTube ничем не отличается.

Размеры изображений YouTube следующие:

  • Значок канала: рекомендуется как 800 × 800 пикселей, отображается как 98 × 98 пикселей
  • Баннер канала: 2560 × 1440 пикселей, безопасная область для мобильных устройств и Интернета (без обрезки текста и логотипа) — 1546 x 423 пикселей.

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

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

Между тем, обновление оформления вашего канала приводит к появлению простого экрана загрузки изображений.

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

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

Эй, не так уж плохо!

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

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

Однако ваш канал YouTube еще не на 100%: пришло время заполнить некоторые ключевые детали.

Описание канала

Легко упустить из виду, что раздел «О себе» в вашем профиле является важным элементом в понимании того, как создать канал YouTube, который на самом деле приводит к долгосрочным лидам и подписчикам.Это место не только для того, чтобы произвести личное впечатление о ваших зрителях, но и перенаправить их на ваши социальные профили или домашнюю страницу.

Описания каналов не обязательно должны относиться к ракетостроению. Краткое изложение миссии или приветственное сообщение — это все, что действительно необходимо. Если вы хотите добавить несколько ссылок или призыв к действию, сделайте это.

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

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

YouTube позволяет добавлять до пяти ссылок и настраиваемый текст гиперссылки длиной до 30 символов.

После заполнения описания конечный результат будет выглядеть примерно так:

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

Ваше описание — это не место для набивки ключевых слов, а скорее, чтобы ваши зрители знали цель вашего бизнес-канала YouTube и то, что вы делаете за пределами YouTube.

Избранные каналы и активность

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

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

Какие каналы вы должны показать и поставить «Нравится»? Хотя жестких правил о том, с кем взаимодействовать, не существует, придерживайтесь следующих указателей:

  • Выделите лидеров отрасли и влиятельных лиц (подсказка: но , а не конкурентов)
  • Ставьте отметку «Нравится» компаниям или авторам, которыми вы восхищаетесь или находите интересными, но актуальными
  • Избегайте любого контента, который может быть воспринят как спорный или иным образом не имеющий отношения к вашему бизнесу

Что касается последнего пункта, постарайтесь вести дела строго профессионально с точки зрения деятельности на вашем YouTube-бизнесе. Если вы хотите «лайкнуть» последнее видео Тейлор Свифт или оставить комментарий к политическому видео, сделайте это на своем личном канале .

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

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

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

Как создать полностью оптимизированный аккаунт YouTube

Статьи по Теме

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

1. Добавьте трейлер канала

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

Короткий, простой и по существу, этот трейлер Animoto — отличный тому пример.

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

2. Оптимизируйте свой канал YouTube

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

Вот некоторые ключевые аспекты, на которые следует обратить внимание при оптимизации вашего канала YouTube:

  • Соответствующие ключевые слова и фразы в заголовках и описаниях
  • Создание индивидуальных субтитров и расшифровок, которые упрощают сканирование ваших видео на YouTube
  • Создание уникальных миниатюрных изображений, привлекающих внимание потенциальных зрителей
  • Добавление тегов к видео, чтобы они отображались в релевантных поисковых запросах

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

Как продвигать свой бизнес-канал на YouTube в долгосрочной перспективе

Неудивительно, что видеоконтент является одним из самых популярных в социальных сетях и в Интернете в целом. В результате вы не можете использовать подход «если вы построите это, они придут» для увеличения вашей аудитории.

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

С помощью Sprout Social вы можете планировать свой контент и перекрестно продвигать его в социальных сетях на одной платформе. Дополнительные функции, такие как ViralPost, могут гарантировать, что ваш контент будет запущен в оптимальное время. Такой подход к продвижению максимизирует ваш потенциал для взаимодействия, независимо от того, по какому каналу вы его продвигаете.

И на этом мы завершаем наше руководство по созданию учетной записи Youtube!

Вы знаете, как создать канал YouTube, который привлекает зрителей?

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

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

Как создать собственное приложение для обмена видео (например, Youtube)

Обмен видео

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

«YouTube превысил собственный капитал в 40 миллиардов долларов, что дороже любых других веб-сайтов для обмена видео».

Возможно, вы слышали фразу «Массивное дыхание любого видеоконтента, где он был создан, — это YouTube». 90% мирового видеоконтента, распространяемого на другие каналы, поступает с YouTube. От развлекательных видеороликов до образовательных, от пресс-релизов Белого дома до онлайн-богослужений — YouTube был местом назначения видеоконтента.

Широкий взгляд на сайты обмена видео и монополия YouTube на рынок видеоконтента

С течением времени ценность таких веб-сайтов для обмена видео, как YouTube, Vimeo и Netflix, растет из-за тенденции популяризация. Примечательно, что Youtube захватил мир индустрии обмена видео своими превосходными функциями, функциями и персонализацией.

Если YouTube будет в наличии, он может стоить не менее 75 миллиардов долларов.Как уже упоминалось, YouTube становится все более прочным, точно так же, как Facebook становится частью повседневной жизни. В среднем люди используют YouTube шесть минут в день. Этих многообещающих идей более чем достаточно для предприятий и начинающих профессионалов в области СМИ, чтобы запустить свои собственные веб-сайты для обмена видео, такие как YouTube или Vimeo.

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

Ловушки крупнейшего веб-сайта для обмена видео — YouTube

Отсутствие ниши:

Увлечение каждого пользователя — ключевой момент для создания просмотров.Но как бы вы соотносили эту стратегию с вашей собственной нишей? Сузьте свою нишу с помощью платформы путем персонализации темы, а платформа не применима на YouTube.

Неэтичный и поддельный контент:

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

Слишком большой, чтобы следить за всем:

Веб-сайт обмена видео не имеет полной панели управления для отслеживания подробной видеоаналитики.Слишком много владельцев контента на сайте приведет к загрузке огромного количества видеоконтента. Это приводит к неуправляемости активов.

Модель гибридной монетизации

Монетизация премиум-контента через YouTube недостаточна для того, чтобы владельцы контента могли получать значительную прибыль. Моделей монетизации значительно меньше, и видеоконтент доступен для просмотра любому пользователю. Ваши примечательные объекты могут просматривать все, это ограничивает получение дохода от конкретного премиального видеоконтента.

Итак, как вы могли бы создать свой собственный веб-сайт для обмена видео, такой как YouTube, который превосходил бы эти ловушки и помогал в получении большего дохода от видеоконтента, который просматривали конечные пользователи? Возможность создания веб-сайта для обмена видео, такого как YouTube, Vimeo больше не является сложной задачей. По сути, вы должны знать о конечных функциях, которые повлияют на общую производительность вашего веб-сайта для обмена видео, который вы будете создавать.

Необходимые функции для повышения производительности

Перетаскивание / удаленная загрузка видео:

Функция перетаскивания помогает загрузить N видео с локального диска, Dropbox, Google диск и т. Д.Благодаря функциям удаленного видео вы можете автоматически загружать видео / аудиоконтент из мест HTTP или FTP.

Предварительный просмотр кадров:

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

Поддержка нескольких каналов

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

Список воспроизведения:

Эта функция обеспечивает полную персонализацию для конечного пользователя, добавляя самые любимые видео и песни на веб-сайт для эффективного воспроизведения.

Адаптивный дизайн:

Предоставьте конечному пользователю возможность настроить весь веб-сайт или канал обмена видео в соответствии с их предпочтительной нишей с помощью нескольких дизайнов, шаблонов, шрифтов и т. Д.

Обмен в социальных сетях:

Эта функция позволит пользователям беспрепятственно делиться самыми популярными видео в социальных сетях, таких как Facebook, Twitter, Instagram, чтобы повысить вовлеченность.

Модели монетизации:

Веб-сайт обмена видео должен обладать разнообразным набором моделей монетизации, таких как подписка, оплата за просмотр, реклама и т. Д., Чтобы получать доход от всего видеоконтента.

Многоуровневая безопасность:

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

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

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

Vplayed — футуристическое решение для потокового видео

Vplayed — решение для потокового видео

Vplayed предлагает полностью настраиваемое решение для потокового вещания в реальном времени, VOD, OTT и потокового аудио для владельцев контента, вещательных компаний и предприятий по всему миру. Благодаря передовым технологиям, функциям и опытным разработчикам, Vplayed воплощает мечту о создании веб-сайта для обмена видео , такого как YouTube, для предприятий.

Итак, что делает Vplayed идеальным поставщиком решений для обмена видео для владельцев контента и бизнеса?

Vplayed, как компания, предоставляющая решения для потоковой передачи видео, при поддержке 300+ собственных разработчиков помогает каждому предприятию создать веб-сайт для обмена видео с передовыми функциями и технологиями, которые повышают производительность по сравнению с YouTube.Vplayed предлагает гибкие возможности хостинга и надежные уровни безопасности для защиты каждого фрагмента видеоконтента от несанкционированного доступа. Настройка была жизненно важной функцией, которой обладает Vplayed, чтобы адаптироваться к ожиданиям вашего бизнеса.

За вами:

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

Связанные
Теги
Присоединяйтесь к Hacker Noon

Создайте бесплатную учетную запись, чтобы разблокировать свой собственный опыт чтения.

Лучшие способы создать бесплатный веб-сайт и зарабатывать деньги — создание своего веб-сайта

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

Если вы хотите узнать, как зарабатывать деньги на веб-сайте, вот несколько способов начать работу.

1. Google AdSense

Если вы какое-то время пользовались Интернетом, то наверняка видели рекламу Google.Вы можете найти их повсюду и не зря. Возможно, это самый простой способ заработать на веб-сайте. Во-первых, настроить Google AdSense на своем веб-сайте Strikingly легко (откройте новую страницу для справки). Просто зарегистрируйте учетную запись AdSense и добавьте уникальный код, который вы получите на своем веб-сайте. После этого вам больше ничего не нужно делать. Я получаю рекламу своего веб-сайта, чтобы зарабатывать деньги на этой платформе, и они размещаются в области, которая не слишком навязчива, чтобы повлиять на взаимодействие с пользователем.Google начнет отслеживать эффективность и прибыль вашего сайта. С вашей стороны практически не требуется никакого технического обслуживания. Самые успешные веб-сайты могут зарабатывать тысячи долларов в месяц только на этом потоке доходов.

Создайте свой собственный бесплатный веб-сайт и зарабатывайте с помощью Google Рекламы уже сегодня

2. Партнерский маркетинг

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

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

Создайте блог-сайт и прямо сейчас зарабатывайте деньги с помощью партнерского маркетинга.

3. Электронная торговля

Другой способ, как зарабатывать деньги на вашем веб-сайте — это электронная торговля . Интернет-магазины выросли по всей сети за последнее десятилетие, потому что пользователи начинают ценить удобство покупок в Интернете.

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

4.Рекламный контент

Вот еще один способ заработка на посещениях веб-сайтов: создание рекламных сообщений. Если у вас появилось много подписчиков на своем веб-сайте и страницах в социальных сетях, вы можете зарабатывать деньги, создавая спонсируемый контент. Бренды платят влиятельным лицам за продвижение своих продуктов и услуг.

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

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

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

Начните создавать свой собственный веб-сайт сегодня.

Как создать сайт

Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.

Создание веб-сайта с нуля

A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст..

Основное содержание

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул

Первый шаг — базовая HTML-страница

HTML — это стандартный язык разметки для создания веб-сайтов, а CSS — это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Заголовок страницы



корпус {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам »

Объяснение примера

  • Объявление определяет этот документ как HTML5
  • Элемент является корневым элементом HTML стр.
  • Элемент содержит метаинформацию о документе
  • Элемент </code> определяет заголовок документа</li><li> Элемент <code><meta> </code> должен определять набор символов как UTF-8</li><li> Элемент <code><meta> </code> с name = «viewport» позволяет веб-сайту хорошо выглядеть на всех устройствах и разрешениях экрана.</li><li> Элемент <code><style></code> содержит стили для веб-сайта (верстка / дизайн) </li> <li> Элемент <code> <body> </code> содержит видимое содержимое страницы </li> <li> Элемент <code> <h2><span class="ez-toc-section" id="i-41"> </code> определяет большой заголовок </li> <li> Элемент <code> <p> </code> определяет абзац </li> </ul> <hr/> <h3> Создание содержимого страницы </h3> <p> Внутри элемента <code> <body> </code> нашего веб-сайта мы будем использовать наш макет Проект" и создайте: </p> <ul> <li> Заголовок </li> <li> Панель навигации </li> <li> Основное содержание </li> <li> Боковое содержание </li> <li> Нижний колонтитул </li> </ul> <hr/> <h3> Заголовок </h3> <p> Заголовок обычно располагается вверху веб-сайта (или прямо под верхним меню навигации).Часто содержит логотип или название веб-сайта: </p>. <p> <div> <br/> <h2><span class="ez-toc-section" id="i-41"> Мой веб-сайт </span></h2> <br/> <p> Веб-сайт создано мной. </p> <br/> </div> </p> <p> Затем мы используем CSS для стилизации заголовка: </p> .header {<br/> отступ: 80 пикселей; / * некоторые отступы * / <br/> text-align: center; / * центрировать текст * / <br/> фон: # 1abc9c; / * зеленый фон * / <br/> белый цвет; / * белый цвет текста * / <br/>} <p> / * Увеличиваем размер шрифта элемента <h2><span class="ez-toc-section" id="_h2_font-size_40px_CSS_background-color_333_navbar_text-align_center_14_20_text-decoration_none_navbar_aright_float_right_navbar_a_hover_ddd_2_CSS_Flexbox_box-sizing_border-box_row_display_flex_flex-wrap_-_Webflow_3"> * / <br/> .заголовок h2 {<br/> font-size: 40px; <br/>} </p> <p> Попробуйте сами »</p> <hr/> <hr/> <h3> Панель навигации </h3> <p> Панель навигации содержит список ссылок, которые помогают посетителям перемещаться по ваш сайт: </p> <p> <div> <br/> <a href="#"> Ссылка </a> <br/> <a href="#"> Ссылка </a> <br/> <a href="#"> Ссылка </a> <br/> <a href="#"> Ссылка </a> <br/> </div> </p> <p> Используйте CSS для стилизации панели навигации: </p> / * Стиль верхней панели навигации * / <br/>.навигационная панель {<br/> переполнение: скрыто; / * Скрыть переполнение * / <br/> background-color: # 333; / * Темный цвет фона * / <br/>} <p> / * Стиль ссылок панели навигации * / <br/> .navbar поплавок {<br/>: левый; / * Убедимся, что ссылки остались рядом * / <br/> дисплей: блочный; / * Измените отображение на блок, по причинам реагирования (см. ниже) * / <br/> цвет: белый; / * Белый цвет текста * / <br/> text-align: center; / * Центрировать текст * / <br/> отступ: 14 пикселей 20 пикселей; / * Добавляем отступы * / <br/> text-decoration: none; / * Убрать подчеркивание * / <br/>} </p> <p> / * Ссылка по правому краю * / <br/>.navbar a.right {<br/> float: right; / * Размещаем ссылку вправо * / <br/> } </p> <p> / * Изменение цвета при наведении / наведении указателя мыши * / <br/> .navbar a: hover {<br/> цвет фона: #ddd; / * Цвет серого фона * / <br/> цвет: черный; / * Черный цвет текста * / <br/>} <br/> </p> <p> Попробуйте сами »</p> <hr/> <h3> Содержимое </h3> <p> Создайте макет из 2 столбцов, разделенных на «побочное содержимое» и «основное содержимое». </p> <p> <div> <br/> <div>... </div> <br/> <div > ... </div> <br/> </div> </p> <p> Мы используем CSS Flexbox для обработки макета: </p> / * Обеспечение правильного размера * / <br/> * {<br/> box-sizing: border-box; <br/>} <p> / * Контейнер столбца * / <br/> .row {<br/> display: flex; <br/> flex-wrap: пленка; <br/>} </p> <p> / * Создать два неравных столбца </p> <h2><span class="ez-toc-section" id="_h2_font-size_40px_CSS_background-color_333_navbar_text-align_center_14_20_text-decoration_none_navbar_aright_float_right_navbar_a_hover_ddd_2_CSS_Flexbox_box-sizing_border-box_row_display_flex_flex-wrap_-_Webflow_3"> Как создать веб-сайт в Webflow за 3 часа (или меньше) </span></h2> <p> Начало работы с дизайном веб-сайта не должно быть утомительным.Webflow позволяет легко создать визуально привлекательный дизайн, даже если вы не умеете программировать. Мы расскажем, как быстро создать хорошо продуманный веб-сайт. </p> <p> Начало работы в дизайне веб-сайтов не должно быть утомительным. Webflow позволяет легко создать визуально привлекательный дизайн, даже если вы не умеете кодировать. </p> <p> Мы расскажем, что нужно сделать, чтобы создать хорошо продуманный веб-сайт всего за 3 часа или меньше.</p> <h3><span class="ez-toc-section" id="i-42"> Вступить в клуб </span></h3> <p> С нашей бесплатной учетной записью Starter вы получите так много. Выберите один из наших бесплатных, полностью настраиваемых шаблонов, и у вас под рукой будет широкий выбор интересных шрифтов, динамическое взаимодействие и простая, но мощная система управления контентом. </p> <p> Мы также предлагаем биллинг клиентов, так что вы можете автоматически взимать с клиентов плату за хостинг и обслуживание и даже добавлять небольшую прибыль. Независимо от того, являетесь ли вы фрилансером или работаете в агентстве, мы хотим предоставить вам инструменты, которые сделают веб-дизайн быстрее, проще и увлекательнее.</p> <p> Зарегистрируйтесь и получите бесплатную учетную запись, чтобы мы могли показать вам, насколько легко создать веб-сайт с помощью нашего интерфейса. </p> <h3><span class="ez-toc-section" id="i-43"> Начать с содержания </span></h3> ‍Прежде чем вы начнете, вам нужно подготовить сырье. Это текст, изображения и другая графика, которыми вы собираетесь наполнить свой дизайн. <p> Вам необходимо знать, какой контент будет на каждой странице и в каком порядке он будет организован.Это сделает разработку вашего веб-сайта более эффективной и приведет к меньшей реструктуризации позже в процессе. Если копия не доработана, по крайней мере, знайте, в чем будет основной смысл каждого раздела, и составьте несколько предложений, которые это конкретизируют. Самое главное, убедитесь, что вы имеете реалистичное представление о <em>, сколько </em> письменного и графического контента потребуется для каждого раздела. Нет ничего хуже, чем реструктуризация страницы, потому что содержание и дизайн не совпадают. </p> <h3><span class="ez-toc-section" id="_SEO"> Сделайте SEO заранее </span></h3> ‍Поисковая оптимизация вашего контента должна быть ключевой частью процесса подготовки к производству.<p> Если вы создаете веб-сайт с нуля, это прекрасная возможность улучшить SEO. В итоге вы получите новый блестящий веб-сайт, наполненный словами и фразами, которые обязательно помогут людям, которым он нужен. </p> <p> Да, есть много людей, которым вы можете заплатить, чтобы оптимизировать ваш контент или составить список ключевых слов и фраз, которые будут использоваться в вашей копии. Эти услуги могут быть дорогими. Они также могут приводить к появлению терминов и фраз, которые не всегда уместны или которые было бы неудобно вплетать в содержание.</p> <p> Если вы знаете свою аудиторию и проводите собственное исследование, вы можете самостоятельно оптимизировать контент с помощью SEO. Написание голосом, понятным целевой аудитории, поможет как в SEO, так и сделает ваш текст более актуальным. Сделайте так, чтобы он звучал как человек, а не как автомат, извергающий ключевые слова. </p> <p> Так проведите свое исследование. Какие слова и фразы используют люди для поиска тем, имеющих отношение к вашему сайту? Какие вопросы они будут вводить в поисковую систему, что поможет им найти ответ на ваш сайт? Просмотр веб-сайта конкурента или связанного с ним веб-сайта может быть хорошим способом начать знакомство со словарным запасом данной темы или интереса.</p> <p> Просто имейте в виду, что язык вашей аудитории будет зависеть от их образа жизни, взглядов и опыта. Серферы говорят о серфинге иначе, чем обычные Джо, и если вы не найдете времени, чтобы понять, как они об этом говорят, ваша аудитория узнает. </p> <p> Наличие этих ключевых слов и фраз в вашем заднем кармане поможет вам написать мета-заголовки, мета-описания, а также h2 и h3, которые расскажут веб-сканерам, о чем ваш веб-сайт, и помогут улучшить его рейтинг страницы.</p> <p> SEO-оптимизация не только на раннем этапе сделает ваш контент лучше, но и сформирует его организацию. Добавление SEO постфактум может изменить поток информации, что может кардинально изменить макет, над которым вы уже вложили так много усилий. </p> <p> Ознакомьтесь с «SEO и Webflow: основное руководство» для более глубокого изучения. </p> <h3><span class="ez-toc-section" id="i-44"> С чего начать: шаблон или чистый холст? </span></h3> Всего несколько бесплатных шаблонов веб-сайтов Webflow.<p> Даже если у вас мало опыта в веб-дизайне, вы сможете создать надежный веб-сайт всего за несколько часов. Если вы новый веб-дизайнер или просто хотите более подробно изучить возможности Webflow, посмотрите наше обучающее видео «Как создать одностраничный бизнес-сайт в Webflow». </p> <p> <iframe src="https://www.youtube.com/embed/APiSNBkyD5Y" frameborder="0" scrolling="no" allowfullscreen=""/> </iframe> </p> <p> Если вам нужно немного раньше, вам подойдут шаблоны. Это дает вам базовую основу для создания вашего сайта. Webflow также позволяет легко настраивать каждый их элемент в процессе разработки.</p> Шаблоны <p> также предлагают вам отличный способ узнать, как работает веб-дизайн. Просмотр структуры и того, как различные элементы сочетаются и работают вместе, даст вам более глубокое понимание не только вашего веб-сайта, но и лучших практик веб-дизайна в целом. </p> <p> Вы даже можете использовать шаблон, предназначенный для другой цели, нежели та, для которой вы хотите его использовать. Вы можете разбить его на части и слепить в соответствии с вашими потребностями дизайна. </p> <h3><span class="ez-toc-section" id="i-45"> Выбор шаблона для начала процесса проектирования </span></h3> <p> Для этого проекта мы собираемся разработать веб-сайт для ресторана.Webflow предлагает множество бесплатных шаблонов, а также множество премиальных шаблонов. Просматривая бесплатные шаблоны, я не нашел ни одного, специально созданного для ресторанов. Не беспокоиться. </p> <p> Что этот красивый шаблон портфолио называется Versus среди бесплатных шаблонов? Похоже, хороший базовый шаблон с включенной CMS. </p> <p> Но это шаблон портфолио, предназначенный для дизайнера. </p> <p> Опять же, разве повар не похож на дизайнера? Вместо того, чтобы располагать пиксели, они объединяют ингредиенты и составляют тарелки.Мы можем использовать этот шаблон портфолио, чтобы продемонстрировать кулинарные творения ресторана. </p> <p> После входа в свою учетную запись перейдите на панель управления и нажмите <strong> Создать новый веб-сайт </strong>. Установите фильтр для отображения бесплатных шаблонов, затем выберите Versus. Затем нажмите синюю кнопку <strong> Create Website </strong> в правом верхнем углу страницы. </p> <p> И вы отправляетесь на скачки. </p> <h3><span class="ez-toc-section" id="_Webflow"> Знакомство с интерфейсом Webflow </span></h3> <p> Итак, теперь у нас есть наш шаблон, и он готов к работе.</p> <p> Прежде чем мы погрузимся в дизайн, давайте просто познакомимся с парой основных функций интерфейса Webflow. </p> <p> Идите вперед и щелкните символ <strong> + </strong> в верхнем левом углу экрана, чтобы открыть панель «Добавить». Он содержит все стандартные блоки вашего сайта, от структурных элементов, таких как разделы, до элементов контента, таких как заголовки. Не стесняйтесь прокручивать вниз, чтобы проверить все элементы, с которыми вам нужно работать. </p> Панель «Добавить» содержит все основные структурные элементы и элементы содержимого, которые вы можете использовать для создания своего сайта.<p> Пока мы знакомимся с интерфейсом, давайте посмотрим, как организована текущая страница. Переместите курсор в верхний правый угол экрана и откройте вкладку <strong> Navigator </strong>. Мы проверим все остальные вкладки позже, но сначала важно понять, как Webflow структурирует вещи. </p> <p> Когда мы открываем навигатор, мы видим все различные элементы, составляющие веб-сайт, и то, как они организованы. </p> Навигатор показывает, как структурирован ваш сайт, и вы даже можете точно размещать элементы, перетаскивая их сюда.<p> Вверху находится Body, элемент по умолчанию для всех сайтов Webflow. Это очень удобно для добавления стилей, которые будут отображаться на вашем сайте, как шрифт по умолчанию. Ниже вы увидите два структурных элемента - герой и раздел, а затем нижний колонтитул. </p> <p> Зеленый куб рядом с элементом нижнего колонтитула означает, что это символ - элемент дизайна, который можно добавить на свой сайт одним щелчком мыши. Каждый экземпляр этого символа связан, поэтому любые изменения, которые вы вносите в один экземпляр, будут автоматически обновлять каждый другой экземпляр.Супер удобно. </p> <h3><span class="ez-toc-section" id="i-46"> Добавление содержимого в шаблон </span></h3> <p> Итак, мы знаем, что у вас есть все виды отличного контента, готового к работе, поэтому давайте начнем с первого, что увидят посетители: раздела о героях. </p> <p> Давайте продолжим и избавимся от образа героя и начнем с нашего собственного. Ведь любая великая история начинается с героя, верно? </p> <p> Щелкните раздел героя (на холсте или в навигаторе), чтобы выбрать его. Вы увидите синюю рамку вокруг него.В левой нижней части экрана вы также увидите руководство, показывающее, где вы находитесь на странице. Идите вперед и щелкните значок «Кисть» в правом верхнем углу, чтобы открыть вкладку <strong> Style </strong>, на которой вы управляете макетом и внешним видом объектов в своем дизайне. </p> <p> Давайте заменим это фоновое изображение на что-нибудь более аппетитное для сайта нашего ресторана. </p> <p> Прокрутите вниз до раздела «Фон» и дважды щелкните fe4a5cbf.jpg в разделе "Изображение и градиент". Затем вы можете загрузить изображение со своего компьютера или выбрать его из Менеджера активов (вкладка справа). На данный момент в Asset Manager полно фотографий дизайнера шаблонов, так что давайте загрузим одну из наших. </p> <p> В этом случае мы собираемся загрузить изображение пиццы. Убедитесь, что HiDPI установлен, если вы используете фотографии с высоким разрешением, чтобы они отображались правильно. </p> Вы можете добавить новое фоновое изображение со своего компьютера или через Asset Manager Webflow.<p> Как только изображение загрузится, оно появится в вашем дизайне. Сейчас изображение <em>, на </em> больше. И этот градиент не будет работать с изображением пиццы. Давайте исправим это. </p> <p> Чтобы настроить изображение, измените ширину на «Обложка» в разделе «Размер». </p> Установите изображение на обложку. <p> Мы по-прежнему хотим сохранить небольшой градиент, потому что без него наше изображение будет слишком ярким и отвлекающим. Давайте продолжим и изменим остановки нашего градиента, перетащив маркеры на спектр в нижней части интерфейса градиента.</p> Вы можете настроить степень резкости градиента, перетащив элементы управления. <p> Ладно, дела налаживаются! </p> Изменение того, как шаблон соответствует вашему бренду или бизнесу, не проблема с визуальными элементами управления Webflow. <h3><span class="ez-toc-section" id="i-47"> Обновление текстового содержимого </span></h3> <p> Хорошо, теперь нам нужно начать добавлять свою копию. Начнем с h2. </p> <p> Продолжайте и нажмите h2 «Мы создаем красивые веб-приложения и мобильные приложения.«Затем мы можем ввести текст прямо в поле. Я сказал: «С фермы на стол к тебе». </p> <p> Для целей SEO и более подробного представления о нашем ресторане давайте добавим еще один текст под нашим h2. Для этого просто добавьте новый блок div под основным заголовком, чтобы содержать нашу копию. (Хотя у вас может возникнуть соблазн просто вставить элемент абзаца, размещение вашего контента в структурном элементе дает вам больше контроля.) </p> <h4><span class="ez-toc-section" id="_Pro"> Наконечник Pro для размещения элементов </span></h4> <p> При размещении элементов рекомендуется открыть навигатор, чтобы убедиться, что вы размещаете блок div там, где хотите.</p> <p> Теперь снова откройте панель «Добавить». Затем возьмите блок div и перетащите его между вашим h2 и вашей кнопкой. Между этими элементами появится синяя линия. В навигаторе вы также увидите, что новый блок div находится между основным заголовком и кнопкой. </p> Вам нужно больше контента? Просто возьмите блок div и поместите его в нужное место. <p> Теперь мы можем выбрать этот новый блок div. Дважды щелкните его и либо введите свою копию прямо в нее, либо скопируйте и вставьте ее из текстового редактора.</p> <p> Теперь у нас есть новый текст, но он слишком мал, поэтому давайте создадим новый класс, чтобы мы могли его стилизовать. </p> <h3><span class="ez-toc-section" id="i-48"> Создание новых стилей </span></h3> <p> Мы собираемся создать стиль для этого выделенного текста, поэтому нажмите на него. </p> <p> Теперь перейдите на вкладку <strong> Style </strong> и щелкните значок <strong> + </strong>, чтобы добавить новый. Мы собираемся назвать этот новый стиль Hero Content. </p> <p> Теперь мы собираемся увеличить размер шрифта с 14 до 19 пикселей.Когда мы увеличиваем этот размер шрифта, наши буквы выглядят переполненными. Откройте расширенные параметры типографики, и давайте дадим нашим буквам немного больше места, увеличив высоту строки до 23 пикселей. </p> Регулировка высоты линии дает копии больше места для дыхания. <p> Так намного лучше. </p> <h3><span class="ez-toc-section" id="i-49"> Адаптивный дизайн - это просто </span></h3> <p> Webflow позволяет предварительно просмотреть свой дизайн, чтобы увидеть, как он будет выглядеть на различных устройствах. В верхней части экрана вы увидите варианты предварительного просмотра вашего сайта в четырех различных режимах: настольный компьютер, планшет, мобильная ориентация и мобильная портретная ориентация.</p> <p> Если что-то выглядит не так в любом из этих предварительных просмотров, вы можете настроить стиль для этого элемента, который находится на этом видовом экране <em> и меньших экранах </em>. (Поэтому обязательно исправляйте любые проблемы при максимальном размере области просмотра, который они могут появиться - это может просто решить проблему для всех размеров.) </p> <p> Допустим, мы хотим увеличить размер h2 для планшетов. Мы предварительно просматривали его в режиме планшета и настраивали класс (или добавляли комбинированный класс для конкретного устройства). Webflow дает нам возможность адаптировать наш дизайн для любого устройства, на котором он будет просматриваться.</p> Вы можете легко вносить изменения в область просмотра с помощью Webflow. Они идут каскадом вниз, поэтому изменения, внесенные в представление планшета, также повлияют на меньшие размеры. <h3><span class="ez-toc-section" id="i-50"> Добавляем собственный призыв к действию </span></h3> <p> Нам не нужна кнопка <strong> Получить цену </strong>, поэтому давайте заменим ее призывом к действию <strong> Посетите нас </strong> с адресом ресторана и номером телефона под ней. </p> <p> Перетащите заголовок из элементов и сделайте его h3.Также давайте перетащим еще один фрагмент текста. Мы создадим для него новый класс под названием «Детали местоположения», сделав шрифт немного меньше, чтобы добавить разнообразия в типографику. Поскольку это обычный бизнес, важно, чтобы этот очень важный информационный центр был в центре внимания всех, кто посещает веб-сайт. </p> Здесь призыв к действию добавлен прямо под контентом нашего героя в том же заголовке. ‍ Мы перетаскиваем новый блок div под заголовком призыва к действию, чтобы он содержал информацию о местонахождении нашего ресторана.‍Мы добавили детали нашего ресторана прямо под нашим призывом к действию и стилизовали текст иначе, чем остальной текст на странице. <p> Теперь перейдем к части дизайна, относящейся к CMS! </p> <h3><span class="ez-toc-section" id="_CMS"> Создавать динамический контент просто с нашей системой управления контентом (CMS) </span></h3> <p> Прежде чем что-либо делать с CMS, мы собираемся внести изменения в панель навигации вверху. </p> <p> Нам нужно заменить слово «ПОРТФОЛИО» на что-нибудь, связанное с записями CMS, которые мы собираемся создать.Давайте изменим ПОРТФОЛИО на ПОДПИСЬ БЛЮДА в навигационных ссылках в заголовке. </p> <p> Продолжайте и нажимайте над ссылкой, пока не увидите ссылку Nav в <strong> Navigator </strong>. Затем вы можете ввести текст прямо в поле, чтобы изменить текст ссылки. Поскольку эта кнопка находится в значке навигации, это обновление будет отображаться везде, где используется этот символ. </p> Чтобы перейти к содержимому символа, нужно несколько щелчков мышью, чем обычно, но как только вы войдете, ваши изменения будут внесены в каждый экземпляр символа! <p> Нам также нужно избавиться от последней работы.Давайте изменим это на Рекомендуемые блюда, дважды щелкнув раздел и введя текст прямо в поле. </p> <h3><span class="ez-toc-section" id="_CMS-2"> Создание новых записей CMS </span></h3> <p> Одной из самых мощных функций Webflow является его визуальная CMS. Он позволяет создавать настраиваемую структуру для динамического контента, а также макет, который будет применяться к каждому элементу, будь то запись в блоге, проект портфолио или фирменное блюдо. Существует ряд шаблонов, с помощью которых вы сможете начать все, что вам нужно.</p> <p> Теперь нам нужно превратить эти записи в портфолио в блюда, которые мы хотим выделить. </p> <p> Во-первых, давайте продолжим и создадим новые категории для всей еды, которую мы хотим представить. Вы можете использовать категории, чтобы лучше организовать свой контент как для соавторов, так и для посетителей сайта. </p> <p> Идите вперед и перейдите к Коллекции, щелкните по нему, затем добавьте категории для всех этих блюд. Я добавляю категории первых блюд, десертов и завтраков.Для вашего собственного дизайна определите, какой тип категоризации будет наиболее целесообразным. </p> <p> Здесь я создал более широкие категории, чтобы можно было легко найти все связанные блюда. Если бы я пошел более конкретно, я мог бы создать категории для гамбургеров, пиццы и пирожных, но для простоты я выбрал общий. </p> Коллекция категорий шаблона хорошо подходит для разделения блюд по типам приема пищи. <p> Мы не собираемся вносить какие-либо изменения в шаблон сообщения для этого руководства.Но при желании вы можете изменить настройки коллекции. Просто щелкните значок шестеренки рядом с «Проектами», чтобы открыть эту панель. Затем вы можете структурировать эти сообщения так, чтобы вам было удобно. </p> <p> Зайдите в Projects и щелкните <strong> + New </strong> в верхнем правом углу панели. Затем добавьте название блюда, в данном случае спагетти, загрузите изображение и выберите соответствующую категорию. </p> ‍ Наша визуальная CMS упрощает процесс создания динамического контента.<p> Затем вы можете повторить этот процесс для каждой записи, добавляя отдельное блюдо для каждой публикации. Только не забудьте удалить все записи CMS, которые были включены в исходный шаблон портфолио Versus! </p> <p> <strong> Примечание: чтобы не усложнять работу над учебником, мы остановились на Коллекции проектов шаблона для наших блюд. В идеале вы должны создать новую коллекцию и обновить привязки на домашней странице сайта, чтобы использовать новую коллекцию. </strong> (Если ваш повар не слишком экспериментален, он называет свои блюда «проектами.") </p> <h3><span class="ez-toc-section" id="i-51"> Точность удара </span></h3> <p> Поскольку это базовый веб-сайт, обновлять не так много разных страниц. Чтобы внести изменения на эти другие страницы, просто перейдите на «Страницы» на левой панели инструментов. Выберите страницу, затем обновите содержимое и изображения для каждой страницы, как мы показали вам ранее. </p> <p> На странице «О программе» я изменил текст и добавил другое фоновое изображение, убедившись, что выбрано «Обложка», чтобы оно соответствовало пространству. Этот шаблон также имеет градиент по этому изображению.Поскольку все выглядит нормально, оставим как есть. </p> ‍ Вот пример содержания, которое подойдет для страницы "О ресторане". <p> Мы также изменим страницу контактов с новым призывом к действию, побуждающим людей интересоваться нашими услугами кейтеринга. </p> ‍Мы добавили на страницу контактов новый призыв к действию. <p> Осталось только избавиться от логотипа Versus в правом верхнем углу нашей страницы и заменить его одним из наших собственных.После того, как мы все проверили и остались довольны, можно было бы опубликовать веб-сайт. </p> <p> Наконец, нам просто нужно выбрать план хостинга, подключить его к нашему персональному домену и приготовиться удивить мир. А если вы создаете этот сайт для клиента, вам нужно настроить Client Billing, чтобы передавать платежи за хостинг вашему клиенту. </p> <h3><span class="ez-toc-section" id="i-52"> Как стать лучшим веб-дизайнером, по одному проекту за раз </span></h3> <p> Мы рассказали вам, как превратить бесплатный шаблон портфолио в шаблон для ресторана.Не бойтесь взять шаблон и настроить его по своему вкусу. Мы помогаем вам экспериментировать и пробовать разные вещи в ваших проектах. </p> <p> С каждым проектом вы будете совершенствоваться. Мы просто даем вам необходимые инструменты и интуитивно понятный интерфейс, чтобы вы могли сосредоточиться на самом важном: на своем творчестве. </p> <h2><span class="ez-toc-section" id="i-53"> Пошаговое руководство </span></h2> <p> Хотите верьте, хотите нет, но лицо образования быстро меняется с развитием Интернет-технологий и Интернета. </p> <p> Интернет используется многими способами для улучшения системы образования, и один из них - создание образовательного / школьного веб-сайта.</p> <p> Но, я думаю, вы это уже знаете, иначе зачем вам быть здесь, верно? </p> <p> Если у вас все еще недостаточно мотивации для создания веб-сайта вашего учебного заведения, вот несколько советов, которые могут вам помочь. </p> <ul> <li> Это не стоит больших затрат, по крайней мере, если вы разрабатываете его с помощью WordPress. Вы можете создать профессионально выглядящий полнофункциональный образовательный веб-сайт за 59 долларов, если исключить стоимость хостинга. Базовый тарифный план стоит около 4 долларов в месяц. </li> <li> Вам не нужно нанимать профессионала! WordPress довольно прост в использовании.Если честно, когда вы дойдете до конца этой статьи, вы поймете основы WordPress. </li> <li> С WordPress вы можете подготовить свой образовательный веб-сайт за час, если будете следовать этому пошаговому руководству. </li> <li> Веб-сайт школы может эффективно способствовать организации рабочего процесса вашего учебного заведения, расширять сферу деятельности, а также повышать репутацию и признание вашего учреждения среди учителей, учеников, их родителей и администрации школы.</li> </ul> <p> Итак, если у вас есть мотивация и вы хотите создать образовательный веб-сайт для своей школы, колледжа, института, онлайн-портала или образовательного центра, оставайтесь со мной. Я проведу вас через весь процесс шаг за шагом. </p> <p> Прежде чем мы начнем, давайте взглянем на самые известные типы образовательных веб-сайтов и их важные элементы. </p> <p> Кстати, это несколько образовательных сайтов, созданных с помощью WordPress. </p> <h3><span class="ez-toc-section" id="i-54"> Три типа образовательных веб-сайтов </span></h3> <ul> <li> <strong> Веб-сайт школы или колледжа </strong> предоставляет информацию о школе, студентах, учителях, курсах и классах, которые они предлагают.</li> <li> <strong> Портал онлайн-образования </strong> предлагает учебные материалы, интерактивные классы и учебные пособия для студентов. </li> <li> <strong> Членский веб-сайт для образовательных учреждений </strong> - это сайт, на котором учащиеся могут войти в систему и посещать занятия в Интернете, просматривать информацию о своих оценках и отправлять свои задания. Преподаватели могут создавать курсы, управлять ими, брать уроки онлайн и офлайн для своих учеников, а также контролировать учеников. </li> </ul> <p> Так какой тип вы создаете? Дайте нам знать об этом в комментариях! </p> <h3><span class="ez-toc-section" id="i-55"> Что вам нужно на образовательном веб-сайте? </span></h3> <p> Это некоторые из общих элементов большинства образовательных сайтов.</p> <ul> <li> <strong> Домашняя страница </strong> - Это первая страница веб-сайта, на которой вы можете разместить логотип школы, изображения, важные уведомления и информацию о событиях. </li> <li> <strong> О странице </strong> - На этой странице вы можете предоставить информацию об истории вашей школы, ее местонахождении, сертификации и т. Д. </li> <li> <strong> Курсы </strong> - На этой странице вы можете предоставить подробную информацию о курсах, которые предлагает ваша школа. </li> <li> <strong> Биография и информация факультета </strong> - Здесь вы можете предоставить информацию об учителях и членах команды вашего учебного заведения.</li> <li> <strong> Регистрационная форма </strong> - эта форма предназначена для учащихся, чтобы записаться на занятия в вашей школе. </li> <li> <strong> Контактная форма </strong> - Вы можете создать форму запроса для будущих студентов и посетителей сайта, чтобы связаться с вашей школой. </li> </ul> <p> Устройтесь поудобнее, расслабьтесь и подумайте об элементах, которые вы хотите включить в образовательный веб-сайт, который вы собираетесь создать. Но не думайте слишком много, вы можете легко добавить / изменить позже. </p> <p> Итак, давайте начнем наше приключение! </p> <h3><span class="ez-toc-section" id="i-56"> Основные шаги для создания образовательного веб-сайта </span></h3> <ol> <li> Найдите подходящее доменное имя для своего образовательного веб-сайта </li> <li> Зарегистрируйте доменное имя и получите план хостинга </li> <li> Установите WordPress </li> <li> Установите красивую, привлекательную и отзывчивую образовательную тему WordPress для ваш веб-сайт </li> <li> Настройте тему для создания желаемого внешнего вида </li> <li> Установите соответствующие плагины </li> <li> Добавьте контент и информацию </li> </ol> <p> Теперь я подробно рассмотрю весь процесс.</p> <h3><span class="ez-toc-section" id="_1"> Шаг 1. Подумайте о доменном имени </span></h3> <p> Первый шаг - выбрать доменное имя для вашего образовательного веб-сайта. Название является отличительной чертой вашего бренда и представляет ваш образовательный институт, поэтому важно. Обычно выбор доменного имени является сложной задачей и занимает большую часть времени. Поскольку это ваш образовательный веб-сайт, это не составит большого труда. Имя вашей школы, колледжа, учебного заведения или образовательного портала может быть доменным именем вашего сайта.</p> <p> Когда вы будете готовы указать свои предполагаемые доменные имена, перейдите в Namesilo, чтобы проверить их доступность. Введите возможные имена в поле поиска. </p> <p> Если вам нужен домен «.com» для своего образовательного портала, вы можете проверить его доступность на Namesilo. Если вы найдете доменное имя в Namesilo, не регистрируйте его там. На следующем шаге я посоветую вам бесплатно получить доменное имя. </p> <p> Но если вы являетесь зарегистрированным учебным заведением в США, вы можете получить домен «.edu», который доступен только для аккредитованных высших учебных заведений, присуждающих ученую степень.Вы можете зарегистрировать домен .edu на EduCause. Для стран, отличных от США, вы можете зарегистрировать домен .edu у регистраторов национальных доменов верхнего уровня (ccTLD). </p> <h3><span class="ez-toc-section" id="_2"> Шаг 2. Зарегистрируйте доменное имя и получите план хостинга </span></h3> <p> Веб-хостинг - это место, где находится все содержимое вашего веб-сайта. </p> <p> Компании, предоставляющие веб-хостинг, предлагают вам определенный объем хранилища и пропускную способность по цене. Служба веб-хостинга позволяет отображать ваш сайт в Интернете. Таким образом, важно использовать надежный веб-хостинг.Для начала я бы порекомендовал использовать план виртуального хостинга, потому что он дешев и прост в использовании. </p> <p> Мы используем SiteGround для веб-хостинга Rara Theme и рекомендуем всем, поскольку он относительно дешев, очень надежен и готов к работе с WordPress. </p> <h4><span class="ez-toc-section" id="_SiteGround_WordPress"> Преимущества SiteGround для образовательных / школьных сайтов WordPress: </span></h4> <ol> <li> SiteGround предоставляет вам бесплатный домен. Лишь несколько веб-хостов предлагают бесплатное доменное имя. </li> <li> SiteGround официально рекомендован WordPress.</li> <li> SiteGround имеет <strong> время безотказной работы 99,99% </strong>. Это означает, что ваш сайт всегда будет доступен. </li> <li> SiteGround имеет отличную <strong> круглосуточную службу поддержки клиентов </strong>. </li> <li> SiteGround - один из самых быстрых веб-хостов. SiteGround использует SSD на своих серверах и обеспечивает высокую скорость работы по относительно низкой цене. </li> <li> Вы получаете бесплатный SSL-сертификат (HTTPS) на SiteGround. SiteGround предлагает встроенный SSL-сертификат Let's Encrypt. Наличие сертификата SSL делает ваш блог заслуживающим доверия.</li> </ol> <h4><span class="ez-toc-section" id="_-_SiteGround"> Как получить веб-хостинг SiteGround и бесплатный домен </span></h4> <p> Шаг 1: Перейдите на SiteGround, нажав здесь. </p> <p> Шаг 2. Выберите план <strong> StartUp </strong>, щелкнув <strong> НАЧАТЬ </strong>. Вы также можете выбрать другие планы. Но, как новичку, план Startup подойдет. </p> <p> Шаг 3: Выберите <strong>, зарегистрируйте новый домен </strong>. <strong> Введите доменное имя </strong>, которое вы ранее искали на Namesilo.com. Затем щелкните <strong> ПРОДОЛЖИТЬ </strong>. </p> <p> Шаг 4: Наконец, введите свое имя, физический адрес, адрес электронной почты, платежную информацию и период подписки.</p> <p> Рекомендую вам проверить раздел «Конфиденциальность домена в дополнительных услугах». Конфиденциальность домена защищает вашу информацию, такую ​​как имя, адрес и номер телефона, из поиска домена WHOIS. Это означает, что ваша личная информация будет защищена. </p> <h3><span class="ez-toc-section" id="_3_WordPress"> Шаг 3. Установите WordPress </span></h3> <p> Мы будем использовать WordPress для создания образовательного веб-сайта. </p> <p> WordPress - отличная платформа для создания любых образовательных веб-сайтов и отличная система управления контентом. Вы можете создать полнофункциональный веб-сайт, даже не понимая ни строчки кода, и это тоже БЕСПЛАТНО.</p> <p> А создать образовательный веб-сайт с WordPress очень просто. </p> <p> После регистрации в SiteGround вы можете установить WordPress в несколько кликов. </p> <p> <strong> Первый </strong>, войдите в свою учетную запись SiteGround. Проверьте свою электронную почту, чтобы получить информацию для входа. После успешной регистрации на SiteGround вы получите электронное письмо с инструкциями по входу. </p> <p> <strong> Затем </strong> следуйте этим простым пошаговым инструкциям SiteGround. Ваш веб-сайт WordPress будет готов за несколько шагов.</p> <p> УРА! </p> <p> Теперь у вас есть собственный образовательный веб-сайт. </p> <p> А теперь перейдем к обновлению веб-сайта WordPress и приданию ему элегантного и профессионального вида. </p> <p> Перед этим нам нужно получить доступ к панели администратора WordPress и внести некоторые изменения в настройки. </p> <p> Введите <strong> <em> http://yourblogname.com/wp-admin </em> </strong> в своем веб-браузере, чтобы получить доступ к панели администратора вашего WordPress. Войдите, используя свои учетные данные (имя пользователя или адрес электронной почты и пароль).</p> <p> После входа в систему вы будете перенаправлены в панель администратора WordPress. Здесь вы будете персонализировать свой сайт, добавлять страницы и размещать сообщения. </p> <p> На панели инструментов перейдите к <strong> Настройки </strong> и щелкните <strong> Постоянные ссылки </strong>. </p> <p> Затем в пользовательских настройках выберите «<strong> Post Name </strong>» и нажмите <strong> Сохранить изменения </strong>. Этот шаг необходим для того, чтобы ваш URL был читабельным. </p> <h3><span class="ez-toc-section" id="_4_WordPress"> <br/> Шаг 4. Установите красивую тему WordPress </span></h3> <p> В WordPress вы можете легко изменить внешний вид, макет и дизайн своего блога с помощью тем WordPress.</p> <p> Вам просто нужно найти красивую тему, которая соответствует вашим целям, и установить ее на свой веб-сайт. И очень скоро ваш сайт станет красивым. </p> <p> Перед тем, как установить любую тему, вот несколько вещей, на которые нужно обратить внимание при выборе темы </strong> WordPress. </p> <ol> <li> <strong> Дизайн: </strong> Макет и особенности темы влияют на внешний вид вашего веб-сайта. Вам следует выбрать тему, которая выглядит чистой, профессиональной и соответствует типу вашего образовательного сайта.</li> <li> <strong> Дизайнер: </strong> Плохо написанные темы приводят к множеству технических ошибок. Кроме того, они снижают производительность вашего веб-сайта и ограничивают его рейтинг в поисковых системах. Поэтому важно знать, достаточно ли опытен разработчик темы и есть ли у нее хорошие отзывы. </li> <li> <strong> Отзывчивость: </strong> Тема должна быть отзывчивой, т.е. ее следует оптимизировать для всех типов электронных устройств - компьютеров, мобильных устройств, планшетов. Вы не хотите упускать аудиторию на любых платформах.</li> <li> <strong> SEO Ready: </strong> Если тема поддерживает поисковую оптимизацию (SEO), ваш сайт будет занимать более высокие позиции в результатах поиска Google. Таким образом, больше людей будут иметь доступ к вашему сайту, что хорошо для его популярности. Чтобы проверить, готова ли тема для SEO, перейдите сюда и вставьте URL-адрес темы. Если в теме много ошибок, избегайте ее. Тема с небольшим количеством ошибок лучше подходит для SEO. </li> <li> <strong> Поддержка от разработчика: </strong> Относится только к темам Premium. Когда вы покупаете тему Premium, проверьте, насколько оперативна команда поддержки.</li> </ol> <p> Я также рекомендую вам обратиться к этому сообщению в блоге о <strong>, как выбрать тему WordPress </strong>, чтобы выбрать тему для вашего веб-сайта. </p> <p> Для этого руководства я выберу тему WordPress Education Zone, потому что она бесплатна и содержит все важные элементы для школьного веб-сайта. Вы можете найти некоторые из наших <strong> тем WordPress для образования здесь. </strong> </p> <h4><span class="ez-toc-section" id="_WordPress"> Как загрузить тему в панель управления WordPress? </span></h4> <p> Сначала войдите в панель управления WordPress <strong> http: // yourwebsitename.com / wp-admin <em>. </em> </strong> </p> <p> Затем перейдите в <strong> Внешний вид → Темы </strong>. <br/> </p> <p> Нажмите кнопку <strong> Добавить новый </strong> вверху. </p> <p> Мы можем установить темы WordPress двумя способами - непосредственно из репозитория WordPress (только для бесплатных тем) или методом загрузки. </p> <h4><span class="ez-toc-section" id="_WordPress-2"> Как установить и изменить тему из репозитория WordPress </span></h4> <p> После того, как вы нажмете «Добавить», <strong> репозиторий WordPress </strong> покажет вам список избранных тем на панели инструментов.Найдите <strong> Education Zone </strong> или интересующую вас тему в строке поиска и нажмите <strong> Установить </strong>. Затем WordPress установит тему на ваш сайт. </p> <p> Теперь нажмите <strong> Активировать </strong>, чтобы сделать его темой по умолчанию для вашего образовательного сайта. </p> <h4><span class="ez-toc-section" id="i-57"> Как установить и изменить тему методом загрузки? </span></h4> <p> Загрузите тему Education Zone или любую другую образовательную тему WordPress, которая лучше соответствует вашим требованиям, прежде чем переходить к этому шагу. </p> <p> После того, как вы нажмете <strong> Добавить новый </strong>, щелкните <strong> Загрузить тему </strong>, чтобы загрузить свою тему на сайт.</p> <p> Затем нажмите <strong> Обзор </strong> и выберите тему на своем компьютере. Тема должна быть в формате «.zip». </p> <p> После успешной загрузки темы нажмите кнопку <strong> Установить сейчас </strong>. Ваша тема будет готова через несколько секунд. </p> <p> Наконец, нажмите <strong> Активировать </strong>, чтобы активировать тему на веб-сайте вашей школы. </p> <p> Поздравляем! <br/> Вы успешно установили образовательную тему на свой сайт. </p> <p> Теперь вы можете настроить его и использовать его функции для создания собственного официального сайта школы.Если вы установили тему Education Zone, вы можете продолжить настройку темы, следуя этой документации по теме Education Zone. </p> <p> Я также перечислил <strong> три лучших темы для образовательного сайта </strong>. Все перечисленные темы также имеют бесплатные версии. Вы можете сначала опробовать бесплатные версии, прежде чем переходить на Premium. </p> <p> Если вам нравятся бесплатные версии и вы действительно хотите создать образовательный / школьный веб-сайт, то вложение нескольких долларов в качественную тему Premium - действительно хорошее вложение.Прочтите здесь 7 причин, чтобы выбрать тему Premium. </p> <p> <em> Примечание: все темы, перечисленные здесь, созданы нашей командой. У нас есть множество красивых тем для разных целей. Однако список содержит только темы, подходящие для образовательного сайта / блога. Все наши темы разработаны и созданы опытными дизайнерами. Все темы адаптивны и готовы к SEO. И вы получите первоклассную поддержку от наших дизайнеров. </em> </p> <h3><span class="ez-toc-section" id="i-58"> Рекомендуемые темы для образовательного веб-сайта: </span></h3> <h3><span class="ez-toc-section" id="Preschool_and_Kindergarten_Pro"> Preschool and Kindergarten Pro </span></h3> <p> Preschool and Kindergarten Pro - это удобная для детей, простая в использовании тема WordPress с удивительными функциями и красивым дизайном.</p> <p> Простая навигация и простой пользовательский интерфейс по этой теме привлекают пользователей и обеспечивают лучший пользовательский опыт. Эта тема позволяет создавать развлекательные, а также образовательные мероприятия для детей, сообщения в блогах о событиях, управлять фотогалереями и лучше общаться с будущими родителями. </p> <p> Тема включает 7 предустановленных страниц, 8 предустановленных макетов заголовков, 16 настраиваемых виджетов, многоязычную совместимость и обширную документацию, которые позволяют удобно персонализировать свой веб-сайт по своему желанию.В теме есть все инструменты, функции, плагины и виджеты, позволяющие легко настроить полнофункциональный образовательный веб-сайт для детских садов, дошкольных учреждений и учебных заведений. </p> Подробности темы Демо <h3><span class="ez-toc-section" id="Rara_Academic_Pro"> Rara Academic Pro </span></h3> <p> Rara Academic Pro - это красивая тема, разработанная с чистым профессиональным оформлением для образовательного портала, учебного центра, центра курсов, колледжа, академии, университета, школы и детского сада. </p> <p> Эта тема позволяет создавать неограниченное количество курсов, онлайн-классов или создавать открытую онлайн-библиотеку, при этом будучи масштабируемой и доступной.</p> <p> Тема включает 9 предустановленных макетов заголовков, 6 предустановленных страниц, 13 настраиваемых виджетов, привлекательный макет блога, многоязычную совместимость и обширную документацию, что позволяет создавать безупречно профессиональный веб-сайт для вашего учреждения. В теме достаточно места для образовательной информации, настраиваемых типов сообщений, событий и настраиваемых страниц для передачи сообщения посетителям. </p> Детали темыDemo <h3><span class="ez-toc-section" id="Education_Zone_Pro"> Education Zone Pro </span></h3> <p> Education Zone Pro - это изысканная тема, созданная для образовательных учреждений и колледжей.</p> <p> Эта тема позволяет создать информационный веб-сайт школы, который включает в себя предлагаемые курсы, информацию о командах, статьи и сообщения в блогах учащихся, школьные новости, предстоящие школьные мероприятия, информационный бюллетень школы и т. Д. </p> <p> Тема поставляется со многими добавленными настраиваемые страницы, заголовки, виджеты и другие инструменты, которые можно легко настроить для создания веб-сайта учебного заведения с чистым, профессиональным дизайном и функциями для профессиональной передачи вашего сообщения будущим студентам.</p> Theme DetailsDemo <p> Все эти темы адаптивны, хорошо закодированы, оптимизированы по скорости и готовы к поисковой оптимизации. Кроме того, <strong>, как только вы купите </strong> этих тем, вы можете <strong> использовать его </strong> на любом количестве доменов <strong> </strong> за <strong> бесплатно </strong> за <strong> время жизни </strong>. Помимо всех этих функций, вы также получите отличную поддержку от опытных разработчиков, если у вас возникнут какие-либо проблемы. </p> <h3><span class="ez-toc-section" id="_5_WordPress"> Шаг 5. Установите плагины WordPress </span></h3> <p> Школьные плагины - это фрагменты программного обеспечения, которые можно загрузить, чтобы расширить и расширить функциональность вашего образовательного сайта WordPress.</p> <p> Плагины, которые я собираюсь перечислить ниже, помогут вам создавать курсы и управлять ими, позволят студентам записаться и предоставят инструкторам средства для оценки работы студентов, получения оплаты за занятия и обеспечения системы доставки для классов. </p> <h4><span class="ez-toc-section" id="_WordPress-3"> Как установить плагин WordPress? </span></h4> <p> Первый <strong>, </strong> <strong> логин </strong> в админ панель WordPress. <strong> <em> http://yourwebsite.com/wp-admin </em> </strong> </p> <p> Затем щелкните <strong> Plugins </strong>.</p> <p> Затем <strong>, </strong> щелкните <strong> Добавить новый </strong>. </p> <p> После этого в строке поиска <strong> введите имя </strong> плагина, который вы хотите установить. Я искал <strong> learnPress </strong>. </p> <p> Затем нажмите кнопку <strong> Установить сейчас </strong>, чтобы установить плагин. </p> <p> Установка займет несколько секунд. Вы увидите надпись <strong> Installing .. </strong> на кнопке. </p> <p> Наконец, нажмите кнопку <strong> Активировать </strong>, чтобы активировать плагин на вашем сайте.</p> <p> После активации плагина вы увидите список своих плагинов. </p> <h4><span class="ez-toc-section" id="_WordPress-4"> Некоторые плагины WordPress для школьных сайтов </span></h4> <p> Теперь давайте поговорим о некоторых школьных плагинах WordPress, которые должен использовать каждый образовательный сайт. </p> <h4><span class="ez-toc-section" id="Tutor_LMS"> Tutor LMS </span></h4> <p> Tutor LMS - это бесплатный плагин LMS с уникальным конструктором курсов, который позволяет создавать курсы прямо из интерфейса. На одной и той же странице конструктора курсов можно построить весь курс, включая все уроки, тесты и задания.Он также поддерживает работу с несколькими инструкторами и имеет надежный конструктор викторин с 10 очень интересными шаблонами вопросов. </p> <p> Кроме того, вы получаете доступ к настраиваемым сертификатам, параметрам предварительного просмотра курса и надежным системам электронной коммерции для создания любой модели монетизации. </p> <h4><span class="ez-toc-section" id="LearnDash"> LearnDash </span></h4> <p> LearnDash поддерживает многоуровневые курсы, которые позволяют легко создавать курсы с уроками, темами, викторинами и категориями. Вы можете давать пользователям задания, а затем одобрять или комментировать их. </p> <p> Он также поставляется с инструментами управления тестами и тестами с несколькими вариантами ответов.Вы можете легко установить предварительные условия для учащихся, например сначала закончить урок, прежде чем переходить к следующему. </p> <h4><span class="ez-toc-section" id="LifterLMS"> LifterLMS </span></h4> <p> LifterLMS - это система управления обучением, которая поддерживает многоуровневые курсы с учебными модулями, уроками, категориями и т. Д. Этот плагин работает как членский веб-сайт, на котором студенты регистрируются или покупают курс. Это повысит их уровень членства, и тогда они смогут получить доступ к соответствующему контенту. </p> <p> Он также имеет встроенную функцию корзины покупок, которую вы можете использовать для продажи своих курсов.</p> <h4><span class="ez-toc-section" id="learnPress"> learnPress </span></h4> <p> TeachPress - это система управления курсами и BibTeX-совместимая система управления публикациями. Он оптимизирован для нужд профессоров и исследователей. Он добавляет две вкладки на вашу панель инструментов: курс и публикации. </p> <p> Вы можете создавать курсы и учетные записи студентов на вкладке <strong> курс </strong>. Кроме того, вы можете описать публикации, которые будут использоваться для курса, на вкладке <strong> публикации </strong>. Это может быть книга, буклет, статья, глава, презентация, онлайн и т. Д.</p> <h4><span class="ez-toc-section" id="CoursePress"> CoursePress </span></h4> <p> CoursePress позволяет пользователям легко создавать и обмениваться курсами с тестами, видео и аудио. Вы можете создавать курсы, которые в основном являются видео, позволять пользователям загружать и скачивать контент, а также создавать доску обсуждений, где студенты и фасилитаторы могут обмениваться идеями. CoursePress позволяет создавать как платные, так и бесплатные курсы. </p> <h4><span class="ez-toc-section" id="Sensei"> Sensei </span></h4> <p> Sensei - это плагин WordPress для учебных курсов, который позволяет пользователям создавать курсы, писать уроки и добавлять тесты для курсов.Вы можете установить предварительные условия для курса, зарегистрировать пользователей и взимать плату за свои курсы, если хотите. Сэнсэй также предлагает вам проанализировать, кто проходит ваш курс и как они продвигаются. </p> <h4><span class="ez-toc-section" id="WPCourseware"> WPCourseware </span></h4> <p> WPCourseware - это инструмент электронного обучения, который имеет простую функцию перетаскивания, что упрощает создание курсов. Этот плагин включает в себя такие функции, как визуализатор успеваемости студентов, схемы курса и настраиваемые уведомления по электронной почте. Это позволяет вам создавать самые разные типы викторин, включая множественный выбор, истинные и ложные, открытые, или вы можете заставить учащихся загрузить файл в качестве своего ответа.</p> <p> Выберите плагин, который соответствует вашим требованиям. Помимо образовательных плагинов, вы также должны добавить плагины для SEO, безопасности, производительности и резервного копирования. </p> <p> Но НЕ перегружайте свой образовательный веб-сайт плагинами. </p> <h3><span class="ez-toc-section" id="_6"> Шаг 6. Добавьте контент на свой школьный веб-сайт </span></h3> <p> Wow! Торжества не за горами. Ваш сайт почти готов. </p> <p> Теперь добавьте соответствующий контент на свой веб-сайт, и у вас будет собственный полноценный образовательный / школьный веб-сайт. </p> <p> Чтобы добавить сообщения, перейдите в <strong> Сообщения> Добавить </strong> Новое на панели управления администратора.</p> <p> Чтобы добавить страницы на свой веб-сайт, перейдите на страницу <strong> Страницы> Добавить новый </strong> на панели управления администратора. </p> <h3><span class="ez-toc-section" id="i-59"> Содержимое, которое следует добавить на сайт школы </span></h3> <ul> <li> <strong> Информация о школе и ее контакты </strong>. Вы должны предоставить краткую информацию о школе, ее учреждении, сертификации, их цели и девизе, курсах, которые они предлагают и т. Д. Вы также должны предоставить контактные данные вашей школы, ее адрес, номера телефонов, местонахождение на Google Maps и т. Д. </li> <li> <strong> Классы и курсы </strong>.Раздел с информацией о классах и курсах, предлагаемых школой. Важно указать как краткое изложение, так и подробную информацию о курсах, количество студентов, зачисленных в определенный класс и конкретный курс. </li> <li> <strong> Галерея </strong>. Он наглядно демонстрирует различные важные школьные мероприятия, события, достижения и т. Д. </li> <li> <strong> Новости и события </strong>. Они включают фотоотчеты о недавних или предстоящих мероприятиях, семинарах, тренингах, статьях, объявлениях и т. Д.Они также включают награды, образование и повышение квалификации. </li> <li> <strong> Информационная страница студента </strong>. В этом разделе вы можете добавить личную информацию об учениках, их достижениях и успеваемости, а также данные об их экзаменах. </li> <li> <strong> Преподаватели </strong>. Этот раздел включает личную информацию обо всех учителях, курс, который они преподают, и их многолетний опыт. </li> <li> <strong> Свидетельство родителей. </strong> В этом разделе вы можете добавить мнения родителей о вашей школе и ее мероприятиях.</li> <li> <strong> Почему выбирают нас Раздел. </strong> Вы можете отображать достижения своей школы, размещать фотографии своей школы, учителей и выдающихся выпускников, а также рассказывать будущим родителям и ученикам, почему они должны выбрать именно вашу школу. </li> <li> <strong> Истории успеха студентов. </strong> Здесь вы можете показать достижения, навыки и истории успеха ваших учеников. </li> <li> <strong> Блог / Информационный бюллетень </strong>, где статьи, творческие работы и сочинения студентов публикуются либо ежедневно, либо ежемесячно, либо ежегодно.</li> </ul> <h3><span class="ez-toc-section" id="i-60"> Заключение </span></h3> <p> Уф! Если вы действительно проделали этот путь вместе со мной, я полагаю, вы подготовили свой веб-сайт. </p> <p> Теперь у вас есть полностью функционирующий образовательный / школьный веб-сайт со всеми необходимыми инструментами. </p> <p> Вы можете настроить свой сайт так, как хотите. Поиграйте с темами, плагинами и создайте свой собственный образовательный веб-сайт. </p> <p> Вот 11 вещей, которые вы должны сделать после установки WordPress в первый раз.<div class='yarpp-related yarpp-related-none'> <p>No related posts.</p> </div> </div><!-- .entry-content --> <footer class="entry-footer"><div class="entry-meta"></div><!-- .entry-meta --></footer> <!-- .entry-footer --> </article><!-- #post-## --> <div id="comments" class="comments-area "> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/kak-sozdat-svoj-sajt-na-yutube-kak-sozdat-kanal-na-youtube-v-2020-poshagovaya-instrukcziya-s-nulya.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='3537' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> <nav class="navigation post-navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/raznoe/dolgi-kak-izbavitsya-ot-nih-rukovodstvo-kak-izbavitsya-ot-dolgov-5-pravil-6-shagov.html" rel="prev"><span aria-hidden="true" class="nav-subtitle">Назад</span><span class="nav-title">Долги как избавиться от них: Руководство «Как избавиться от долгов» 5 правил, 6 шагов!</span><span class="screen-reader-text">Назад</span></a></div><div class="nav-next"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/raznoe/kak-stat-bystro-millionerom-kak-stat-millionerom-top-5-sposobov-sovety-i-rekomendaczii.html" rel="next"><span aria-hidden="true" class="nav-subtitle">Вперед</span><span class="nav-title">Как стать быстро миллионером: Как стать миллионером — ТОП-5 способов + советы и рекомендации</span><span class="screen-reader-text">Вперед</span></a></div></div> </nav> </div><!-- .singular-content-wrap --> </main><!-- .site-main --> </div><!-- .content-area --> <aside id="secondary" class="sidebar widget-area" role="complementary"> <section id="categories-3" class="widget widget_categories"><h2 class="widget-title">Рубрики</h2> <ul> <li class="cat-item cat-item-6"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/bez-vlozhenij">Без вложений</a> </li> <li class="cat-item cat-item-7"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/v-internete">В интернете</a> </li> <li class="cat-item cat-item-5"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/dengi">Деньги</a> </li> <li class="cat-item cat-item-9"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/kak-bystro">Как быстро</a> </li> <li class="cat-item cat-item-4"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/kak-zarabotat">Как заработать</a> </li> <li class="cat-item cat-item-3"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/raznoe">Разное</a> </li> <li class="cat-item cat-item-8"><a href="https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/category/s-chego-nachat">С чего начать</a> </li> </ul> </section><section id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script></div></section></aside></div></div><footer id="colophon" class="site-footer" role="contentinfo"><div id="site-generator"><div class="site-info two"><div class="wrapper"><div id="footer-left-content" class="copyright"> 2019 © Все права защищены.</div></div></div></div></footer></div> <a href="#masthead" id="scrollup" class="backtotop"><svg class="icon icon-angle-down" aria-hidden="true" role="img"> <use href="#icon-angle-down" xlink:href="#icon-angle-down"></use> </svg><span class="screen-reader-text">Наверх</span></a><style type="text/css">.archive #nav-above, .archive #nav-below, .search #nav-above, .search #nav-below, .blog #nav-below, .blog #nav-above, .navigation.paging-navigation, .navigation.pagination, .pagination.paging-pagination, .pagination.pagination, .pagination.loop-pagination, .bicubic-nav-link, #page-nav, .camp-paging, #reposter_nav-pages, .unity-post-pagination, .wordpost_content .nav_post_link,.page-link, .page-links,#comments .navigation, #comment-nav-above, #comment-nav-below, #nav-single, .navigation.comment-navigation, comment-pagination { display: none !important; } .single-gallery .pagination.gllrpr_pagination { display: block !important; }</style><link rel='stylesheet' id='yarppRelatedCss-css' href='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/yet-another-related-posts-plugin/style/related.css' type='text/css' media='all' /><link rel='stylesheet' id='pgntn_stylesheet-css' href='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/pagination/css/nav-style.css' type='text/css' media='all' /> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/themes/catch-mag/assets/js/skip-link-focus-fix.min.js' id='catch-mag-skip-link-focus-fix-js'></script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-includes/js/comment-reply.min.js' id='comment-reply-js'></script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/themes/catch-mag/assets/js/jquery.matchHeight.min.js' id='jquery-match-height-js'></script> <script type='text/javascript' id='catch-mag-script-js-extra'>var catchMagazineOptions = {"screenReaderText":{"expand":"expand child menu","collapse":"collapse child menu","icon":"<svg class=\"icon icon-angle-down\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-down\" xlink:href=\"#icon-angle-down\"><\/use> <span class=\"svg-fallback icon-angle-down\"><\/span><\/svg>"},"iconNavPrev":"<svg class=\"icon icon-angle-left\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-left\" xlink:href=\"#icon-angle-left\"><\/use> <span class=\"svg-fallback icon-angle-left\"><\/span><\/svg>","iconNavNext":"<svg class=\"icon icon-angle-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-right\" xlink:href=\"#icon-angle-right\"><\/use> <span class=\"svg-fallback icon-angle-right\"><\/span><\/svg>","rtl":""};</script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/themes/catch-mag/assets/js/functions.min.js' id='catch-mag-script-js'></script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js' id='jquery-smooth-scroll-js'></script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js' id='js-cookie-js'></script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js' id='jquery-sticky-kit-js'></script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js' id='jquery-waypoints-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'>var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"};</script> <script type='text/javascript' src='https://xn-----6kcaei7bxaweo1aeca2n1b.xn--p1ai/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js' id='ez-toc-js-js'></script> <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-behance" viewBox="0 0 37 32"> <path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path> </symbol> <symbol id="icon-deviantart" viewBox="0 0 18 32"> <path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path> </symbol> <symbol id="icon-medium" viewBox="0 0 32 32"> <path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path> </symbol> <symbol id="icon-slideshare" viewBox="0 0 32 32"> <path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path> </symbol> <symbol id="icon-snapchat-ghost" viewBox="0 0 30 32"> <path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path> </symbol> <symbol id="icon-yelp" viewBox="0 0 27 32"> <path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path> </symbol> <symbol id="icon-vine" viewBox="0 0 27 32"> <path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path> </symbol> <symbol id="icon-vk" viewBox="0 0 35 32"> <path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path> </symbol> <symbol id="icon-search" viewBox="0 0 30 32"> <path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path> </symbol> <symbol id="icon-envelope-o" viewBox="0 0 1792 1792"> <path d="M1664 1504v-768q-32 36-69 66-268 206-426 338-51 43-83 67t-86.5 48.5-102.5 24.5h-2q-48 0-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0 13 9.5 22.5t22.5 9.5h1472q13 0 22.5-9.5t9.5-22.5zm0-1051v-24.5l-.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13 0-22.5 9.5t-9.5 22.5q0 168 147 284 193 152 401 317 6 5 35 29.5t46 37.5 44.5 31.5 50.5 27.5 43 9h2q20 0 43-9t50.5-27.5 44.5-31.5 46-37.5 35-29.5q208-165 401-317 54-43 100.5-115.5t46.5-131.5zm128-37v1088q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1472q66 0 113 47t47 113z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 25 32"> <path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path> </symbol> <symbol id="icon-angle-left" viewBox="0 0 1792 1792"> <path class="path1" d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path> </symbol> <symbol id="icon-angle-right" viewBox="0 0 1792 1792"> <path class="path1" d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"></path> </symbol> </symbol> <symbol id="icon-angle-down" viewBox="0 0 21 32"> <path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path> </symbol> <symbol id="icon-folder-open" viewBox="0 0 34 32"> <path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path> </symbol> <symbol id="icon-twitter" viewBox="0 0 30 32"> <path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path> </symbol> <symbol id="icon-facebook" viewBox="0 0 19 32"> <path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path> </symbol> <symbol id="icon-github" viewBox="0 0 27 32"> <path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path> </symbol> <symbol id="icon-bars" viewBox="0 0 27 32"> <path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-google-plus" viewBox="0 0 41 32"> <path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path> </symbol> <symbol id="icon-linkedin" viewBox="0 0 27 32"> <path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path> </symbol> <symbol id="icon-quote-right" viewBox="0 0 30 32"> <path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path> </symbol> <symbol id="icon-mail-reply" viewBox="0 0 32 32"> <path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path> </symbol> <symbol id="icon-youtube" viewBox="0 0 27 32"> <path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path> </symbol> <symbol id="icon-dropbox" viewBox="0 0 32 32"> <path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path> </symbol> <symbol id="icon-instagram" viewBox="0 0 27 32"> <path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path> </symbol> <symbol id="icon-flickr" viewBox="0 0 27 32"> <path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path> </symbol> <symbol id="icon-tumblr" viewBox="0 0 19 32"> <path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path> </symbol> <symbol id="icon-dribbble" viewBox="0 0 27 32"> <path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-skype" viewBox="0 0 27 32"> <path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path> </symbol> <symbol id="icon-foursquare" viewBox="0 0 23 32"> <path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path> </symbol> <symbol id="icon-wordpress" viewBox="0 0 32 32"> <path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path> </symbol> <symbol id="icon-stumbleupon" viewBox="0 0 34 32"> <path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path> </symbol> <symbol id="icon-digg" viewBox="0 0 37 32"> <path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path> </symbol> <symbol id="icon-spotify" viewBox="0 0 27 32"> <path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-soundcloud" viewBox="0 0 41 32"> <path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path> </symbol> <symbol id="icon-codepen" viewBox="0 0 32 32"> <path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path> </symbol> <symbol id="icon-twitch" viewBox="0 0 32 32"> <path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path> </symbol> <symbol id="icon-meanpath" viewBox="0 0 27 32"> <path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path> </symbol> <symbol id="icon-pinterest-p" viewBox="0 0 23 32"> <path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path> </symbol> <symbol id="icon-get-pocket" viewBox="0 0 31 32"> <path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path> </symbol> <symbol id="icon-vimeo" viewBox="0 0 32 32"> <path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path> </symbol> <symbol id="icon-reddit-alien" viewBox="0 0 32 32"> <path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path> </symbol> <symbol id="icon-hashtag" viewBox="0 0 32 32"> <path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path> </symbol> <symbol id="icon-chain" viewBox="0 0 30 32"> <path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path> </symbol> <symbol id="icon-thumb-tack" viewBox="0 0 21 32"> <path class="path1" d="M8.571 15.429v-8q0-0.25-0.161-0.411t-0.411-0.161-0.411 0.161-0.161 0.411v8q0 0.25 0.161 0.411t0.411 0.161 0.411-0.161 0.161-0.411zM20.571 21.714q0 0.464-0.339 0.804t-0.804 0.339h-7.661l-0.911 8.625q-0.036 0.214-0.188 0.366t-0.366 0.152h-0.018q-0.482 0-0.571-0.482l-1.357-8.661h-7.214q-0.464 0-0.804-0.339t-0.339-0.804q0-2.196 1.402-3.955t3.17-1.759v-9.143q-0.929 0-1.607-0.679t-0.679-1.607 0.679-1.607 1.607-0.679h11.429q0.929 0 1.607 0.679t0.679 1.607-0.679 1.607-1.607 0.679v9.143q1.768 0 3.17 1.759t1.402 3.955z"></path> </symbol> <symbol id="icon-arrow-left" viewBox="0 0 43 32"> <path class="path1" d="M42.311 14.044c-0.178-0.178-0.533-0.356-0.711-0.356h-33.778l10.311-10.489c0.178-0.178 0.356-0.533 0.356-0.711 0-0.356-0.178-0.533-0.356-0.711l-1.6-1.422c-0.356-0.178-0.533-0.356-0.889-0.356s-0.533 0.178-0.711 0.356l-14.578 14.933c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l14.756 14.933c0 0.178 0.356 0.356 0.533 0.356s0.533-0.178 0.711-0.356l1.6-1.6c0.178-0.178 0.356-0.533 0.356-0.711s-0.178-0.533-0.356-0.711l-10.311-10.489h33.778c0.178 0 0.533-0.178 0.711-0.356 0.356-0.178 0.533-0.356 0.533-0.711v-2.133c0-0.356-0.178-0.711-0.356-0.889z"></path> </symbol> <symbol id="icon-arrow-right" viewBox="0 0 43 32"> <path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path> </symbol> <symbol id="icon-play" viewBox="0 0 22 28"> <path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path> </symbol> <symbol id="icon-pause" viewBox="0 0 24 28"> <path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path> </symbol> <symbol id="icon-phone" viewBox="0 0 1792 1792"> <path d="M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-53-3.5t-57.5-12.5-47-14.5-55.5-20.5-49-18q-98-35-175-83-127-79-264-216t-216-264q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47-12.5-57.5-3.5-53q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z"></path> </symbol> <symbol id="icon-address-book-o" viewBox="0 0 1792 1792"> <path d="M1092 644q0 107-76.5 183t-183.5 76-183.5-76-76.5-183q0-108 76.5-184t183.5-76 183.5 76 76.5 184zm-48 220q46 0 82.5 17t60 47.5 39.5 67 24 81 11.5 82.5 3.5 79q0 67-39.5 118.5t-105.5 51.5h-576q-66 0-105.5-51.5t-39.5-118.5q0-48 4.5-93.5t18.5-98.5 36.5-91.5 63-64.5 93.5-26h5q7 4 32 19.5t35.5 21 33 17 37 16 35 9 39.5 4.5 39.5-4.5 35-9 37-16 33-17 35.5-21 32-19.5zm684-256q0 13-9.5 22.5t-22.5 9.5h-96v128h96q13 0 22.5 9.5t9.5 22.5v192q0 13-9.5 22.5t-22.5 9.5h-96v128h96q13 0 22.5 9.5t9.5 22.5v192q0 13-9.5 22.5t-22.5 9.5h-96v224q0 66-47 113t-113 47h-1216q-66 0-113-47t-47-113v-1472q0-66 47-113t113-47h1216q66 0 113 47t47 113v224h96q13 0 22.5 9.5t9.5 22.5v192zm-256 1024v-1472q0-13-9.5-22.5t-22.5-9.5h-1216q-13 0-22.5 9.5t-9.5 22.5v1472q0 13 9.5 22.5t22.5 9.5h1216q13 0 22.5-9.5t9.5-22.5z"></path> </symbol> <symbol id="icon-calendar" viewBox="0 0 1792 1792"> <path d="M192 1664h288v-288h-288v288zm352 0h320v-288h-320v288zm-352-352h288v-320h-288v320zm352 0h320v-320h-320v320zm-352-384h288v-288h-288v288zm736 736h320v-288h-320v288zm-384-736h320v-288h-320v288zm768 736h288v-288h-288v288zm-384-352h320v-320h-320v320zm-352-864v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm736 864h288v-320h-288v320zm-384-384h320v-288h-320v288zm384 0h288v-288h-288v288zm32-480v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38h-1408q-52 0-90-38t-38-90v-1280q0-52 38-90t90-38h128v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z"></path> </symbol> <symbol id="icon-quote-left" viewBox="0 0 1792 1792"> <path d="M832 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path> </symbol> <symbol id="icon-user" viewBox="0 0 1792 1792"> <path d="M1536 1399q0 109-62.5 187t-150.5 78h-854q-88 0-150.5-78t-62.5-187q0-85 8.5-160.5t31.5-152 58.5-131 94-89 134.5-34.5q131 128 313 128t313-128q76 0 134.5 34.5t94 89 58.5 131 31.5 152 8.5 160.5zm-256-887q0 159-112.5 271.5t-271.5 112.5-271.5-112.5-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5z"></path> </symbol> <symbol id="icon-comment" viewBox="0 0 1792 1792"> <path d="M1792 896q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-130 71-248.5t191-204.5 286-136.5 348-50.5q244 0 450 85.5t326 233 120 321.5z"></path> </symbol> <symbol id="icon-folder" viewBox="0 0 1792 1792"> <path d="M1728 608v704q0 92-66 158t-158 66h-1216q-92 0-158-66t-66-158v-960q0-92 66-158t158-66h320q92 0 158 66t66 158v32h672q92 0 158 66t66 158z"></path> </symbol> <symbol id="icon-tag" viewBox="0 0 1792 1792"> <path d="M576 448q0-53-37.5-90.5t-90.5-37.5-90.5 37.5-37.5 90.5 37.5 90.5 90.5 37.5 90.5-37.5 37.5-90.5zm1067 576q0 53-37 90l-491 492q-39 37-91 37-53 0-90-37l-715-716q-38-37-64.5-101t-26.5-117v-416q0-52 38-90t90-38h416q53 0 117 26.5t102 64.5l715 714q37 39 37 91z"></path> </symbol> <symbol id="icon-clock-o" viewBox="0 0 1792 1792"> <path d="M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"></path> </symbol> <symbol id="icon-home" viewBox="0 0 1792 1792"> <path d="M1472 992v480q0 26-19 45t-45 19h-384v-384h-256v384h-384q-26 0-45-19t-19-45v-480q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7l-692-577-692 577q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5t11-21.5l719-599q32-26 76-26t76 26l244 204v-195q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z"></path> </symbol> <symbol id="icon-image" viewBox="0 0 2048 1792"> <path d="M704 576q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1024 384v448h-1408v-192l320-320 160 160 512-512zm96-704h-1600q-13 0-22.5 9.5t-9.5 22.5v1216q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5v-1216q0-13-9.5-22.5t-22.5-9.5zm160 32v1216q0 66-47 113t-113 47h-1600q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1600q66 0 113 47t47 113z"></path> </symbol> <symbol id="icon-video" viewBox="0 0 576 512"> <path d="M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"></path> </symbol> <symbol id="icon-chat" viewBox="0 0 1792 1792"> <path d="M1792 896q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-130 71-248.5t191-204.5 286-136.5 348-50.5q244 0 450 85.5t326 233 120 321.5z"></path> </symbol> <symbol id="icon-link" viewBox="0 0 1792 1792"> <path d="M1520 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zm-703-705q0-40-28-68l-206-207q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5t-21.5-21.5-15-19-13-25.5-3.5-27.5q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84l-208-208q-84-84-84-204t85-203l147-146q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z"></path> </symbol> <symbol id="icon-quote" viewBox="0 0 1792 1792"> <path d="M832 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path> </symbol> <symbol id="icon-quote" viewBox="0 0 1792 1792"> <path d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-788-814q20 8 20 30v544q0 22-20 30-8 2-12 2-12 0-23-9l-166-167h-131q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h131l166-167q16-15 35-7zm417 689q31 0 50-24 129-159 129-363t-129-363q-16-21-43-24t-47 14q-21 17-23.5 43.5t14.5 47.5q100 123 100 282t-100 282q-17 21-14.5 47.5t23.5 42.5q18 15 40 15zm-211-148q27 0 47-20 87-93 87-219t-87-219q-18-19-45-20t-46 17-20 44.5 18 46.5q52 57 52 131t-52 131q-19 20-18 46.5t20 44.5q20 17 44 17z"></path> </symbol> <symbol id="icon-gallery" viewBox="0 0 2048 1792"> <path d="M704 576q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1024 384v448h-1408v-192l320-320 160 160 512-512zm96-704h-1600q-13 0-22.5 9.5t-9.5 22.5v1216q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5v-1216q0-13-9.5-22.5t-22.5-9.5zm160 32v1216q0 66-47 113t-113 47h-1600q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1600q66 0 113 47t47 113z"></path> </symbol> <symbol id="icon-status" viewBox="0 0 1792 1792"> <path d="M532 1108l152 152-52 52h-56v-96h-96v-56zm414-390q14 13-3 30l-291 291q-17 17-30 3-14-13 3-30l291-291q17-17 30-3zm-274 690l544-544-288-288-544 544v288h288zm608-608l92-92q28-28 28-68t-28-68l-152-152q-28-28-68-28t-68 28l-92 92zm384-384v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"></path> </symbol> <symbol id="icon-aside" viewBox="0 0 1792 1792"> <path d="M1344 960v-128q0-26-19-45t-45-19h-256v-256q0-26-19-45t-45-19h-128q-26 0-45 19t-19 45v256h-256q-26 0-45 19t-19 45v128q0 26 19 45t45 19h256v256q0 26 19 45t45 19h128q26 0 45-19t19-45v-256h256q26 0 45-19t19-45zm320-64q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"></path> </symbol> <symbol id="icon-audio" viewBox="0 0 1792 1792"> <path d="M832 352v1088q0 26-19 45t-45 19-45-19l-333-333h-262q-26 0-45-19t-19-45v-384q0-26 19-45t45-19h262l333-333q19-19 45-19t45 19 19 45zm384 544q0 76-42.5 141.5t-112.5 93.5q-10 5-25 5-26 0-45-18.5t-19-45.5q0-21 12-35.5t29-25 34-23 29-36 12-56.5-12-56.5-29-36-34-23-29-25-12-35.5q0-27 19-45.5t45-18.5q15 0 25 5 70 27 112.5 93t42.5 142zm256 0q0 153-85 282.5t-225 188.5q-13 5-25 5-27 0-46-19t-19-45q0-39 39-59 56-29 76-44 74-54 115.5-135.5t41.5-173.5-41.5-173.5-115.5-135.5q-20-15-76-44-39-20-39-59 0-26 19-45t45-19q13 0 26 5 140 59 225 188.5t85 282.5zm256 0q0 230-127 422.5t-338 283.5q-13 5-26 5-26 0-45-19t-19-45q0-36 39-59 7-4 22.5-10.5t22.5-10.5q46-25 82-51 123-91 192-227t69-289-69-289-192-227q-36-26-82-51-7-4-22.5-10.5t-22.5-10.5q-39-23-39-59 0-26 19-45t45-19q13 0 26 5 211 91 338 283.5t127 422.5z"></path> </symbol> <symbol id="icon-share" viewBox="0 0 1792 1792"> <path d="M1344 1024q133 0 226.5 93.5t93.5 226.5-93.5 226.5-226.5 93.5-226.5-93.5-93.5-226.5q0-12 2-34l-360-180q-92 86-218 86-133 0-226.5-93.5t-93.5-226.5 93.5-226.5 226.5-93.5q126 0 218 86l360-180q-2-22-2-34 0-133 93.5-226.5t226.5-93.5 226.5 93.5 93.5 226.5-93.5 226.5-226.5 93.5q-126 0-218-86l-360 180q2 22 2 34t-2 34l360 180q92-86 218-86z"></path> </symbol> <symbol id="icon-list" viewBox="0 0 1792 1792"> <path d="M384 1408q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm0-512q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1408 416v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5zm-1408-928q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm1408 416v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5zm0-512v192q0 13-9.5 22.5t-22.5 9.5h-1216q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1216q13 0 22.5 9.5t9.5 22.5z"></path> </symbol> </defs> </svg></body></html>