simple f3 bootstrap 5 multi lang siteダウンロード - simple f3 bootstrap 5 multi lang siteソースコードダウンロード

simple f3 bootstrap 5 multi lang site

その他のカテゴリー

1.0.0

ダウンロード

FATフリーを使用したシンプルで多言語のWebサイト

Bootstrap 5と無脂肪PHPフレームワークを使用したシンプルで多言語のWebサイト用のフロントエンド /バックエンドセットアップ（ただし、データベースはありません - これはCMSではありません）。

概要

Bootstrap 5と無脂肪PHPフレームワークを組み合わせて、次のWebサイトを構築します。

ページを組み立てるためにテンプレートを使用します
きれいなURLを提供します
自動言語の選択をサポートします
共有サーバーで作業します
インストールが簡単です（コピーして貼り付け、パッケージマネージャーは必要ありません）

以前は、Fat-FreeとBootstrap 4の経験を積むために、Bootstrap 4とFat Freeを使用してデモサイトを作成し、GitHubリポジトリを介してファイルを共有しました。

Dark ModeをサポートするBootstrap 5.3のリリース（およびInternet Explorerをサポートしなくなりました）のために、新しいデモサイトとリポジトリを作成しました。

デモ

このリポジトリのコードは、PHPとApacheを提供する無料のホスティングサービスで実行されているhttps://sbf-bootstrap5.alwaysdata.net/で動作しています。意図は、コードがサイトを構築するための単なる骨の出発点ではなく、不可能なパッケージになることです。

このデザインはCMSではありません。データベースはありません。すべてのコンテンツは、構成ファイル、コントローラーファイル、および静的サイトに適したコンテンツテンプレートにあります。

セットアップを適用します

デモサイトのすべてのファイル、ファットフリー構成、コントローラー、テンプレートファイル、および関連するSCS、画像、およびJavaScriptファイルは、このGitHubリポジトリにあります。ブートストラップと無脂肪ファイルは、ブートストラップと無脂肪から入手できます。

サイト固有のコンテンツを別のWebサイトのコンテンツに置き換えることが可能です。

含まれるもの（包括的なリストではありません）

無脂肪

config.ini
routes.ini
すべてのコントローラーファイル
ページのすべてのテンプレート

無脂肪ファイルは含まれていません - これらのファイルは無脂肪から利用できます

ブートストラップ

Bootstrapは、利用可能なクラスとSASSを使用して簡単に構成できます。標準のブートストラップコードから変更したものがいくつかあります。

BootstrapのOffcanvasメニューの場合：
- Navbarのトグルボタンを使用して、メニューを開いて閉じます（メニューの閉じるボタンの必要性を排除します）
- 同じページのリンクがクリックされたときにメニューを自動的に閉じます
- メニューボタンではなくターゲットに焦点を当てるオプションを追加しました。モジュールを変更する必要があります。JSソースファイル
モーダルを備えたフルスクリーンの背景画像用
- バックグラウンドの静的画像にis-fixedクラスを追加して、モーダルで動作するようにします（ブートストラップには関数がありますが、十分に文書化されていません）

ブートストラップファイルは含まれていません - これらのファイルはbootstrapから入手できます

一般的なウェブサイトのもの

XHTMLを使用した動的なサイトマップ生成：代替言語のリンク
preloadとpictureを利用して、ブラウザがページの読み込み速度を改善するために選択できるヒーローイメージ（4つのスマートフォン、4つのタブレット、5つのラップトップ/モニター）の選択を提供する
メールメッセージにFatfreeのSMTPプラグインを使用します
カスタムエラー応答ページ

多言語サポート

デモサイトのコンテンツは英語ですが、デモには多言語操作を実証するための中国語と韓国のページがあります。中国と韓国のホームページは、Google翻訳を使用して英語のホームページから作成されました。ナビゲーションを実証するためだけに提供される中国と韓国のページの残りの部分は、英語のページのタイトルと説明のGoogle翻訳を用意しています。