Как создать свое сообщество на Ning
Опубликовано: 2018-05-16Хотя контент, несомненно, является самым ценным активом вашей сети Ning, к дизайну также следует относиться очень серьезно . Независимо от того, насколько актуален и интересен ваш контент, никому не будет особенно интересно просматривать уродливый веб-сайт, верно? По правде говоря, 38% людей отказываются от посещения веб-сайта, если находят его непривлекательным . Очевидно, как создатель сети, вы не хотите терять такую большую аудиторию. Напротив, вы хотите, чтобы пользователи были довольны каждым аспектом вашего творения.
Визуально привлекательный и удобный дизайн сети помогает привлечь внимание людей и обеспечить максимально удобное взаимодействие с пользователем. Дело не только в эстетической красоте. Пока дизайн вашего веб-сайта является профессиональным и интуитивно понятным, все больше пользователей хотят с ним взаимодействовать, следовательно, больше людей присоединяется к вашей сети и тем больше трафика вы привлекаете на свой веб-сайт.
Кроме того, уникальный и индивидуальный дизайн может выделить вашу сеть среди остальных и позволить вам раскрыть ее истинную сущность. В конце концов, мы говорим о персонализированных социальных сетях, которыми известен Нин .
Но как создать веб-сайт, который будет выглядеть круто и доставить удовольствие для навигации? Вот несколько полезных советов для тех, кто только начал знакомиться с платформой Ning и ее возможностями.
Начало работы с NING Design Studio
Одним из главных приоритетов Ning всегда было предоставление пользователям максимального контроля над внешним видом их сетей. Вот почему была создана Студия дизайна.
NING Design Studio - это набор инструментов, позволяющий настраивать дизайн социальных сайтов, созданных на платформе Ning. Он предлагает пользователям множество вариантов настройки, направленных на то, чтобы сделать каждую сеть Ning уникальной и красивой.
Design Studio можно легко запустить, щелкнув соответствующий значок на панели администратора, который доступен в виде зеленой панели инструментов в верхнем левом углу каждой сетевой страницы.
В меню Design Studio доступно несколько категорий настройки:
- Темы : выберите общий шаблон дизайна для вашего сайта;
- Фон : выберите и настройте изображение, которое будет отображаться на фоне вашего сайта;
- Заголовок : создайте заголовок, который будет соответствовать теме вашей сети;
- Страница : задайте общий вид ваших сетевых страниц;
- Пользовательский CSS : вставьте пользовательский код CSS, чтобы внести дополнительные изменения в дизайн вашего веб-сайта.
Каждая категория содержит несколько отличительных параметров настройки. Чтобы создать действительно профессиональный веб-сайт, не торопитесь и постепенно переходите от одной категории к другой, настраивая параметры каждого элемента вашей сети в соответствии с вашим творческим видением. Вы можете настроить практически каждый аспект своего веб-сайта в соответствии со своими эстетическими предпочтениями.
Более того, Design Studio позволяет вам предварительно просмотреть любые внесенные вами изменения до того, как они будут применены к вашей сети. Это делает процесс настройки очень удобным и интуитивно понятным.
На самом деле, использование Design Studio не требует каких-либо технических знаний и навыков, поскольку каждый элемент дизайна можно легко изменить с помощью удобного интерфейса. Однако, чтобы получить общее представление о вариантах настройки, которые есть в вашем распоряжении, давайте рассмотрим их более подробно.
Тема
Тема - это шаблон, который определяет основной дизайн вашего сайта. Применяя тему к своей сети, вы применяете предустановленную комбинацию элементов дизайна, включая заголовок, фоновое изображение, макет страницы, панель навигации, шрифты и т. Д.
Ning предлагает широкий выбор готовых тем, тщательно разработанных для различных типов веб-сайтов. Нужен сайт-портфолио? Выберите соответствующую тему в библиотеке. Готовы создать музыкальное сообщество? Нет проблем, у Нин тоже есть шаблоны для этого!
Вы можете найти весь спектр тем, разработанных Ning, на вкладке «Темы» в меню Design Studio.
Просто выберите тот, который лучше всего подходит для ваших целей, и нажмите кнопку «Опубликовать». Прежде чем применить тему, вы можете предварительно ее просмотреть.
Темы Ning отлично смотрятся как на настольных компьютерах, так и на мобильных устройствах, поскольку они были тщательно оптимизированы для обеспечения максимальной производительности на всех существующих платформах.
Кроме того, вкладка «Темы» содержит две подвкладки:
- История : позволяет просмотреть все темы, которые вы ранее применяли к своему сетевому веб-сайту;
- Управление : здесь вы можете импортировать и экспортировать темы; Design Studio поддерживает темы в формате .txt.
Хотя вы можете использовать предустановленные темы как есть, их также можно дополнительно настроить для достижения совершенно уникального дизайна.
Задний план
Начните настраивать свою тему, установив фоновое изображение. Сделать это можно двумя простыми способами:
- Выберите одно из стандартных изображений, предлагаемых Ning;
- Загрузите собственное изображение и примените его в качестве фона.
Чтобы загрузить собственное изображение, выберите вкладку «Фон» и щелкните значок камеры. 
Справа от списка выбора изображения вы найдете несколько дополнительных параметров для настройки фонового изображения:
- Цвет : установите цвет фона;
- Выравнивание и ориентация : выберите одно из девяти положений для фонового изображения;
- Рендеринг : определите, как ваше фоновое изображение будет отображаться на странице; В раскрывающемся меню доступно пять вариантов: Плитка, Плитка по горизонтали, Плитка по вертикали, Растянуть и Нормально.
- Опция прокрутки : вы можете включить прокрутку или исправить положение фонового изображения, установив соответствующий переключатель.
Когда вы закончите с фоновым изображением, самое время перейти к заголовку, одному из самых важных элементов дизайна вашего веб-сайта.
Заголовок
Заголовок - это блок, который содержит вводную информацию о веб-сайте (название, логотип и т. Д.) И панель навигации. Заголовок остается видимым на каждой странице веб-сайта и обычно находится вверху, хотя иногда его также можно разместить справа или слева, в зависимости от концепции дизайна.
Чтобы начать разработку заголовка вашего веб-сайта, щелкните вкладку «Заголовок». 
На вкладке вы найдете несколько вложенных вкладок, позволяющих вам установить различные параметры вашего заголовка:
Стиль :
Здесь вы можете установить положение и ориентацию заголовка. Классический вариант - это расположенный вверху заголовок, содержащий фоновое изображение, название сети, логотип и панель навигации ниже. Однако вы можете рассмотреть другие доступные варианты, чтобы выделить вашу сеть.
Более того, вы можете изменить размер (высоту и ширину) вашего заголовка и его отступов, введя требуемые значения (в пикселях) в соответствующие поля.
Совет Предел высоты по умолчанию для большинства тем составляет 135 пикселей.
Имя / Логотип :
Одна из основных функций заголовка - сообщить название веб-сайта (или название компании / бренда). Для полноты картины вы также захотите показать свой логотип. С NING Design Studio вы можете легко настроить как имя, так и логотип.
Чтобы установить имя сети, перейдите в «Общие настройки» в меню «Social Site Manager», доступном из панели администратора, и введите имя в текстовое поле «Имя сайта».
Затем вы можете вернуться в Design Studio и выбрать стиль, цвет и размер шрифта, применяемого к имени вашего веб-сайта.
Когда вы закончите настраивать имя сети, пора загрузить свой логотип. Для этого просто нажмите на значок камеры и найдите нужный файл изображения на своем компьютере. 
Как только логотип загружен, вы можете регулировать его размер с помощью ползунка, расположенного справа. Вы также можете изменить размер отступа и выравнивание вашего логотипа.
Навигация
Это меню позволяет настроить панель навигации. Вы можете изменить цвет фона и тип границы, настроить шрифты как для вкладок, так и для вложенных вкладок, установить цвета, управлять эффектом наведения курсора, изменить размер отступов вкладок и отрегулировать расстояние между вкладками. 
Задний план
Чтобы сделать заголовок красивым и уникальным, установите для него красивое фоновое изображение.
Меню «Фон» позволяет настроить как фон холста, так и фон на всю ширину. Это открывает больше возможностей поэкспериментировать с дизайном заголовка, позволяя выбрать правильную комбинацию цветов и изображений. Попробуйте найти те, которые соответствуют выбранной вами теме дизайна, а также тематике вашей сети. Вы можете проявить столько творчества, сколько захотите!
Нашли подходящие изображения? Хорошо. Просто загрузите их, щелкнув значок камеры, и отрегулируйте их положение и выравнивание - легко!
Вы также можете отредактировать свои изображения так, чтобы они соответствовали размеру заголовка, применить фильтры и эффекты и т. Д. Для этого используйте онлайн-инструмент для редактирования изображений, например BeFunky или Pixlr . 
Панель аккаунта
Здесь вы можете установить цвет панели учетной записи, отображаемой в верхней части каждой сетевой страницы. Вы можете управлять цветом фона, цветом текста и эффектом наведения. Кроме того, есть возможность закрепить панель учетной записи в верхней части окна браузера. 
Страница
Вкладка «Страница» в меню Design Studio предназначена для того, чтобы помочь вам настроить общий вид ваших сетевых страниц. Он содержит несколько вложенных вкладок:
- Общие : установите цвет фона страницы, выберите шрифты, которые появляются на страницах, отрегулируйте интервал между абзацами, измените размер отступа страницы и ширину страницы. Если вы хотите, чтобы ваш веб-сайт работал в полноэкранном режиме, выберите «100%» в раскрывающемся меню «Ширина страницы».
- Модуль : Управление параметрами модулей. Модули - это блоки контента, которые появляются на всех страницах вашей сети. Вы можете изменить цвет фона, шрифты, отступы плитки и содержимого, выравнивание плитки и т. Д.
- Ссылки : настройте внешний вид ссылок, представленных на веб-сайте, включая кнопки навигации по страницам и заголовки сообщений.
- Кнопки : настройте дизайн кнопок, которые выполняют различные действия на сайте.
- Эффекты : сделайте углы страниц и контентных модулей острыми или закругленными и задайте форму фотографий профиля.
Пользовательские CSS
Если встроенных параметров настройки вам недостаточно и вы не новичок в программировании, изучите вкладку «Пользовательский CSS». Он позволяет вставлять собственный код CSS и тем самым вносить расширенные изменения в дизайн вашего веб-сайта.
Есть две области, где можно ввести код CSS:
- Глобальный CSS : относится к универсальным настройкам;
- CSS темы : относится к настройкам для конкретной темы.
Технически подкованные пользователи найдут функцию Custom CSS особенно полезной для достижения еще более впечатляющих результатов с точки зрения визуального представления.
Создайте свой идеальный веб-сайт
Создание визуально потрясающего веб-сайта - это вопрос вдохновения, творчества и универсальных инструментов настройки. NING Design Studio предоставляет вам эти инструменты и призывает вас разработать уникальный и привлекательный веб-сайт, который будет отлично выглядеть и удобен для навигации.
Надеюсь, этот краткий обзор основных функций Design Studio поможет вам создать социальный веб-сайт, который по-настоящему впечатлит вашу аудиторию. А пока продолжайте экспериментировать! Попробуйте разные вещи и их комбинации, чтобы получить дизайн, которым вы будете счастливы и которым будете гордиться.
