simple f3 bootstrap 5 multi lang site Скачать - simple f3 bootstrap 5 multi lang site

simple f3 bootstrap 5 multi lang site

Другие категории

1.0.0

Скачать

Простой, многоязычный веб-сайт с использованием без жира

Настройка Frontend / Backend для простого, многоязычного веб-сайта с использованием Bootstrap 5 и без жира PHP-структуры ( но без базы данных-это не CMS ).

Обзор

Объединение Bootstrap 5 с безправленной PHP-структурой для создания веб-сайтов, которые:

Используйте шаблоны для сборки страниц
Обеспечить чистые URL -адреса
Поддержка автоматического выбора языка
работать на общем сервере
просты в установке (просто скопируйте и вставьте, не требуется диспетчер пакетов)

Ранее, чтобы получить опыт без жира и Bootstrap 4, я создал демонстрационный сайт, используя Bootstrap 4 и FAT, и поделился файлами через репозиторий GitHub.

Для выпуска Bootstrap 5.3, который поддерживает Dark Mode (и больше не поддерживает Internet Explorer), я создал новый демонстрационный сайт и репозиторий.

Демо

Код из этого репозитория работает по адресу https://sbf-bootstrap5.alwaysdata.net/, работая на бесплатной службе хостинга, которая предоставляет PHP и Apache. Цель состоит в том, чтобы код был как завершенный как способный пакет, а не просто отправная точка для создания сайта.

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

Применение настройки

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

Должно быть возможно заменить контент, конкретный мой сайт, на другой веб -сайт.

Что включено (не всеобъемлющий список)

Без жира

config.ini
Routes.ini
Все файлы контроллера
Все шаблоны для страниц

Без жира файлы не включены-эти файлы доступны без жира

Начальная загрузка

Bootstrap легко структурировать с его доступными классами и с использованием SASS. Есть несколько вещей, которые я изменил из стандартного кода начальной загрузки:

Для Menu OffCanvas от Bootstrap:
- Используйте навигационный переключатель, чтобы открыть и закрыть меню (устраняет необходимость в кнопке закрытия в меню)
- Автоматически закройте меню, когда нажата на одностраничную ссылку
- Добавлена опция для фокусировки, чтобы быть на цель, а не на кнопке меню - требует изменения исходного файла Module.js
Для полноэкранных фоновых изображений с модалами
- Добавлен класс is-fixed к фоновому статическому изображению, поэтому он работает с модалами (Bootstrap имеет функцию, но оно не хорошо задокументировано)

Файлы начальной загрузки не включены - эти файлы доступны в Bootstrap

Общий веб -материал

Динамическая генерация карты сайта с XHTML: ссылки для альтернативных языков
Используйте preload и picture , чтобы предоставить выбор изображений героев (4 смартфона, 4 планшета и 5 ноутбука/монитор) для браузера, чтобы выбрать, чтобы улучшить скорость загрузки страницы
Использует плагин SMTP от FatFree для сообщений электронной почты
Пользовательские страницы ответа на ошибку

Многоязычная поддержка

В то время как контент для демонстрационного сайта находится на английском языке, у демонстрации есть китайские и корейские страницы, чтобы продемонстрировать многоязычную операцию. Китайские и корейские домашние страницы были созданы с английской домашней страницы с использованием Google Translate. Остальные китайские и корейские страницы, которые предоставляются только для демонстрации навигации, просто проводят Google Translations and English Pages 'названия и описания.

Использование системных шрифтов

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