Брендинг сайта SharePoint 2013 – за пару минут

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

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

Мы остановимся здесь на наиболее простых приемах, позволяющих быстро поменять общий дизайн, как сайта SharePoint целиком, так и его отдельных веб-страниц через веб-интерфейс (в браузере), и коснемся возможности использования веб-редактора SharePoint Designer. В то же время, оставим за кадром применение в целях брендинга программ семейства Visual Studio, которые, хоть и позволяют создать веб-сайт практически с любой необходимой функциональностью и дизайном, но являются профессиональными инструментами разработки.

На момент написания статьи релиз SharePoint 2013 уже состоялся, поэтому скриншоты приведем для этой версии (а именно,  SharePoint Foundation 2013).

В первую очередь, скажем о средствах, позволяющих быстро поменять дизайн всего сайта. Выбрав в меню Site actions пункт Site settings, а затем перейдя по ссылке Title, description and logo, мы получим возможность поменять наиболее общие элементы сайта: его название, логотип и описание.

 Логотип и заголовки

Рис. 1. Логотип и заголовки

На той же странице параметров сайта имеется пункт Themes, при помощи которого можно «в один клик» перерисовать все страницы портала в соответствии с выбранной темой.

 Выбор темы в браузере из галереи

Рис. 2. Выбор темы в браузере из галереи

Темы – это наборы CSS-файлов (каскадных таблиц стилей), служащих для оформления сайта, и некоторых файлов изображений. Темы охватывают все стилевые и шрифтовые настройки, не затрагивая функционал сайта Microsoft SharePoint. При работе в браузере можно применять только предустановленные темы, а для, собственно,  редактирования самих тем, следует «вручную» внести правку в соответствующие файлы и затем загрузить их на портал.

 Пример применения новой темы

Рис. 3. Пример применения новой темы (а также, логотипа и заголовков)

Вообще говоря, применение каскадных таблиц стилей (CSS) — это один из самых мощных приемов веб-дизайна вообще. Стили хранятся в CSS-файлах и используются, как для форматирования текста и графики, так и для позиционирования объектов на веб-странице.

Для редактирования CSS-стилей можно использовать несложный веб-редактор Microsoft, который называется SharePoint Designer. В нем для управления и применения стилей CSS  предусмотрено несколько панелей. Следует только учитывать серьезное неудобство, появившееся в новой версии SharePoint Designer 2013: править веб-страницы вам придется «вслепую», имея доступ только к ее HTML-коду (поскольку режим визуального редактирования в SharePoint Designer 2013 отсутствует).

Еще один простой способ «воздействия» на дизайн отдельных страниц сайта — это непосредственное редактирование их контента прямо в браузере, для чего достаточно просто перейти в режим редактирования текущей страницы при помощи команд Ленты, которая открывается в этом случае в верхней части окна. Поскольку веб-страницы портала SharePoint являются, по сути, вики-страницами, в которые можно исключительно просто вставлять графику, таблицы и другие стандартные элементы HTML, то через правку страниц в веб-интерфейсе пользователь обладает довольно мощными (и в то же время, очень простыми и привычными) средствами «точечной» реализации своих дизайнерских идей.

 Редактирование веб-страницы в браузере

Рис. 4. Редактирование веб-страницы в браузере

Говоря о приемах брендинга, нельзя не упомянуть такой мощный инструмент Microsoft Office SharePoint, как  мастер-страницы (или, по-другому, главные страницы), несмотря на то, что их применение не является таким уж простым делом и должно осуществляться достаточно опытными пользователями. Переназначение главной страницы мастером по умолчанию (делается это в SharePoint Designer) может кардинально поменять, как дизайн, так и функционал, всего портала или его отдельных страниц.

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

Эффективность мастер-страниц связана и с тем, что вы обладаете правом  использования дизайна сторонних производителей. В Интернете (в том числе, на сайтах Microsoft) можно найти множество различных заготовок (как платных, так и бесплатных) для мастер-страниц.

 Мастер-страницы в SharePoint Designer 2013

Рис. 5. Мастер-страницы в SharePoint Designer 2013

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

О компании:

Giusto Consulting специализируется на внедрении и поддержке продуктов Microsoft Dynamics. За годы многолетней практики в компании сложилось несколько приоритетных направлений деятельности – Microsoft Dynamics AX (Microsoft Axapta) и Microsoft Office SharePoint. Уникальный опыт внедрения и разработанные решения на базе этих продуктов гарантируют успешную реализацию проектов и долгосрочный эффект от автоматизации. Нашей главной задачей является возможность сделать Ваш бизнес эффективным, поэтому, выбирая Giusto Consulting, Вы выбираете команду надежных специалистов, цель которых – Ваш успех.

Дополнительную информацию о компании и продуктах Giusto Consulting можно найти на веб-сервере Джусто Консалтинг: http://www.giustoconsulting.com (рус. язык)

Контактные координаты:

Giusto Consulting, 115114 Россия, Москва, Шлюзовая набережная, д. 6, стр. 4

Тел.: + 7 (495) 642 44 05

Факс: + 7 (495) 642 44 05

E-mail: info@giustoconsulting.com

Дополнительно по теме