Меняем внешний вид панели VestaCP

Содержание:

Меняем стандартные картинки VestaCP.
Редактируем стандартные файлы VestaCP.

В сегодняшней статье я расскажу как можно изменить внешний вид бесплатной админ панели VestaCP. Панель распространяется по лицензии GPLv3. Из лицензии можно вынести 4 основные свободы пользователя:

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

Меняем стандартные картинки VestaCP.

Заходим на наш сервер и подключаемся под root, переходим в каталог /usr/local/vesta/web/images.

sudo su
cd /usr/local/vesta/web/images

Тут нас интересуют 4 файла:

  • favicon.ico,
  • logo.png,
  • vesta_logo.png,
  • sprite.png.

favicon.ico — это значок, который отображает браузер в адресной строке.
logo.png — логотип, который отображается на страницах восстановления пароля.
vesta_logo.png — логотип, который отображается на странице авторизации.
sprite.png — это спрайт с целой кучей картинок, объединённых в одну, отображается повсюду в панели.

Сначала надо скачать файлы себе на компьютер. Как это сделать на сервере без рабочего стола? Ну например через scp или открыть доступ через samba с изменением владельца на файлы на root.

Первые две картинки нужно просто заменить на свои с примерно таким же разрешением. Вот так получилось у меня:

logologo.png

vesta_logovesta-logo.png

Третий файл можно сгенерировать онлайн из той же иконки и заменить им оригинал. А вот с четвёртым придётся повозиться, так как свои новые картинки мы должны точь-в-точь наложить на старые, это можно сделать Pinta или Gimp.

Редактируем стандартные файлы VestaCP

Теперь перейдем в /usr/local/vesta/web/templates

cd /usr/local/vesta/web/templates

и скачаем файлы:

  • header.html,
  • login.html,
  • reset_1.html,
  • reset_2.html,
  • reset_3.html

header.html — это шапка панели, там прописываются стили, скрипты, мета теги и т. д. Находим тут строку <title>Vesta - <?=__($TAB)?></title> слово «Vesta» меняем на своё. Этот параметр говорит браузеру, какое название выводить в поисковой строке.
login.html — этот файл отвечает за форму входа на сайт. Находим там ссылку <a class="vestacp" href="http://vestacp.com" >vestacp.com</a>, изменяем на свою, также меняем атрибута alt="Vesta Control Panel" на своё.
reset_1.html, reset_2.html, reset_3.html — это файлы, отвечающие за форму восстановления пароля. Во всех файлах изменяем / удаляем ссылку <a class="vestacp" href="http://vestacp.com" >vestacp.com</a>и атрибут alt.

Переходим в /usr/local/vesta/data/templates/web/skel.

cd /usr/local/vesta/data/templates/web/skel

Файлы, папки в этом каталоге автоматически переносятся в каждый сайт при его создании. Сюда, к примеру, я добавил архивы с популярными CMS, что улучшает юзабилити. В каталоге document_errors лежат файлы со страницами ошибок. В каталогах public_html и public_htmls лежат автоматически генерируемые файлы сайта. Тут можно отредактировать стандартные файлы index.html и robots.txt, а также добавить файл .htaccess.

index.html — изменяем ссылку <a href="http://vestacp.com/">Powered by VESTA</a> на свою. Думаю, что тут также можно написать что-нибудь пояснительное.

Подключаем SSL сертификат к панели.

Бесплатно активируем файловый менеджер.

Увеличиваем максимальный размер загружаемого файла. Авторизация от admin→ вкладка «Сервер»→ находим «apache2» → кнопка «CONFIGURE» → вкладка «НАСТРОИТЬ PHP.INI» → меняем параметр upload_max_filesize. Думаю, 10 мегабайт будет достаточно.

Советую поставить редирект в .htaccess для домена панели. Для этого заходим в директорию с сайтом, создаем там файл .htaccess и прописываем в нем следующие строки:

<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_HOST} ^www\.(.*)$
 RewriteRule ^(.*)$ http://%1/$1 [L,R=301]
 Redirect 301 / https://ваш_сайт.ru:8083/login/
 </IfModule>

Будет пересылать как с домена, так и с IP-адреса на страницу авторизации панели, очень удобно, своеобразная заглушка IP VestaCP. Не забудьте заменить домен на ваш.
После изменений страница входа VestaCP выглядит вот так:

mydns24.ru-vs-vestacp

Предлагайте свои темы статей (о VestaCP и не только) в комментариях.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Меняем внешний вид панели VestaCP
5 (100%) 2 votes

Оставить комментарий

avatar
  Подписаться  
Уведомление о
Меню

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Рейтинг@Mail.ru