Demo cms: CMS-движок для онлайн-магазина — скрипт CS-Cart, демо-версия

Транскрипция видео

Знакомство с Umbraco

Всем привет и спасибо, что присоединились к этой демонстрации Umbraco 8. Меня зовут Кайл, и я директор по стратегии в Marcel Digital. Я хотел бы рассказать вам обо всех преимуществах и функциях, которые Umbraco 8 может предложить сегодня. Итак, я собираюсь пройтись по большинству функций высокого уровня, я не буду вдаваться во все функции, которые может предложить Umbraco, но я как бы дам вам представление о внутренней части Umbraco и покажу вам, как его можно настроить, а затем показать вам, как выглядит стартовый пакет.

Базовый макет Umbraco

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

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

Система управления контентом, настраиваемая в соответствии с вашими потребностями

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

Редактор блоков Umbraco

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

Каждый из этих модулей контента соответствует модулям контента в разделе основного контента здесь. Поэтому я очень кратко покажу вам пару из них. Баннер, сейчас у меня статичное изображение. Если хотите, это может быть видео, это может быть заголовок, дополнительный заголовок, текст. Вы также можете добавить кнопку CTA. Но вы увидите здесь, что есть много настроек, чтобы изменить внешний вид этого баннера. Таким образом, вы можете изменить цвета, вы можете изменить стиль баннера, выравнивание текста, есть много различных опций, которые, как мы надеемся, дадут вам возможность настроить его так, как вам хочется.

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

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

Umbraco: оптимизированная для SEO CMS

У них также есть некоторые готовые функции SEO и обмена, поэтому часто нас спрашивают: «Какие возможности есть у Umbraco с точки зрения SEO?» На самом деле это полностью оптимизированная для SEO система управления контентом. Таким образом, это дает вам возможность изменять заголовки страниц, метаописания, изображения, вы знаете, если вы хотите еще глубже, вы можете создать это для себя или для партнера SEO-агентства, который поможет вам еще больше оптимизировать эти страницы. Кроме того, здесь есть пара дополнительных функций.

Несколько макетов для нескольких приложений

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

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

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

Создание шаблонов контента

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

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

Краткая заметка об управлении пользователями и группах пользователей

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

Ведение блога в Umbraco

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

Предварительный просмотр страниц и тестирование на устройствах

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

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

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

Быстрое редактирование изображений с помощью редактора мультимедиа

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

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

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

Изменение тем в Umbraco с помощью uSkinned

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

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

Масштабируемость Umbraco

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

Организация и хранение медиафайлов

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

Управление пользователями В Umbraco

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

Umbraco Forms: настройка собственных рабочих процессов

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

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

Перевод вашего контента на несколько языков

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

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

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

Обзор и подведение итогов

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