simple f3 bootstrap 5 multi lang site

一個簡單的多語言網站，沒有脂肪

使用Bootstrap 5和無脂肪PHP框架（但沒有數據庫 - 這不是CMS ）的簡單多語言網站的前端 /後端設置。

概述

將Bootstrap 5與無脂肪的PHP框架相結合，以構建網站：

• 使用模板組裝頁面
• 提供乾淨的URL
• 支持自動語言選擇
• 在共享服務器上工作
• 易於安裝（只需複制和粘貼，不需要包裝管理器）

以前，為了獲得無脂肪和Bootstrap 4的經驗，我使用Bootstrap 4和無脂肪創建了一個演示站點，並通過GitHub存儲庫共享了文件。

為了發布Bootstrap 5.3（支持黑模式）（並且不再支持Internet Explorer），我創建了一個新的演示站點和存儲庫。

演示

該存儲庫中的代碼在https://sbf-bootstrap5.alwaysdata.net/上運行，該代碼在提供PHP和APACHE的免費託管服務上運行。目的是使代碼成為一個完全可行的軟件包，而不僅僅是用於構建站點的裸露起點。

該設計不是CMS。沒有數據庫。所有內容均在配置文件，控制器文件和內容模板中，它們適用於靜態站點。

應用設置

我所有用於演示網站，無脂肪配置，控制器和模板文件以及關聯的SCSS，Image和JavaScript文件的文件都在此GitHub存儲庫中。引導和無脂肪文件可從引導和無脂肪中獲得。

應該可以用其他網站的內容替換我的網站特定內容。

包括什麼（不是全面列表）

無脂

• config.ini
• 路由
• 所有控制器文件
• 所有頁面的模板

不包括無脂肪的文件 - 這些文件可從無脂肪中獲得

引導程序

Bootstrap易於構建其可用類並使用SASS。我從標準的引導代碼中更改了一些事情：

• 對於Bootstrap的OffCanvas菜單：
  • 使用Navbar Toggle-Button打開和關閉菜單（消除了菜單上關閉按鈕的需求）
  • 單擊相同頁面時自動關閉菜單
  • 添加了一個選項，以將重點放在目標上而不是菜單按鈕上 -需要修改模塊。 JS源文件
• 對於具有模態的全屏背景圖像
  • 添加為背景靜態圖像中的is-fixed類，因此它可以與模態一起使用（Bootstrap具有該功能，但記錄並未得到充分記錄）

不包括引導程序 - 這些文件可從Bootstrap獲得

一般網站的東西

• 用XHTML生成動態站點地圖：替代語言的鏈接
• 利用preload和picture提供各種英雄圖像（4個智能手機，4片和5個筆記本電腦/監視器），以選擇瀏覽器以提高頁面加載速度
• 使用FatFree的SMTP插件進行電子郵件
• 自定義錯誤響應頁面

多語言支持

雖然演示網站的內容是英文，但演示確實有中文和韓國頁面來展示多語言操作。中文和韓國主頁是使用Google Translate從英語主頁創建的。其餘的中文和韓國頁面僅用於證明導航，只有Google翻譯英文頁面的標題和描述。

使用系統字體

字體樣式使用system-ui,操作系統用來顯示文本的相同字體。這提供了與用戶在系統屏幕上看到的相似的外觀，並且由於沒有字體可下載，因此它加快了頁面啟動時間。

黑暗模式

使用Bootstrap的顏色模式結構遵守用戶的prefers-color-scheme: dark設置（設置時）。

相容性

演示網站可與最新版本一起使用：

• 邊緣（桌面和表面）
• Chrome（移動和桌面）
• Firefox（移動和桌面）
• Android（三星）Internet瀏覽器
• 歌劇（移動和桌面）
• Safari（移動和桌面）

除了顯示一般內容外，該網站不與Internet Explorer合作。

許可

此代碼是根據MIT許可提供的。有關詳細信息，請參見許可證文件。

根據GNU公共許可（GPL V3）提供無脂肪

Bootstrap是根據MIT許可證提供的

更新

2023/07/09 - Bootstrap 5.3版本的初始版本。

2024/01/25 - 修改後的Navbar toggler和Bootstrap 5.3.2的驗證用途。