Bootstrapを利用したレビュー一覧サイトのテンプレート

製品情報

¥3,285

買い物カゴに追加

タグ

Web System Home Page Website

プログラミング言語

JavaScript HTML CSS HTML5 JQuery

ユーザビリティー

Web Advertisement & Marketing Professional Services Technology Software Services Content

ユーザーガイド

inspected PieceX検証済み

デベロッパー

YutaroMiyajima

コードサンプルのリクエストダイレクトメッセージ

2019年07月27日

公開チャット

製品詳細


シェア

Your Affiliate Link

Share your affiliate link on Social Media

概要
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を開きます。

Bootstrapを利用したレビュー一覧サイトのテンプレート概要bo..

ファイルツリー

📁 Bootstrapを利用したレビュー一覧サイトのテンプレート

価格情報

価格の統計

最高価格

¥NA

平均価格

¥NA

最低価格

¥NA

AI価格予測

¥NA

インサイト

レビューと評価

カスタマーレビュー

Santos999

2019年08月23日

Yeeea, this is exactly what I wanted. Entire review section, great looking, very little additional effort needed.

Zane45Ada

2019年08月23日

No complaints.

限定プレビュー

実際の製品には、すべてのファイルと完全なコードが含まれています。

依存パッケージ

依存パッケージを表示する

ランダムサンプルファイル

プロジェクトファイルの統計

階層

サンプルファイルを選択してください

Bootstrapを利用したレビュー一覧サイトのテンプレート