Bootstrapを利用したレビュー一覧サイトのテンプレート
Desarrollador
Hablar con el vendedor
Detalles del producto
概要
bootstrap4を利用したレビューの一覧画面を作成致しました。
テンプレートはWordPress用ではなく、自ら開発する方向けとなっています。
例えば、現在作成しているサービスのレビューサイトへ追加するといったことが可能です。
開発時にvuejsやreactjsに移行しやすいようにjavascriptの実装は最低限としているため、動きのあるテンプレートではありません。
ご利用方法や詳細については下記を参考にお願いいたします。
また、ビルド済みのソースコードが含まれていますので、htmlファイルを開くことで簡単に動作を確認することが可能です。
レビュー一覧テンプレートについて
以下の機能が含まれています。
- レビュー評価のプログレスバー
- レビューの内容一覧
- レビューの内容一覧をソートするセレクトボックス
- レビューを投稿するためのモーダルウィンドウ
- ページング用のリンク
- mobile向けのレスポンシブ機能
- 表示しているレビュー位置 (例: 1 - 10 of 20 review)
レビューの内容は以下の要素が含まれています。
- タイトル
- 投稿日時 (例: 2019-07-25 post)
- レビューの内容
- レート (星の数を表示)
利用する際に必要なスキルについて
1) htmlを書けること
2) javascriptを書けること
3) webpackによるビルド方法がわかること
4) css/scssを書けること
購入ファイルについて
src
├── html
│ └── index.html
├── script
│ ├── main.js
│ └── reset.js
└── style
├── normalize.scss
└── top.scss
package.json
webpack.base.config.js
webpack.dev.config.js
webpack.production.config.js
利用方法について
使い方
利用する際は以下のように利用してください。
1) srcフォルダをカレントディレクトリとしてください
2) npm install
3) npm run webpack-dev
4) webpackによってビルドが行われ、staticフォルダが作成されます。
5) src/html/index.htmlを開きます。
File Tree
-
📁 Bootstrapを利用したレビュー一覧サイトのテンプレート