技術情報

ページ作成規則

このページの内容は以下の通りです。

１．ジャンボトロン ２．ナビゲーションメニュー ３．ページメインタイトル ４．目次 ５．ページサブタイトル ６．フッター上部 ７．フッター下部 ８．注意事項

ジャンボトロン

トップページ用

height: 300px、トップページ用はそのイメージに合った画像を選択する。

ナビゲーション用

height: 300px、ナビゲーション固定の画像を選定し、ページとともに使用する。

ページ用

height: 200px、ナビゲーション用とページ用の画像は同じで、高さだけが異なる仕様。

タイトル文字

文字の大きさはh1タグが使用され、太さはボールドを使用。色は背景にマッチした色を選択する。

id値設定

0で設定する。

ナビゲーションメニュー

アイコン画像

ArrowOneSmallDarkGray.png

背景色

bg-light #F8F9FA

ページメインタイトル

アイコン画像

ArrowThreeBigBlackGray.jpg　アイコンクリックで、ページ最下部へ移動。

背景色

background-color: #ffffee;

文字サイズ

h1タグ、太さは標準。文字カラーは基本黒とする。

目次

アイコン画像

ArrowSmallBlackGray3.png

リストグループ

リストグループで作成。　list-group-item list-group-item-action

ページサブタイトル

グリッドシステムのネスト

ページサブタイトルは基本的には、グリッドシステムのネストで作成する。
基本はcol-1、col-10、col-1で構成する。

アイコン画像

No2MidGray1.jpg、No2MidGray2.jpg、No2MidGray3.jpg、No2MidGray4.jpg、
No2MidGray5.jpg、No2MidGray6.jpg etc

アイコンクリックで、次のページサブタイトルへ移動する。
但し、最後のページサブタイトルの場合は、ページ最下部へ移動する。

id値設定

ページサブタイトルの番号の値でid値を設定する。

記事と画像の配置

記事と画像の配置は６パターンある。1）記事だけで画像がない場合。2）記事が左側で画像が右側の場合。
3）記事が右側で画像が左側の場合。4）記事が上で画像が下の場合。5）記事が下で画像が上の場合。
6）記事がなく画像だけの場合。

フッター上部

アイコン画像

ArrowTop.png　アイコンクリックで、ページ最上部へ移動。

社名画像

PrivatePage_Logo1.jpg　画像クリックでトップページへ移動。

背景色・高さ

背景色は#ffffeeを使用し、高さは120pxとする。

フッター下部

ナビゲーションメニュー表示

アイコン画像はBoxSmallBlack2.pngを使用する。

コピーライティング

基本的に、コピーライティングはCopyright© 2020 Plans Operation Co., Ltd. All Rights Reserved.を使用する。

背景色・高さ

背景色は#eeeeeeを使用し、高さは320pxとする。

注意事項

グリッドシステムのネスト

グリッドシステムのネストでは、テキストラップが利かない。だから、ネストしない方法で行うことになる。