無脂肪PHPフレームワークを備えたBootstrap 4を使用したシンプルで多言語のWebサイト用のフロントエンド /バックエンドセットアップは、データベースはありません。
Bootstrap 4で使用するPHPフレームワークを使用して、次のWebサイトを構築したかったのです。
私の選択は太ったものでした - 「強力でありながら使いやすいPHPマイクロフレームワーク」
サイトを構築できるようにするために、サイトを作成しました。ブートストラップと無脂肪を使用してサイトを作成する方法に関するサイト。そして、このサイトは私がしたこととその理由の私の記録です。
これはCMSではありません。データベースはありません。すべてのコンテンツは、構成ファイル、コントローラーファイル、およびコンテンツテンプレートにあります。
*注:https://github.com/richdebourke/simple-f3-bootstrap-5-multi-lang-siteにあるブートストラップ5の同様のリポジトリがあります。
このリポジトリのすべてのコードは、http://sbf-testing.byethost7.comで動作しています。意図は、コードがサイトを構築するための単なる骨の出発点ではなく、不可能なパッケージになることです。デモはPHPとApacheを提供する無料のホスティングサービスで実行されていますが、電子メールやほとんどのボットはブロックされていないため、連絡先フォームもSSL 1もありません(そのため、「ほぼ完全な」サイトと言います)が、それらは生産ホストに実装するのに十分簡単なはずです。
注1 :ホスティングサービスは自己署名証明書を提供していますが、Googleが検索ランキングにそれらを受け入れるかどうかはわかりません。ホスティングサービスはほとんどのボットをブロックしているため、所有権を検証することは困難であるため、SSLなしでサイトを実行しています。
デモサイトのすべてのファイル、ファットフリー構成、コントローラー、テンプレートファイル、および関連するSCS、画像、およびJavaScriptファイルは、このGitHubリポジトリにあります。ブートストラップと無脂肪ファイルは、ブートストラップと無脂肪から入手できます。
私のサイト固有のコンテンツを別のWebサイトのコンテンツに置き換えるのに十分簡単なはずです。
無脂肪ファイルは含まれていません - これらのファイルは無脂肪から利用できます
Bootstrapは、利用可能なクラスとSASSを使用して簡単に構築できます。標準のブートストラップコードから変更した2つのことがありました。
ブートストラップファイルは含まれていません - これらのファイルはbootstrapから入手できます
デモサイトのコンテンツは英語ですが、デモには多言語操作を実証するための中国語と韓国のページがあります。中国と韓国のホームページは、Google翻訳を使用して英語のホームページから作成されました。ナビゲーションを実証するためだけに提供される中国と韓国のページの残りの部分は、英語のページのタイトルと説明のGoogle翻訳を用意しています。
2022年7月の更新では、サイトの検証に加えて、Fat-Free、Bootstrap 4、およびJQueryの最新バージョンで動作することに加えて、サイトを次のように修正しました。
システムフォントの使用 - Googleフォントの使用からsystem-uiフォントの使用に切り替えました。 Googleフォントを使用するには、ユーザーのブラウザがStyleSheetと必要なフォントファイルのGoogleにリクエストを送信する必要があります。これには、ユーザーのIPアドレスをGoogleに送信することが含まれます。Googleには、EU一般データ保護規則(GDPR)が許可されていないと述べています。 system-uiオペレーティングシステムがテキストを表示するために使用するのと同じフォントを使用するようブラウザに指示します。これにより、ユーザーがシステム画面で表示するものと同様の外観が提供され、ダウンロードするフォントがないため、ページの起動時間をスピードアップします。
セルフホストブートストラップ&jQueryファイル - ユーザーIPアドレスを他のサイトと共有しないためのGDPR要件により、フレームワークやライブラリファイルにコンテンツ配信ネットワークを使用することから、サーバーからファイルの提供に切り替えました。私は現在、Webpackを使用して、jQuery、Bootstrap JavaScript、JQuery Easingプラグイン、およびサイトのJavaScriptを1つのファイルに組み合わせています(1つのファイルがより速くダウンロードされます)。
サポートは還元運動を好みます - Boostrapはすでにモーションを減らしたユーザー設定をサポートしていましたが、jQueryアニメーションを調整しませんでした。私は今します。
サポートは、カラーシェームを好む - 明るい形式よりもダークフォーマットを好むユーザーにダークモード形式を追加しました。
デモサイトは、次のような最新バージョンで動作します。
と:
このコードは、MITライセンスの下で提供されます。詳細については、ライセンスファイルを参照してください。
FATフリーはGNUパブリックライセンス(GPL V3)の下で提供されます
ブートストラップはMITライセンスの下で提供されます
Offcanvasナビゲーションは、MITライセンスの下で提供されます
2018/09/23 - 初期リリース。
2019/01/02 - 検証されたサイトは、Fat Free 3.6.5で動作し、検索エンジンの結果を改善するためにページコンテンツの一部を更新しました。
2019/05/10 - 検証されたサイトは、jQuery 3.4.1およびBootstrap 4.3.1で動作します。
2019/05/27 - Googleがいくつかの検索エンジン結果ページにスニペットに通知テキストを含めることがあるため、EU Cookie通知のセクションをページの下部に移動しました。
2019/07/02 - 実装されたdisplay=swapは、少なくともGoogleフォントのフォントマネージャーの必要性を排除します(フォントフェイスオブザーバーを使用していました)。
2020/01/20 - 検証されたサイトは、Fat Free 3.7.1およびBootstrap 4.4.1で動作し、コンテンツにマイナーな編集を行いました。
2020/07/05 - 検証されたサイトは、Fat Free 3.7.2、Bootstrap 4.5.0、およびjQuery 3.5.1で動作し、非在籍CSSファイルを排除しました(Webサイト上の邪魔されたCSSファイルを提供するだけです)、コンテンツにマイナーな編集を行いました(VSコードでSASSのSASSの説明を含む)。
2022/07/15 - 検証されたサイトは、FATフリー3.8.0、Bootstrap 4.6.1、およびJQuery 3.6.0で動作し、Googleフォントからシステムフォントの使用に切り替え、削減されたモーションとダークモードのサポートを追加し、コンテンツを更新しました。
2022/11/17 - 検証されたサイトは、jquery 3.6.1で動作し、画像およびソース要素を使用して明るいモードとダークモードの通常および高解像度のWebp画像を提供するように切り替えました。
2023/07/09 - 無脂肪PHPフレームワークリポジトリを使用して、ブートストラップ5.3へのリンクを追加します。
2023/10/07 - 検証されたサイトは、Bootstrap 4.6.2およびjQuery 3.7.1で動作します。デモサイトのホストは現在PHP 8.2を実行しているため、デモは脂肪のない3.8.2を使用しています。