Получите бесплатно 4 курса для лёгкого старта работы в IT
Получить курсы бесплатно
ГлавнаяБлогCMS сайта: что это такое и как выбрать подходящую
CMS сайта
1 895
Время чтения: 16 минут

CMS сайта: что это такое и как выбрать подходящую

1 895
Время чтения: 16 минут
Сохранить статью:
Сохранить статью:

Что это такое? CMS сайта – это его движок, то есть набор инструментов, позволяющих управлять веб-ресурсом. С его помощью можно создавать новые страницы, добавлять и убирать контент, собирать аналитику и т. д.

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

В статье рассказывается:

  1. Понятие CMS сайта
  2. Виды CMS сайта
  3. Критерии выбора CMS сайта
  4. Наиболее популярные CMS сайтов
  5. Расширение функционала CMS
  6. Нюансы верстки для CMS сайта
  7. Как узнать, на какой CMS сделан понравившийся сайт
  8. Пройди тест и узнай, какая сфера тебе подходит:
    айти, дизайн или маркетинг.
    Бесплатно от Geekbrains

Понятие CMS сайта

Content Management System (CMS сайта) – это комплекс инструментов, при помощи которых специалисты управляют интернет-ресурсами. Также их называют «системой управления сайтом и его содержимым» или «движком».

Content Management System – это модуль программ, размещенных на хостинге, которые выполняют две функции:

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

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

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

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

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

Понятие CMS сайта
Понятие CMS сайта

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

  • CMS дает возможность самостоятельного создания, удаления и редактирования страниц ресурса.
  • Обеспечивается высокая функциональность площадки. Вам нужно определить оптимальную CMS сайта, приняв во внимание ее направленность и предъявляемые требования. В таком случае этот инструмент будет максимально эффективным в решении любого вопроса.
  • Процесс разработки ресурса будет быстрым, простым и менее затратным с финансовой точки зрения. значительно ускорится, упростится и удешевится сама разработка интернет-площадки. Система управления сайтом содержит в себе множество шаблонов, в связи с чем отпадает необходимость создавать с нуля модули, тестировать, настраивать и устанавливать их на хостинг. CMS позволяет углубиться в создание контента и дизайна ресурса.
Узнай, какие ИТ - профессии
входят в ТОП-30 с доходом
от 210 000 ₽/мес
Павел Симонов - исполнительный директор Geekbrains
Павел Симонов
Исполнительный директор Geekbrains
Команда GeekBrains совместно с международными специалистами по развитию карьеры подготовили материалы, которые помогут вам начать путь к профессии мечты.
Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!

Скачивайте и используйте уже сегодня:

Павел Симонов - исполнительный директор Geekbrains
Павел Симонов
Исполнительный директор Geekbrains
pdf иконка

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

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

doc иконка

Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка

Только проверенные нейросети с доступом из России и свободным использованием

pdf иконка

ТОП-100 площадок для поиска работы от GeekBrains

Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽

pdf 3,7mb
doc 1,7mb
Уже скачали 27872 pdf иконка

В некоторых случаях можно обойтись и без CMS сайта. К примеру:

  • При создании сайта-визитки. Для этого используются конструкторы, например, Wix, Tilda и пр. Здесь нет необходимости устанавливать движок.
  • Стандартные CMS не подходят для разработки крупных площадок. Системы управления сайтом наделены особой архитектурой и программными модулями. Последние являются элементами кода, в них нельзя внести изменения. При создании уникального ресурса, такого как, к примеру, Trivago.ru, нужно писать индивидуальные программы, на которые приходится тратить много времени и средств. Этим можно объяснить то, что такие порталы встречаются нечасто.

Виды CMS сайта

Коробочные

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

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

Некоторыми «коробками» можно пользоваться бесплатно, например, WordPress или Drupal. Другие же, например, 1С-Битрикс, предполагают работу только на платной основе. От пользователя требуется скачать CMS с официального сайта разработчика и выполнить установку системы.

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

Ряд хостинговых компаний предоставляют дополнительную услугу по установке необходимой системы управления сайтом и ее настройке. К примеру, этим занимается Beget. Все, что требуется от владельца ресурса, – выбрать CMS.

Конструкторы

Конструктор — это платформа, при помощи которой создаются сайты. В нем уже все заранее продумано, в том числе размеры блоков и их расположение. С помощью такого ресурса создать интернет-площадку можно всего лишь за час. Нужно лишь просмотреть предложенные шаблоны (всего их более чем несколько десятков) и определить, какой из них наиболее подходящий. Далее останется только передвигать блоки так, как нравится разработчику. К примеру, конструктор Wix предлагает свыше 800 шаблонов для различных ниш.

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

Виды CMS сайта
Виды CMS сайта

Самописные CMS

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

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

Headless CMS

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

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

Чтобы избежать таких трудностей, рекомендуется использовать Headless, или «облачную» CMS. Эту систему еще именуют «безголовой» — у неё нет одной «головы», так как она работает с большим количеством интерфейсов и устройств, выполняет синхронизацию информации между разными интернет-ресурсами. CMS находится на серверах разработчика, ее можно брать в аренду, при этом необходимость в лицензии отсутствует.

Критерии выбора CMS сайта

Перед тем, как выбирать систему управления, нужно ответить на следующие вопросы:

  • Для чего создается сайт? От целей зависят сложность и наличие навыков в части разработки. К примеру, если нужна одностраничная визитка, можно воспользоваться бесплатными или недорогими решениями, а для образовательного ресурса или новостника потребуется провести наиболее серьезную работу.
  • Есть ли опыт работы с CMS? Если он отсутствует, стоит остановить выбор на максимально понятных вариантах с минимальным набором опций и расширений. Такие инструменты позволят внести корректировки и дополнения самостоятельно, разработчику не придется обучаться и привлекать к работе программистов.
  • Какой бюджет готовы потратить? Если у вас еще нет стабильного дохода, не стоит тратить крупные суммы на дорогие системы управления. Лучше всего начинать с бесплатных CMS, используя их возможности по максимуму.
  • Есть ли планы на развитие проекта? К примеру, сегодня в интернет-магазине представлены товары в 20 категориях, планируется расширение до 100. Тогда нужно найти систему, которая имеет потенциал для такого роста.

Также внимания заслуживают следующие критерии:

  • Популярность системы управления. Чем сильнее востребована CMS, тем легче поиск специалистов, которые возьмутся за ее обслуживание.
  • Специализация. Некоторые CMS адаптированы под сайты любого вида, другие подходят только для определенного типа ресурсов, к примеру, форумов.
  • Стоимость сайта при выборе платной системы.
  • Удобство визуального редактора. Важно, чтобы публикация контента была простой и быстрой.
  • SEO-Friendly – это характеристики доступности способов для SEO-продвижения, за счет которого у сайта появляются новые пользователи. Здесь могут быть полезны: канонические URL, возможность управления мета-данными и названием, блокировки индексации отдельных страниц, интеграция с аналитическими сервисами Google и Яндекс. Кроме того, доступность управления XML-картой сайта и файлом robots.txt, оптимизации изображений, кастомизации за счет шаблонов, тем, модулей тоже играют важную роль.
  • Управление уровнями доступа. Например, некоторые пользователи могут иметь более широкие права и специальные возможности.
  • Наличие рабочей русской версии.
Важно: любая система управления сайтом дает возможность создания работающего ресурса. Главное, чтобы CMS мог решить те задачи, которые поставлены перед разработчиком, и позволял провести оптимизацию площадки без огромных вложений.

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

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

Также здесь важно учитывать и планируемый формат ресурса. Прислушайтесь к следующим рекомендациям:

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

Наиболее популярные CMS сайтов

WordPress

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

Дарим скидку от 60%
на обучение «Веб-разработчик» до 28 апреля
Уже через 9 месяцев сможете устроиться на работу с доходом от 150 000 рублей
Забронировать скидку

WordPress.com и WordPress.org – это разные системы. Первый представляет собой готовый интернет-ресурс с движком и хостингом. Второй – это платформа, которую размещают в рамках своего продукта. Мы будем рассматривать именно WordPress.org.

Достоинства:

  • Легко адаптируется под каждый тип интернет-ресурса. Он подходит для блогов, онлайн-магазинов и любого бизнеса.
  • С помощью движка сайты легко редактировать. Здесь все строится на блоках – составляющих ресурса, которые можно редактировать и перемещать так, как хочется пользователю.
  • WordPress эффективно и быстро справляется с задачами SEO-продвижения за счет наличия огромного количества плагинов для этого.
  • Кроме того, система управления включает в себя плагины для аналитики, рекламы и социальных сетей. Ее можно сравнить с бесконечно большим App Store, подстроенным под ваш интернет-ресурс.

Недостатки:

  • WordPress — тяжелая разработка. Порой пользователи считают, что меню здесь чрезмерно разнообразно, есть необходимость разобраться во многих нюансах.
  • Хостинг, домен, безопасность сайта и другая рутина зависят только от вас. Система управления с ними не работает.
Наиболее популярные CMS сайтов
Наиболее популярные CMS сайтов

Joomla

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

Достоинства:

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

Недостатки:

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

Drupal

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

Drupal
Drupal

Достоинства:

  • На Drupal можно легко добавить специфичный контент, который не поддерживают другие системы. Это редкость, но такое порой тоже случается.
  • Удобно распределять роли между пользователями.
  • Большое число модулей, которые разрабатывали профессионалы. Их работа похожа на плагины (как в Joomla).
Только до 29.04
Скачай подборку материалов, чтобы гарантированно найти работу в IT за 14 дней
Список документов:
ТОП-100 площадок для поиска работы от GeekBrains
20 профессий 2023 года, с доходом от 150 000 рублей
Чек-лист «Как успешно пройти собеседование»
Чтобы получить файл, укажите e-mail:
Введите e-mail, чтобы получить доступ к документам
Подтвердите, что вы не робот,
указав номер телефона:
Введите телефон, чтобы получить доступ к документам
Уже скачали 52300

Недостатки:

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

Битрикс

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

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

Достоинства:

  • Bitrix содержит в себе программы, полезные для ведения бизнеса от среднего до большого.
  • Имеется встроенный «проектировщик страниц», который поддерживает Drag and Drop. Перемещая элементы, можно создать хоть одностраничный лендинг, хоть большой онлайн-магазин.

Недостатки:

  • Битрикс — программа непростая, ее размеры огромны. Это не лучший выбор для, к примеру, блога.
  • Вам понадобится опытный специалист, который научит пользоваться системой управления. На изучение программы уйдет много времени.
  • CMS имеет высокую стоимость. Она подходит лишь для бизнеса с очень хорошим доходом.

Magento

Magento схож с Bitrix тем, что имеет узкую специализацию. Этим ресурсом пользуются разработчики, которые создают платформу цифровой торговли, к примеру, онлайн-магазин. У системы управления тоже есть открытых исходный код. Разработкой CMS занимались специалисты Adobe. Она имеет платную версию, которая стоит очень дорого.

Достоинства:

  • Система имеет структуру, которая идеально подходит для быстро растущих ресурсов. Она будет хорошо работать даже при значительном расширении ассортимента и аудитории. Сайт не выйдет из строя.
  • Этим движком пользуются бренды с мировым именем, такие как Nike, Ford и Coca-Cola.
  • В CMS встроены эффективные и безопасные методы онлайн-оплаты.

Недостатки:

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

Прочие

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

Wix – это система управления, которую можно охарактеризовать как аналог WordPress. Она делает попытки стать базовым вариантом «взрослых» движков, и где-то ей это удается. Клиентов у CMS много, но подавляющее их большинство, как правило, со временем выбирают для себя более функциональные версии. Также распространено использование конструкторов типа Tilda и Ukit, которые позволяют по-быстрому сделать сайт, но исходного кода они не имеют.

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

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

Magento
Magento

Shopify – это еще одна eCommerce-платформа, которая получила особенное распространение на западе. Она во многом схожа с Magento, но ее размещение на своем ресурсе невозможно. Система включает в себя хостинг и множество эффективных инструментов.

Также стоит выделить и OpenCart – известный движок, который используют в работе с небольшими онлайн-магазинами.

Расширение функционала CMS

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

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

  • Сначала выполняется установка плагина W3 Total Cache или иного плагина с такой же функциональностью через административную панель WordPress.
  • Выполняется активация и настройка плагина.
  • Кэширование на сайте установлено.

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

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

  • Они часто сильно нагружают сервер, вследствие чего сайт хуже работает. Особенно это касается тех плагинов, которые не оптимизированы.
  • Плагины периодически приводят к сбоям и ошибкам в программной среде. К примеру, во многих CMS можно сделать новый дизайн сайта посредством замены темы или шаблона, но при этом более глобальные изменения могут стать причиной серьезных ошибок: нарушения форматирования страниц, пропажи тегов, выхода из строя адаптивного дизайна, скриптов, рекламных блоков. Кроме того, может нарушиться семантическая разметка, вернуться HTTP-протокол, сбиться URL.
  • Когда меняется тема, могут возникнуть изменения и в стандартном виде URL. В таком случае теряются текущие позиции ресурса, падает трафик. Корректировка вида ссылки влечет за собой утерю уже сформированной ссылочной массы.
Совет: когда тестируете темы, заблаговременно сделайте копию ресурса на новом домене. Так вы защитите ваш сайт, все проведенные эксперименты не повлекут за собой проблем.

Нюансы верстки для CMS сайта

Ограничения и стили

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

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

Нюансы верстки для CMS сайта
Нюансы верстки для CMS сайта

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

WYSIWYG-редактор

В движках присутствует WYSIWYG-редактор. Визуально он очень похож на Word, в него заносятся блоки с текстовым наполнением. Он помогает заказчику изменять и форматировать текст, в некоторых системах управления, к примеру, в WordPress, есть возможность вставки изображений.

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

Для верстальщика это означает, что в визуальный редактор разные элементы будут добавляться без классов. К примеру, по макету сделана разметка, и в ней есть только текст:

<div class=»about-company»>

<p>Длинный параграф текста</p>

</div>

Когда заказчик дополнит редактор списком и изображением, разметка изменится. Она станет такой:

<div class=»about-company»>

<p>Длинный параграф текста</p>

<img src=»img/keks.jpeg»>

<ul>

<li>Пункт 1</li>

<li>Пункт 2</li>

</ul>

</div>

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

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

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

Далее разберемся, как узнать, какие блоки будут интегрированы с визуальным редактором CMS сайта? Как правило, это прописывается в ТЗ. Если заказчик такую информацию не указал, нужно обратиться к нему с вопросом. Обычно в редакторе выносятся блоки с текстом.

Повторяющийся контент

Если контент повторяется, чаще всего его выделяют в отдельные секции. Наиболее распространено выделение <header> и <footer>, т.к. обычно он повторяется на разных страницах.

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

Повторяющийся контент
Повторяющийся контент

Фоновые изображения

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

<section class=»promo» style=»background-image: url(‘img/background.jpg’);»>

Остальные стили возможно оставить в CSS:

.promo {;

background-repeat: no-repeat;

background-size: cover;

}.

Иконки и декоративные элементы

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

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

Когда верстка интегрируется под WordPress, 1С-Битрикс и прочие «коробочные» движки, то иконки должны быть доступными из HTML. В связи с этим не нужно их верстать псевдоэлементами. Это можно сделать, использовав фоновое изображение, а затем вынести в style ссылку на изображение.

Как правило, декоративные элементы не выносят в системы управления. Тем менее, здесь нужно придерживаться ТЗ. Если они не будут вынесены в CMS, станет возможной верстка любым способом.

Декоративные элементы включают в себя иконки поиска и корзины:

  • Иконку у заголовка.
  • Иконки в формах.
  • Иконки у пунктов меню.

Для верстки элементов, не вынесенных в движок, можно применять любые подходящие методы.

Как узнать, на какой CMS сделан понравившийся сайт

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

Специальные онлайн-сервисы

К примеру:

  • pr-cy.ru
  • Builtwith
  • iTrack
  • webdatastats/ru
  • ru/cms

Расширения для браузера

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

  • Wappalyzer (Chrome, Firefox, Safari).
  • RDS Bar (Chrome, Opera, Яндекс.Браузер, Firefox).
  • iTrack (Chrome).

Через исходный и HTML-код страницы

Итак, нужно перейти на необходимый ресурс и вызвать комбинацию Ctrl + U. Также это можно сделать, кликнув правой кнопкой мыши – Посмотреть код. Далее – Ctrl + F, в появившейся поисковой строке вводим generator (метатег, который демонстрирует CMS), нажимаем Enter.

Аналогичным способом можно посмотреть наименования плагинов, шаблона, пути к корневым папкам CMS через head и footer. Также можно просто набрать их название, если вы его знаете:

<meta name=”generator” content=”ЗДЕСЬ НАЗВАНИЕ ПЛАТФОРМЫ” />.

Этот способ по определению CMS может вызвать трудности, отмечается также, что он не самый удобный. Чтобы обеспечить защиту ресурса от ботов, строку часто удаляют из кода. Но вы можете найти папку с шаблонами (themes, templates), а затем ввести название темы в Яндексе. Поисковик расскажет, под какую систему она сделана.

К примеру:

wp-content или wp-includes – WordPress

/sites/default/files – Drupal

С помощью robots.txt

Также узнать, какую CMS сайта используют, можно через файл robots.txt. Он есть на каждом интернет-ресурсе. Ищите его по адресу: site.ru/robots.txt.

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

К примеру, в файле robots.txt, сделанного через WP, отображаются строки:

  • Disallow: /wp-
  • Disallow: /wp/
  • Allow: /wp-content/themes/*.css
  • Allow: /wp-content/plugins/*.css
  • Allow: /wp-content/uploads/*.css

Bitrix содержит:

  • Allow: /bitrix/*.js
  • Allow: /bitrix/*.css
  • Disallow: /bitrix/

О том, что применяется Drupal, свидетельствует строка:

  • Disallow: /?q=admin/

По адресу панели администратора

Также определить движок можно через ссылку, которая ведет к админ-панели.

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

  • WordPress – site.ru/wp-admin
  • 1C-Bitrix – site.ru/bitrix/admin
  • Joomla – site.ru/administrator
  • Drupal – site.ru/user
  • OpenCart – site.com/admin
  • ModX – site.ru /manager
Важно: в некоторых случаях адрес меняют, чтобы защитить ресурс от несанкционированного доступа.

По данным в подвале сайта

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

Отметим, что можно узнать CMS сайта и вручную. Этот способ весьма трудоемкий, но он позволит получить максимально точную информацию. К слову, вышеприведенные методы не дали результатов о движке, который использован для создания ресурсов Time и Star Wars. А вручную сведения нашлись легко. Оказалось, что оба портала работают на WordPress.

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

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


Хотите получить одну из самых востребованных профессий в 2023 году? Станьте веб-разработчиком!
Всего за 9 месяцев обучения вы познакомитесь с веб-технологиями, изучите популярные языки программирования и сможете самостоятельно создавать адаптивные сайты и интерактивные веб-приложения. Не упустите возможность стать специалистом одной из самых высокооплачиваемых и актуальных направлений. Присоединяйтесь к нам уже сейчас!
Оцените статью
Рейтинг:
( голосов )
Поделиться статьей
Добавить комментарий

Сортировать:
По дате публикации
По рейтингу
До конца акции осталось
0 дней 00:00:00
Дарим скидку 64% на обучение «Разработчик»
  • Получите новую профессию с гарантией трудоустройства
  • Начните учиться бесплатно, 3 месяца обучения в подарок
Забронировать скидку на обучение
Забрать подарок

Получите подробную стратегию для новичков на 2023 год, как с нуля выйти на доход 200 000 ₽ за 7 месяцев

Подарки от Geekbrains из закрытой базы:
Осталось 17 мест

Поздравляем!
Вы выиграли 4 курса по IT-профессиям.
Дождитесь звонка нашего менеджера для уточнения деталей

Иван Степанин
Иван Степанин печатает ...