Настройка Frontend / Backend для простого, многоязычного веб-сайта с использованием Bootstrap 4 с безэтажной структурой PHP, но без базы данных.
Я хотел, чтобы фреймворк PHP использовал с Bootstrap 4 для создания веб -сайтов, которые могли бы:
Мой выбор был без жира- «мощный, но простой в использовании микрофромную работу PHP»
Чтобы быть уверенным, что я мог бы построить сайт, я создал его; Сайт о том, как я использовал начальную загрузку и без жира для создания сайта. И сайт - моя запись о том, что я сделал и почему.
Это не CMS. Там нет базы данных. Весь контент находится в файле конфигурации, файлов контроллера и шаблонов содержимого.
*Примечание: у меня есть аналогичный репозиторий для начальной загрузки 5 по адресу https://github.com/richdebourke/simple-f3-bootstrap-5-multi-lang-site.
Весь код из этого репозитория работает по адресу http://sbf-testing.byethost7.com. Цель состоит в том, чтобы код был как завершенный как способный пакет, а не просто отправная точка для создания сайта. Демонстрация работает в бесплатной службе хостинга, которая предоставляет PHP и Apache, но никакая электронная почта и большинство ботов не заблокированы, поэтому нет контактной формы и нет SSL 1 (поэтому я говорю «почти полный» сайт), но они должны быть достаточно просты для реализации на производственном хосте.
ПРИМЕЧАНИЕ 1 : Служба хостинга предлагает саморегистрированные сертификаты, но я не уверен, что Google принимает их для рейтинга поиска. Поскольку услуги хостинга блокирует большинство ботов, трудно подтвердить мое право собственности, поэтому я запускаю сайт без SSL.
Все мои файлы для демонстрационного сайта, без жира конфигурации, контроллера и файлов шаблонов, а также соответствующие файлы SCS, изображения и JavaScript находятся в этом репозитории GitHub. Начальная и без жира файлы доступны от начальной загрузки и без жира.
Это должно быть достаточно легко заменить контент моего сайта на контент для другого веб -сайта.
Без жира файлы не включены-эти файлы доступны без жира
Bootstrap легко структурировать с доступными классами и с использованием SASS. Было две вещи, которые я изменил из стандартного кода начальной загрузки:
Файлы начальной загрузки не включены - эти файлы доступны в Bootstrap
В то время как контент для демонстрационного сайта находится на английском языке, у демонстрации есть китайские и корейские страницы, чтобы продемонстрировать многоязычную операцию. Китайские и корейские домашние страницы были созданы с английской домашней страницы с использованием Google Translate. Остальные китайские и корейские страницы, которые предоставляются только для демонстрации навигации, просто проводят Google Translations and English Pages 'названия и описания.
Для обновления июля 2022 года, в дополнение к проверке сайта, работающих с последними версиями без жира, начальной загрузки 4 и jQuery, я также пересмотрел сайт:
Используйте системные шрифты-переключается с использования шрифтов Google на использование system-ui шрифтов. Использование шрифтов Google требует от браузера пользователя отправить запрос в Google на таблицу стилей и необходимые файлы шрифтов. Это включает в себя отправку IP -адреса пользователя в Google, который, по словам Общего правила защиты данных ЕС (GDPR), не допускается. system-ui инструктирует браузер использовать тот же шрифт, который использует операционная система для отображения текста. Это дает аналогичный взгляд на то, что пользователь видит на экранах системы, и он ускоряет время запуска страницы, так как нет шрифтов для загрузки.
Files Self-Host Bootstrap & JQuery-переключается с использования сетей доставки контента для фреймворта и библиотечных файлов на предоставление файлов с моего сервера, опять же из-за требования GDPR, чтобы не обмениваться IP-адресами пользователей с другими сайтами. Сейчас я использую WebPack для комбинирования JQUERY, Bootstrap JavaScript, плагина смягчения jQuery и JavaScript для сайта в один файл (один файл будет загружаться быстрее).
Поддержка предпочитает, уменьшенное движение-в то время как Boostrap уже поддерживала пользовательскую настройку для уменьшения движения, я не корректировал анимацию jQuery. Я делаю сейчас.
Поддержка предпочитает Color-Scheme-добавил формат темного режима для пользователей, которые предпочитают темный формат, а не легкий формат.
Демо -сайт работает с последними версиями:
И с::
Этот код предоставляется по лицензии MIT. Смотрите файл лицензии для получения подробной информации.
Без жира предоставляется по публичной лицензии GNU (GPL V3)
Bootstrap предоставляется по лицензии MIT
OffCanvas Navigation предоставляется по лицензии MIT
2018/09/23 - первоначальный выпуск.
2019/01/02 -проверка сайта работает со свободным от жира 3.6.5 и обновил некоторое содержание страницы для лучших результатов поисковой системы.
2019/05/10 - проверка сайта работает с JQUERY 3.4.1 и Bootstrap 4.3.1.
2019/05/27 - переместил раздел для уведомления о cookie в ЕС в нижнюю часть страницы, так как Google иногда включал текст уведомления в фрагменте на некоторых страницах результатов поисковой системы.
2019/07/02 - Реализованный display=swap на шрифтах Google, что устраняет необходимость в менеджере шрифтов, по крайней мере, для шрифтов Google (я использовал Font Face Observer).
2020/01/20 -проверка сайта работает без жира 3.7.1 и Bootstrap 4.4.1 и сделал несколько незначительных изменений в контенте.
2020/07/05 -проверка сайта работает со свободным от жира 3.7.2, Bootstrap 4.5.0 и JQUERY 3.5.1, исключил необразованные файлы CSS (просто поставляя минимизированные файлы CSS на веб-сайте) и внес несколько незначительных изменений в контенте (включая объяснение о том, как я делаю SASS в коде VS).
2022/07/15 -проверка сайта работает со свободным от жира 3.8.0, Bootstrap 4.6.1 и JQUERY 3.6.0, переключенные от шрифтов Google на использование системных шрифтов, добавленная поддержка для уменьшения движения и темного режима и обновил контент.
2022/11/17 - проверка сайта работает с JQUERY 3.6.1 и переключается на предоставление обычных и высоких изображений WEBP для световых и темных режимов с использованием элементов изображения и источников.
2023/07/09 -Добавьте ссылку на Bootstrap 5.3 с помощью безразличного репозитория PHP.
2023/10/07 - проверка сайта работает с начальной загрузкой 4.6.2 и JQUERY 3.7.1. Хост для демонстрационного сайта теперь работает PHP 8.2, поэтому демонстрация теперь использует без жира 3.8.2.