Creative は、Start Bootstrap によって作成された Bootstrap で構築された 1 ページのクリエイティブな Web サイトのテーマです。
ライブプレビューを表示する
このテンプレートの使用を開始するには、次のオプションのいずれかを選択して開始します。
npm i startbootstrap-creativegit clone https://github.com/StartBootstrap/startbootstrap-creative.gitダウンロード後、 distディレクトリに含まれる HTML ファイルと CSS ファイルを編集するだけです。心配する必要があるのはこれらのファイルだけです。他のものは無視してかまいません。コードに加えた変更をプレビューするには、Web ブラウザでindex.htmlファイルを開きます。
テーマのソース ファイルのクローンを作成し、テーマのルート ディレクトリに移動します。 npm install実行してからnpm start実行すると、デフォルトのブラウザでテンプレートのプレビューが開き、コア テンプレート ファイルへの変更を監視し、変更が保存されたらブラウザをライブ リロードします。 package.jsonファイルを表示して、どのスクリプトが含まれているかを確認できます。
npm run buildプロジェクトをビルドします。これにより、アセット、HTML、JS、CSS がdistにビルドされます。npm run build:assets src/assets/ディレクトリ内のファイルをdistにコピーします。npm run build:pug src/pug/ディレクトリにある Pug をdistにコンパイルします。npm run build:scripts src/js/scripts.jsファイルをdistに取り込みますnpm run build:scss src/scss/ディレクトリにある SCSS ファイルをdistにコンパイルします。npm run cleanプロジェクトの再構築の準備としてdistディレクトリを削除します。npm run start:debugプロジェクトをデバッグ モードで実行しますnpm startまたはnpm run startプロジェクトを実行し、デフォルトのブラウザでライブ プレビューを起動し、 src内のファイルに加えられた変更を監視します。このビルド環境を使用するには、npm がインストールされている必要があります。
このテーマで利用できるお問い合わせフォームは、SB フォームを使用するように事前に構築されています。 SB Forms は、テーマに機能的なフォームを追加するためのシンプルなフォーム ソリューションです。このテーマは SB Forms マークアップを使用して事前に構築されているため、Start Bootstrap で SB Forms にサインアップするだけで済みます。
サインアップ後、フォームが使用されるドメイン名を設定する必要があります。これにより、アクセス キーが表示されます。これをコピーし、 API_TOKENの代わりにdata-sb-form-api-token='API_TOKEN'データ属性に貼り付けます。それでおしまい！フォームが起動して実行できるようになります。
SB Forms を使用していない場合は、フォームからカスタム データ属性を削除し、 </body>終了タグの上にある SB Forms へのリンクを削除します。
このテンプレートにバグや問題がありますか? GitHub で新しい問題を開くか、Start Bootstrap のテーマ概要ページにコメントを残してください。
Start Bootstrap は、無料の Bootstrap テーマとテンプレートのオープンソース ライブラリです。 Start Bootstrap の無料のテーマとテンプレートはすべて MIT ライセンスに基づいてリリースされているため、商用プロジェクトであっても、あらゆる目的に使用できます。
Start Bootstrap はDavid Millerによって作成され、維持されています。
Start Bootstrap は、Mark Otto と Jacob Thorton によって作成された Bootstrap フレームワークに基づいています。
Copyright 2013-2023 Start Bootstrap LLC.コードは MIT ライセンスに基づいてリリースされています。
