Готовый сайт №3 для Minecraft: магазин и конструктор страниц
Показываем сайт со стороны игрока и владельца: пять готовых миров, конструктор, персонажи, магазин, черновик и публикация.
В «Готовом сайте №3» игрок находит адрес сервера, описание мира, события и магазин. Владелец управляет содержимым в отдельной админке: меняет блоки, изображения, персонажа и оформление, проверяет черновик и публикует страницу. Ниже — подробный обзор с настоящими снимками интерфейса.
Все фотографии сняты на демонстрационной версии. Названия, адрес сервера, товары, цены в игровом магазине и расписание событий служат примерами наполнения. Их можно заменить своими.
Сайт глазами игрока
На первом экране собраны основные действия: начать играть, открыть магазин и скопировать IP. Рядом — объёмный мир и персонаж Minecraft, который реагирует на нажатие. Окружение и персонажа можно настроить в конструкторе.
Дальше игрок видит историю сервера, сведения о мире, персонажей и события. При прокрутке истории меняются этапы и позы персонажа. Правила и ответы на вопросы доступны на странице. В карточках восьми привилегий объёмные персонажи собраны по текстурам скинов и реагируют на наведение или фокус.
Показать все снимки этого раздела (6)
Конструктор страниц: подробный разбор
Основная рабочая область разделена на редактор и живой предпросмотр. Слева выбирается секция и меняется её содержимое; справа виден результат. Кнопки сохранения черновика и публикации расположены рядом, а статус под заголовком сообщает, что сейчас сохранено.
Секции и порядок на странице
Главная состоит из отдельных секций: первый экран, магазин, история, сведения о сервере, персонажи, ивенты, правила и FAQ, финальный блок и подвал. Для секций доступны переключатель видимости и кнопки перемещения. Порядок можно менять стрелками или перетаскиванием.
Первый экран и магазин обязательны. Остальные разделы можно включать по мере готовности наполнения. Дополнительные секции можно дублировать или удалить; возврат к значениям по умолчанию относится к выбранной секции.
Какие блоки можно добавить
- текст с изображением;
- карточки;
- вопросы и ответы;
- таймлайн;
- галерею;
- видео;
- баннер с призывом к действию;
- отзывы;
- счётчики;
- свой HTML-блок.
Это наборы полей внутри редактора. Например, для FAQ заполняются вопрос и ответ, для галереи — изображения и подписи, для видео — адрес ролика или файла.
Полный интерфейс редактора и предпросмотр
Текст, изображение и кнопка на одном примере
- Выберите тип «Текст и картинка» и добавьте секцию.
- Введите заголовок и основной текст.
- Выберите изображение из файлов или укажите его адрес.
- Задайте текст кнопки и страницу, на которую она ведёт.
- Проверьте результат в живом превью.
В показанном примере добавлен блок «Твой город начинается с первого блока». В нём видно и редактируемые поля, и готовую секцию на странице. Для текста поддерживаются выделение жирным и ссылки через подсказанный в интерфейсе формат.
Изображения и обрезка
Рядом с полем изображения есть миниатюра и кнопка загрузки с обрезкой. В открывшемся окне выбирается нужная область, затем сохраняется результат. Так можно подготовить кадр для блока, не редактируя код страницы.
Полный интерфейс редактора и предпросмотр
Списки: FAQ, галерея, история и персонажи
Повторяющиеся элементы редактируются списками. У каждого есть собственные поля и кнопки перемещения или удаления. Новый элемент добавляется в том же разделе. Это удобно для вопросов, картинок галереи, этапов истории, NPC и событий.
История сервера содержит подпись, заголовок, описание и позу персонажа для каждого этапа. При прокрутке сцена переходит между этапами; анимацию секции можно отключить. У персонажей задаются имя, изображение и текст. У событий — название, иллюстрация, описание и подписи расписания.
Показать все снимки этого раздела (14)
Видео и HTML
Видеоблок принимает адрес ролика или MP4. Для более свободного наполнения есть HTML-блок. Сохраняемый HTML проходит очистку на сервере. Поля аналитики отдельно принимают идентификаторы счётчиков, поэтому вставлять в текст произвольные скрипты не требуется.
Показать все снимки этого раздела (2)
Персонаж и фон
В настройках первого экрана доступны обычный скин Minecraft, получение скина по нику и собственная модель Blockbench. Для скина можно выбрать классическую или узкую модель. Отдельно задаётся реакция персонажа на нажатие.
Полный интерфейс редактора и предпросмотр
В редакторе сохранены настройки дальнего, среднего и переднего слоёв фона, включая мобильные изображения. При выборе готового мира эти пользовательские поля и настройки персонажа не стираются.
Показать все снимки этого раздела (5)
Полный интерфейс редактора и предпросмотр
Готовые миры, палитры и мобильное превью
Во вкладке «Готовые миры» доступны пять вариантов: Лес, Вулкан, Камень, Классика и Классика (тёмная). У каждого своя объёмная сцена с геометрией, освещением и движением: лес с водопадом, кратер с лавой, каменный акведук, деревня с мельницей и ночная обсерватория.
- Откройте вкладку «Готовые миры» и выберите карточку.
- Конструктор применит сцену первого экрана и подходящую палитру. Тексты, товары, контакты, скины и настроенные слои останутся на месте.
- Дождитесь сообщения «Черновик сохранён» и проверьте результат во встроенном превью или откройте черновик отдельно.
Во вкладке «Тема» можно отдельно выбрать палитру, изменить цвета вручную и задать обычный или пиксельный шрифт заголовков. Выбор палитры сам по себе не меняет сцену.
При настройке уменьшенного движения сцена показывается неподвижно. Анимация мира приостанавливается, когда он вне экрана или вкладка скрыта; если трёхмерная сцена недоступна, показывается изображение мира.
Полный интерфейс редактора и предпросмотр
Переключатель «Десктоп / Мобайл» меняет размер экрана предпросмотра. Он помогает увидеть переносы заголовков, порядок блоков, высоту иллюстраций и кнопки до публикации. Сам редактор также доступен с телефона.
Показать все снимки этого раздела (10)
Черновик, публикация и история
Черновик и опубликованная страница разделены. Можно подготовить новую версию, проверить её и затем нажать «Опубликовать». Пока черновик не опубликован, посетители видят предыдущую версию.
- Сохраните черновик. Убедитесь, что статус сообщает об успешном сохранении.
- Проверьте два размера превью. Просмотрите заголовки, изображения, кнопки и ссылки.
- Опубликуйте. Изменения появятся на основной странице.
- При необходимости вернитесь к прошлой публикации. Во вкладке истории хранятся последние десять версий. Откат восстанавливает выбранную публикацию на сайте и в черновике.
Полный интерфейс редактора и предпросмотр
Настройки можно экспортировать в JSON и импортировать обратно. Экспорт полезен как отдельная копия оформления перед большой переделкой. Восстановление всей базы и перенос файлов — отдельные действия, которые не заменяются экспортом страницы.
Показать все снимки этого раздела (4)
Магазин и платёжные интеграции
Магазин содержит серверы, категории и товары. Посетитель выбирает категорию, открывает состав товара, указывает игровой ник и почту и переходит к оплате. Промокоды и сведения о покупке обрабатываются на сервере.
В проект включены интеграции ЮKassa, ЮMoney, Т-Банк, CloudPayments, Robokassa, Lava, Aaio, CryptoBot и Enot. Владелец задаёт параметры выбранных касс в админке. В форме покупки отображаются доступные способы оплаты; их подключение проверяется отдельно.
После подтверждённой оплаты выдача выполняется командами через RCON. Для уведомлений предусмотрена проверка подписи и защита от повторной обработки. При проблеме выдачи заказ остаётся доступен для проверки администратором.
Показать все снимки этого раздела (4)
Управление сайтом и справка
В общей навигации админки находятся товары, покупки, промокоды, конструктор, оформление, SEO, платежи и справка. Основные действия остаются в тех же разделах при переходе между страницами.
SEO-настройки позволяют менять заголовки и описания страниц и изображения для ссылок в соцсетях. В проекте есть sitemap, robots и структурированная разметка. Встроенная справка объясняет работу с конструктором, товарами, кассами и настройками сервера.
Показать все снимки этого раздела (8)
Что входит и сколько стоит
4 999 ₽ на старте вместо 6 999 ₽. В комплекте исходники сайта, изображения, необходимые файлы конфигурации и документация. Основной стек — Next.js и PostgreSQL. Файлы выдаются после оплаты товара.
Боевые платежи и RCON с конкретным игровым сервером проверяются владельцем со своими реквизитами. На фотографиях нет настроенных чужих касс или выдуманной истории продаж.