Пошаговое руководство: создание спонсорского сайта для вашей организации
В этой статье показаны элементы примера спонсорского сайта, чтобы вдохновить вас и ознакомить с созданием похожих сайтов для вашей организации. В этом примере спонсорский сайт показывает, как страница с продуманным дизайном и сообщениями может вдохновить вашу организацию. Эта страница примера также представлена как часть Центрального сайта ресурсов.
Во-первых, если вы еще не создали спонсорский сайт, ознакомьтесь с разделом "Создание сайта" в этой статье.
Создав сайт и изучив редактирование страниц, вы можете добавить показанные элементы с помощью следующих инструкций.
Пример спонсорского сайта
Изображение домашней страницы | Инструкции по настройке |
---|---|
1. Создайте удобную навигацию по сайту. Настройте навигацию, чтобы люди могли легко находить важное содержимое на вашем сайте. Инструкции 2. Вдохновляйтесь изображениями и информацией Используйте привлекательные и вдохновляющие изображения, которые ссылаются на содержимое в верхней части страницы. Инструкции 3. Заявите о себе Создайте профессиональный продуманный текст с несколькими вариантами форматирования. Инструкции Призывайте к действиям Помогите пользователям легко сделать необходимое. Инструкции 4. Распространяйте новости Делитесь идеями и историями, чтобы лучше преподнести свое сообщение. Инструкции 5. Получайте события в календаре Добавьте календарь событий, чтобы держать людей в курсе связанных событий. Инструкции |
Создание своего сайта
Чтобы сделать такой же сайт, как показанный здесь, создайте информационный сайт. Для этого выберите Создать сайт на начальной странице SharePoint (а если вы собираетесь связать этот сайт с существующим центральным сайтом, перейдите на центральный сайт и выберите Создать сайт там, чтобы информационный сайт был автоматически связан с этим центральным сайтом).
Затем нажмите Информационный сайт и выберите макет Тема. Укажите имя сайта, описание и другие сведения, а затем нажмите Завершить. Затем вы получите шаблон с тем же типом макета, что и в примере в этой статье.
Дополнительные сведения см. в статье Создание информационного сайта в SharePoint Online.
Создание удобной навигации по сайту
Вы можете быстро и легко настроить организацию и навигацию сайта SharePoint, чтобы посетители могли легко перемещаться по сайту и находить нужные сведения.
Добавьте и отредактируете главное меню Легко редактируйте верхнее меню, чтобы связать страницу с другими страницами SharePoint или в веб-страницами.
Мегаменю. Если сайт развертывается как часть узлового сайта, вы можете создавать мощные мегаменю.
Дополнительные сведения о работе с навигацией см. в статье Настройка навигации на сайте SharePoint.
Вдохновляйте с помощью изображений и информации
Информируйте свою команду о самом важном с помощью изображений главного имиджевого баннера, фирменной символики компании и важных новостей. Исходное впечатление от домашней страницы спонсорского сайта создается с помощью больших и привлекательных изображений веб-части "Главный имиджевый баннер". Макет, используемый в этом примере: Четыре плитки.
Макет главного имиджевого баннера
При редактировании веб-части отображаются параметры макета. Параметр Плитки, например показанный выше, представляет макеты с количеством плиток от одной до пяти. Параметр Слои устанавливает каждое изображение в качестве слоя с изображением рядом с заголовком. Можно использовать до пяти слоев, чтобы применить веб-часть для заполнения всей страницы.
В этом примере веб-часть "Главный имиджевый баннер" находится в разделе на всю ширину страницы.
Используйте кнопку Переместить элемент Переместить веб-часть слева, чтобы изменить порядок плиток в веб-части главного героя.
Настройка каждой плитки
Выбрав плитку, вы увидите панель инструментов в нижней части плитки, где можно нажать Изменить сведения, чтобы изменить ссылку и используемое изображение. В большой плитке вы также можете настроить текст призыва к действию и ссылку. На той же панели инструментов вы можете задать фокус для анимации при наведении курсора, а также увеличить или уменьшить изображение.
Дополнительные сведения об использовании веб-части "Главный имиджевый баннер" см. в статье Использование веб-части "Главный имиджевый баннер".
Заявите о себе с помощью текстовой веб-части
Единое профессионально выглядящее оформление — это функция этого сайта, а веб-часть "Текст" предоставляет инструменты для усиления влияния текста, используемого в нескольких местах на этой странице. В этом примере в веб-части "Текст" используется стиль Обычный текст. Выбор многоточия (...) в крайней правой части панели инструментов форматирования предоставляет дополнительные параметры.
В примере спонсорского сайта, показанном ниже, веб-часть находится в разделе с одним столбцом.
Дополнительные сведения об использовании веб-части "Текст" см. в статье Добавление текста и таблиц на страницу с помощью веб-части "Текст"
Призывайте к действиям
В этом примере у спонсорского сайта есть раздел, где используется макет из трех столбцов с изображениями и ссылками в этом разделе.
Здесь веб-часть "Изображение" сопряжена с текстовой веб-частью для создания призыва к действию.
Дополнительные сведения об использовании веб-части "Изображение" см. в статьеВеб-часть "Изображение".
Работа с разделами
Чтобы создать разделы, начните редактирование, щелкнув Изменить в правом верхнем углу страницы.
Символ "+" до или после раздела добавляет раздел с использованием одного из нескольких макетов.
Разделы формируют страницу и позволяют вам размещать одну или несколько веб-частей. При редактировании страницы в каждом разделе отображаются элементы управления для изменения макета, перемещения или удаления разделов. Сведения о работе с разделами см. в статье Добавление и удаление разделов и столбцов на странице.
Работа с веб-частями
Выберите символ "плюс" " в разделе, которое может отображаться до или после веб-части в разделе, чтобы просмотреть множество доступных типов веб-частей. Дополнительные сведения обо всех веб-частях см. в статье Использование веб-частей на страницах SharePoint.
Веб-части в разделах можно изменять, перемещать или удалять. Значок Изменить веб-часть открывает детальные элементы управления, уникальные для каждого типа веб-части.
Когда обновления страницы будут готовы, выберите Опубликовать, чтобы сделать их видимыми для аудитории.
Совет
Чтобы управлять всеми страницами на сайте, щелкните Страницы в верхнем меню. Дополнительные сведения об использовании страниц см. в статье "Создание и использование современных страниц на сайте SharePoint".
Распространяйте новости с помощью веб-части "Новости"
Веб-часть "Новости" предоставляет элементы управления для выбора источника новостей и макета, а также для упорядочения и фильтрации контента. В разделе Макет доступны пять вариантов настройки демонстрации новостей. В этом примере поступающие новости используют сайт в качестве источника с применением макета Главные новости. Истории представлены рядом с одним большим изображением и двумя меньшего размера, так как на сайте публикуются только три новости.
В этом примере веб-часть находится в разделе с одним столбцом.
Дополнительные сведения об использовании веб-части "Новости" см. в статье Использование веб-части "Новости" на странице SharePoint.
Добавляйте календарь событий с помощью веб-части "События"
С помощью веб-части "События" можно легко выводить на вашей странице сведения о предстоящих мероприятиях. Вы можете использовать эту веб-часть, чтобы привлечь внимание к событиям, связанным со спонсорством, от планирования мероприятий до фактических событий, а зрители могут легко выбрать событие, чтобы добавить его в свои календари.
В этом примере спонсорского сайта веб-часть использует макет "Пленка".
Дополнительные сведения об использовании веб-части "События" см. в статье Использование веб-части "События".
Хотите узнать больше?
Вдохновляйтесь дополнительными примерами и возможностью добавить пример спонсорского сайта с помощью Каталога SharePoint.
Обратная связь
https://aka.ms/ContentUserFeedback.
Ожидается в ближайшее время: в течение 2024 года мы постепенно откажемся от GitHub Issues как механизма обратной связи для контента и заменим его новой системой обратной связи. Дополнительные сведения см. в разделеОтправить и просмотреть отзыв по