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

제품 정보

$21.30
cart 장바구니에 담기 즐겨찾기
사용 설명서 문서

inspectedPieceX에서 검사한 제품

개발자

YutaroMiyajima
코드 샘플 요청 다이렉트 메세지

Jul 27, 2019

공개 채팅

제품 세부 정보

概要
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を利用したレビュー一覧サイトのテンプレート

가격 정보

가격 통계

최고 가격
$NA
평균 가격
$NA
최저 가격
$NA
AI 가격 예측
$NA

인사이트

리뷰 및 등급
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

제한된 미리 보기


실제 제품에는 모든 파일과 전체 코드가 포함되어 있습니다.

종속성 확인

제품 외부 종속성 보기

무작위로 선택한 샘플 파일

프로젝트 파일 통계

계층구조

샘플 파일 선택
X

문의하기

  • 비즈니스 개발자를 위한 최신 정보를 원하십니까? 소스 코드 프로젝트에 대한 PieceX 커뮤니티의 요구사항을 알아보세요. PieceX의 최신 무료 커뮤니티 코드를 빠르게 알려드립니다.
PieceX Logo