WebValley Studio

Админка для сайта: какие бывают, как войти на разных CMS, восстановить доступ и управлять сайтом через админ панель — полный обзор

Админки бывают разные: черные, белые красные) Вспомнили песню и погнали к серьёзным вещам. В статье расскажем об админ-панелях: какие бывают, чем отличаются, для кого их придумали и зачем они нужны.

Что такое админ-панель

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

Виды админок

Админки бывают как готовые — встроенные в CMS-системы, на которых создаются сайты, так и кастомные — написанные программистами конкретно под проект.

Готовая CMS

У каждой системы управления сайтом (CMS) заложена своя админ-панель. Именно через неё пользователь наполняет сайт контентом, не влезая в код.

В одних CMS’ках это простая и понятная панель управления, разобраться в которой сможет даже школьник.

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

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

Самописная админка

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

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

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

Возможности и преимущества админки

Панель администратора нужна для удобного управления контентом сайта.

С её помощью можно:
  • Создавать страницы и наполнять их контентом;
  • Заливать фото / видео контент на сайт;
  • Добавлять текст на страницы, редактировать его;
  • Добавлять метатеги, изменять доступ к страницам, блокам;
  • Создавать и редактировать статьи и новости;
  • Добавлять, удалять, редактировать товары (в случае с интернет-магазинами);
  • Следить за статистикой сайта;
  • Отслеживать заявки;
  • и т. д.

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

Самое главное — любая админка создается для того, чтобы человек, который не дружит с кодом вообще, мог без проблем вносить изменения в существующий сайт. Наполнять его контентом и редактировать. Благодаря чему, владельцу сайта не нужно постоянно обращаться к разработчикам за любой мелкой правкой в тексте или добавлением товара, статьи, новости на сайт, а можно справиться самостоятельно.
Адекватные разрабы после сдачи сайта предоставляют заказчику инструкции по пользованию панелью администратора и управлению сайтом. Это не только сэкономит время и деньги заказчика, но и сохранит N-ное количество нервных клеток самого разработчика. Всем хорошо, все счастливы=) Мир. Дружба. Жвачка)

Как войти в админ панель на разных CMS

У каждой CMS есть свои сильные и слабые стороны. Одни плюс-минус универсальные.

Например:
  • Wordpress,
  • 1C-Битрикс,
  • Tilda,
  • Joomla!
  • Drupal,
  • MODX.

Другие — больше заточены под определенный тип сайтов. Например, под интернет-магазины:
  • OpenCart,
  • Magento,
  • PrestaShop,
  • MogutaCMS.

Объединяет их все то, что каждая из них «начинена» своей админ панелью из коробки. И логика попадания в эту самую панель схожа: нужно просто прописать в адресную строку правильный адрес. У каждой CMS он разный. Какой именно — рассмотрим дальше.

Админка на Тильде

Чтобы попасть в панель управления сайтом нужно перейти по адресу https://tilda.cc/login/, ввести логин и пароль, и, вэлком. Вы можете управлять сайтом или несколькими сайтами, в зависимости от оплаченного тарифа.
админка Тильда

Вход в личный кабинет Тильды

Админка на Вордпресс

Вход в админку происходит при добавлении к домену приставки /wp-admin. Итоговая запись в адресной строке будет подобной: https://site-name.ru/wp-admin
как войти в админку вордпресс

Вход в админку сайта на Wordpress

Joomla!

Для входа в админку сайта на Joomla к домену нужно добавить приставку /administrator.

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

Окно авторизации CMS Joomla

OpenCart

Чтобы войти в панель управления CMS OpenCart добавляем к домену приставку /admin и дальше всё стандартно: логин, пароль, войти.
как зайти в админку опенкарт

Вход в админ панель сайта сделанного на OpenCart

MODX

Для перехода в админ панель сайта на MODX в адресной строке к домену допишите /manager. На открывшейся странице впишите имя пользователя, пароль, и, при необходимости, выберите нужный язык — в левом нижнем углу есть незаметная выпадашка.

Важно! Если после добавления /manager к домену и перехода по этому адресу вы попадаете на 404 страницу или на главную, значит, адрес входа в админ панель изменили.

Узнать его, при необходимости, можно у владельца/администратора сайта, или имея доступ к хостингу. Найти файл /core/config/config.inc.php и в строке $modx_manager_url= ‘/адрес входа в админку/'; увидите адрес.
вход в админку MODX

Окно авторизации CMS MODX

Drupal

В CMS Drupal немного отличается логика входа в админ панель. Есть несколько вариантов, как попасть в админку.

Самый привычный из них — дописать к домену /user.

Если вы ранее были авторизованы, то без проблем попадаете в админку.

Если автоматически авторизоваться не вышло, или вы не были ранее авторизованы, то вас перенаправит на страницу /user/login где нужно будет вручную ввести имя пользователя и пароль
Варианты по-разному задизайненных страниц авторизации на сайтах, сделанных на базе CMS Drupal
Помимо двух вариантов для авторизации, существует страница для регистрации новых пользователей: если доступ для регистрации открыт, то попасть на неё можно добавив к адресу сайта /user/register

Эти странички редко дизайнят и, зачастую, оставляют по максимуму нетронутыми. Но некоторые разработчики всё-таки уделяют этому должное внимание.
дизайн админки друпал

Пример задизайненой страницы регистрации для сайтов на CMS Drupal

админка без дизайна

Пример минимально задизайненого решения для страницы регистрации на CMS Drupal

Для восстановления пароля у Drupal также есть отдельная страница. Кто-то делает её, как и остальные, в стиль сайта. А кто-то оставляет стандартный вид, не парясь над отступами, воздухом и всякими такими дизайнерскими штуками.
Страницы для восстановления пароля на сайтах созданных на CMS Drupal
Важно! Если после авторизации вы не видите тулбар — админ меню, то попробуйте, будучи уже авторизованным, перейти по адресу домен/admin. Если вашему аккаунту открыт доступ для панели управления, то вы увидите все элементы для управления сайтом. В противном случае — вас не наделили должными правами админы сайта.

Magento

Для сайтов, созданных с помощью Magento, путь к админке содержит приставку /admin.
доступ в админку

Страница входа в админ панель Magento

PrestaShop

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

Страница входа в админ панель платформы PrestaShop

Битрикс

В случае с битриксом достаточно добавить к домену сайта /bitrix/admin и вы перейдете на страницу авторизации.
доступ в админку битрикс

Страница авторизации в админку 1С-Битрикс

Moguta CMS

Для управления интернет-магазинами созданными с помощью этой CMS нужно дописать к адресу сайта /mg-admin.
войти в админку

Вход в админку Moguta CMS

Обсудить проект

Почему не получается войти в админку

Ввёл данные в админку, а тебя не пускает? Значит что-то явно пошло не так. Есть несколько причин, почему может не получиться войти в админ панель.

Неправильный логинопароль

Банально, но это одна из самых распространённых причин. Иногда достаточно просто внимательно перепроверить правильность введённых данных. Но бывает, что в целях безопасности пароль регулярно меняют. И в такой ситуации заветный набор символов легко затеряется в недрах записей и памяти.

Как восстановить доступ, разберем в следующем разделе.

Кэширование

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

Чтобы исправить ситуацию достаточно очистить кэш браузера нажав Ctrl+Shift+Del или зайти в настройки браузера, найти раздел отвечающий за кэш (у всех браузеров путь к этому пункту разный, поэтому тут поисковик в помощь), и дальше не забыть перезапустить браузер.

Ограниченный доступ

Если после ввода логина и пароля вам показывается 403 ошибка — это явный признак того, что доступ к админ панели вам запрещён, а на сайт можно войти только с определённых IP‑адресов. Исправить это можно, удалив часть кода в файле. htaccess, который находится в корневой папке сайта.

Запись ВОМ в configuration. php

Когда данные введены точно правильно, ограничения по IP нет, а в админку всё равно не пускает, стоит проверить файл configuration.php. Бывает, в него добавляются записи BOM, и некоторые CMS воспринимают это за ошибку и прерывают процесс авторизации. Зачастую этот файл также лежит в корневой директории сайта. Нужно его скачать, открыть в Notepad++ с кодировкой UTF без BOM, сохранить и перезалить в ту же директорию.

Закрытый доступ после перенесения сайта на другой хостинг

После переноса сайта с хостинга на хостинг может возникнуть конфликт баз данных. Так как сайт мог перенестись с устаревшей базой данных. В таком случае нужно отредактировать два файла config.php. Один лежит в корне сайта, второй в папке admin.

Необходимо заменить строку define ('DB_DRIVER', 'mysqli') на define ('DB_DRIVER', 'mysql').

Восстановление доступа в админку сайта

Почему не получается войти в админку мы разобрали выше, а теперь разберем варианты, как восстановить доступ в админ панель сайта.

Через встроенный функционал восстановления доступа

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

Пройдём весь путь восстановления пароля на примере CMS Wordpress:

1. Переходим на страницу входа в админку. Как это сделать мы рассмотрели ранее. И нажимаем на «Забыли пароль?»
восстановить доступ в админку вордпресс
2. Вводим имя пользователя или почту.
восстановить пароль в админку вордпресс
3. Если E-mail или имя будут в базе данных, то на почту придёт сгенерированная ссылка, перейдя по которой вы сможете создать новый пароль. А вас перебросит на страницу с уведомлением об отправке ссылки.
восстановить доступы в админку вп
4. Далее находим письмо на электронной почте, переходим по ссылке для восстановления пароля.

5. На странице, куда нас перекинет, вводим новый пароль и нажимаем кнопку «Задать пароль».

6. Всё готово, пароль изменён, можно спокойно идти управлять сайтом.

В других админках последовательность аналогична.

Через Softaculous Apps Installer

Многие хостинги позволяют устанавливать CMS автоматически, через панель управления (например, ISPmanager, cPanel, Plesk). Установка происходит через автоустановщик скриптов Softaculous. И изменить пароль у уже ранее установленной через него CMS также можно.

Для этого нужно:
1. Войти в панель управления на хостинге.

2. Перейти в Softaculous нажав на Установка CMS
восстановление доступа к админ панели
3. Выбрать Все установки и нажать Редактировать рядом с нужной установкой
как войти в админку без пароля
4. На странице редактирования найти поля Логин администратора и Пароль администратора. Ввести новый пароль и нажать на кнопку «Сохранить детали установки»
как восстановить доступы к админке вордпресс
5. Пароль изменен, можно войти в админку сайта.

Через базу данных сайта

Если доступа к почте, на которую привязан вход в админку, нет — заказчик потерял все данные от неё, или непутёвые предыдущие разрабы сайта сбежали, забыв отдать все пароли и явки от админ панели, то есть ещё один вариант — изменить пароль через базу данных сайта. В этом случае нужно будет ввести SQL-запрос или же внести изменения ручками в phpMyAdmin.

Попасть в phpMyAdmin можно через панель управления, которая установлена на хостинге.

Рассмотрим на примере ISPManager и сайта на Wordpress:

1. Выбираем раздел Базы данных, выбираем нужную базу и нажимаем phpMyAdmin.
восстановить входы в админку через базу данных
2. В phpMyAdmin выбрать нужную БД, найти и перейти в таблицу wp_users.
войти в админ панель
3. Выбрать нужного пользователя (в нашем случае это admin) и нажать Изменить.
войти в админ панель через базу данных
4. Найти строку user_pass.
вход в админку сайта без пароля
5. В столбце Функция этой строки выбрать значение MD5 и в столбце Значение ввести новый пароль.
вход в админку если нет доступов
6. В самом конце таблицы справа нажать на кнопку Вперед и изменения вступят в силу.

Шаблоны для создания админ панели

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

Вот несколько из них:

Bootstrap template

Собрано больше 350 шаблонов админок. К каждому шаблону есть небольшое описание, тип лицензии, ссылка на правообладателя, возможность посмотреть Демо-версию, скачать, потестить. И, если лицензия позволяет, то использовать в своём проекте. Либо нужно будет купить понравившийся шаблон, перейдя по ссылке правообладателя.
шаблоны админ панелей

Подборка HTML-шаблонов для админ панелей на сайте Bootstrap template

AdminLTE

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

SB Admin

Лаконичный и бесплатный шаблон админки без лишних наворотов. Создан на Bootstrap, с открытым исходным кодом. Отличный вариант для быстрого запуска админ панели.
шаблон админки

Превью шаблона админки SB Admin

Основные компоненты админки сайта

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

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

Авторизация

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

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

Главная страница

Главная страница админ панели содержит все компоненты сайта, которыми можно управлять и мониторить. Начиная от списка страниц, из которых состоит сайт, заканчивая виджетами для аналитики, статуса сервера и e-commerce панелей.
Главные страницы админ панелей в разных CMS и шаблонах

Инструменты редактирования контента

Собственно то, для чего и создается админ панель — удобное добавление и редактирование контента на сайте. На этапе проектировки и разработки нужно максимально продумать удобство пользования для заказчика с минимальными трудозатратами.
Пример элементов управления контентом на CMS Wordpress и Tilda Publishing

Инструменты для работы с базой данных

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

SEO панель

Создавая админку или выбирая CMS, нужно не забывать про SEO. Обязательно должна быть заложена возможность:
  • Проставить метатеги title, description, keywords;
  • При добавлении фото добавлять атрибут alt;
  • Назначать H-заголовки;
  • Прописать ЧПУ URL.
SEO панель админки

Пример SEO панели в Wordpress плагине Yoast SEO

Статистика

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

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

Может ли существовать сайт без админки, и когда она не нужна

Сайт без админ панели существовать может. Но нужно понимать, что это за сайт, и почему ему не нужна админка.

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

Но в случае, если заказчику необходимо будет внести изменения — придётся обращаться к разработчикам.

Либо бывает, что заказчик сам разбирается в коде. Тогда он сможет сам внести изменения и перезалить файлы сайта на хостинг. Но нельзя исключать поехавшей сетки, багов и того, что сайт можно испортить или вообще сломать, не добавив или удалив одну важную скобку, кавычку и т. п.
Автор статьи
Анастасия Панченко
Frontend Developer
11.04.2023
Доверьте разработку сайта профессионалам!
Оставьте заявку с кратким рассказом о проекте или заполните бриф.
Понравилась статья?
Поделись материалом с другими в социальных сетях — сохрани статью себе для быстрого доступа, поддержи нашу студию!

Подпишись, чтобы быть в курсе!

Подпишись на наш новостной дайджест, чтобы первым получать анонсы новых статей, материалов или мероприятий. Без спама, только по факту =). Наши соцсети в конце сайта.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности.