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

Product Information

$21.30
cart Add to cart Favorites
User Guide

inspectedProduct inspected by PieceX

Developer

YutaroMiyajima
Request Code Sample Direct message

Jul 27, 2019

Public chat

Product Details

概要
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..

File Tree

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

Price Information

Price Statistics

Highest Price
$NA
Average Price
$NA
Lowest Price
$NA
AI Price Forecast
$NA

Insights

Reviews and Ratings
Aug 23, 2019
Yeeea, this is exactly what I wanted. Entire review section, great looking, very little additional effort needed.
ratingsratingsratingsratingsratings
Aug 23, 2019
No complaints.
ratingsratingsratingsratingsratings

Limited Preview Only


Real Product Contains All Files And Full Code

Check dependencies

See product external dependencies

Randomly Selected Sample File

Project File Statistics

Hierarchy

Choose a sample file
X

Stay in touch

  • Get Practical Tips For Business and Developers.
  • Learn about PieceX Community Needs for Source Code Projects.
  • Be the First to Know PieceX Newest Free Community Code Projects.
PieceX Logo