readme

仕様について

サイドメニューのパターン変更について

サイドメニューは2つのパターンを用意しています。
チャンクで変更可能となっております。
設定値は 濃いパターン:「1」薄いパターン:「2」 です。(半角)

コンテンツタイトルのフォント変更について

基本フォント1(.wf1)の設定になっていますが、デザインによってフォント2(.wf2)に変更する場合があります。
base.cssの「.wf4」が該当のフォント設定になっていますのでそこを変更してください。

お問い合わせ・資料請求・イベント・物件情報

ヘッダ部メニュー、TB / SPメニュー、フッタ部(フローティングメニュー)、サイトマップに存在する固定リンクのメニューがあります。
【PG】イベント予告(34)、【PG】物件情報(15)、お問い合わせ(71)のリソースの【公開ステータス】を非公開にすることで自動的に非表示にできます。
※資料請求は3STEP、4STEPの2パターンあるため、使用しない場合は「ウェブリンク(107) > 資料請求(11)」を非公開にしてください。
これでソースを編集する必要がなくなりましたが、フッタ部(フローティングメニュー)だけbase.cssでメニューを均等割している箇所を修正してください。

スマホ時、物件情報がない場合、お問い合わせを表示
@media all and (max-width:599px){
#footer_link li#f_toiawase{display:none;}←削除
:
}

表示メニュー数に合わせてwidthを変更 4 → 25% / 3 → 33.33% / 2 → 50%
#footer_link li{display:block;width:25%;box-sizing:border-box;border-left:solid 1px #fff;}

上記同様、メニュー数に合わせて変更 4 → 24% / 3 → 33.33% / 2 → 49%
@media all and (min-width:600px){
:
#footer_link li{width:24%;margin:0 0.5%;}
:
}

電話番号リンクについて

<a href="tel:○○○">(hrefの属性値が「tel:」で始まるリンク)の場合、SP時のみリンクになります。

物件情報について

リソース47(現在リソース「欠番」)を使用するとトップのリンクがおかしくなるので注意してください。

色設定について

「base.css」の下記クラスを変更することで一括変更できるようになっています。下記をご参照してください。

 

文字色

  • リンクカラー: ( a / .lbc )

  • タイトルカラー: ( .rte_area h2 / .rte_area h4 / #side_menu.smt2 li.hover a / #side_menu.smt2 li a:hover / .tbc )

  • コンテンツタイトル: ( .cbc )

  • 基本文字色1: ( .rte_area h3 / #side_menu li a / .bc )

  • 基本文字色2: ( .bc2 )

  • サブカラー: ( .rte_area h6 / .sbc )

  • 白文字: ( #side_menu.smt1 li.hover a / #side_menu.smt1 li a:hover / .rte_area a.linkBtn / .rte_area .linkBtn a / .wbc )

  • ベースカラー: ( .bbc )

  • 見出し5: ( .rte_area h5 / .hbc )

背景色

  • ベースカラー: ( .rte_area hr / .rte_area a.linkBtn / .rte_area .linkBtn a / .bg )

  • ベースカラー2: ( .bg2 )

  • ベースカラー3: ( .bg3 )※トップ:ワークスの背景のみで使用

  • ベースカラー3: ( #side_menu.smt2 li.hover a / #side_menu.smt2 li a:hover / .rte_area h4 / .bg4 )

  • サブカラー: ( .sbg )

  • サブカラー2: ( .sbg2 )

  • リンクカラー: ( .lbg )

  • 白背景: ( .wbg )

  • タイトルカラー: ( #side_menu.smt1 li.hover a / #side_menu.smt1 li a:hover / .tbg )

  • 引用カラー: ( .rte_area blockquote / .rte_area .frame / .qbg )

  • アイコンカラー: ( .rte_area ul li / .ibg )

  • ベースカラー: ( .bl )

  • ベースカラー2: ( .bl2 )

  • ベースカラー3: ( .bl3 )

  • ベースカラー4: ( .bl4 )

  • 基本色: ( .bbl )

  • サブカラー: ( .sbl )

  • サブカラー2: ( .sbl2 )

  • リンクカラー: ( .lbl )

 

RTE 見出し装飾機能について

「見出し2」はこの様な装飾になります。

「見出し3」はこの様な装飾になります。

「見出し4」はこの様な装飾になります。

「見出し5」はこの様な装飾になります。
  • 「リスト」はこの様な装飾になります。
  • 「リスト」はこの様な装飾になります。
  • 「リスト」はこの様な装飾になります。
  1. 「リスト」はこの様な装飾になります。
  2. 「リスト」はこの様な装飾になります。
  3. 「リスト」はこの様な装飾になります。
「見出し6」はこの様な装飾になります。

「引用」はこの様な装飾になります。
「引用」はこの様な装飾になります。
「引用」はこの様な装飾になります。


↑↑「罫線」はこの様な装飾になります。

テキストリンク はこの様な装飾になります。 テキストリンクはこの様な装飾になります。

リンクボタン はこの様な装飾になります。 リンクボタンはこの様な装飾になります。

 


 

Web Font

▼日本語WEBフォント1

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン


▼日本語WEBフォント2

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン


▼タイトルWEBフォント

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン


▼欧文数字用Googleフォント書体


0123456789
abcdefghijklmnopqrstuvwxyz

 


 

画像

部位 パス 画像
ヘッダ:電話アイコン assets/img/tel.svg
ヘッダ:フリーダイアルアイコン assets/img/free.svg
スマホナビ:Open assets/img/open.svg
スマホナビ:Close assets/img/close.svg
フッター:お問合せ assets/img/fc.svg
フッター:資料請求 assets/img/fs.svg
フッター:イベント assets/img/fe.svg
フッター:物件情報 assets/img/fb.svg
フッター:ページトップ assets/img/pagetop.svg
トップ:スライダー(Next/Prev) assets/img/share/slide_np.png
各プログラム:詳細:SNSボタン:はてなブックマーク assets/img/share/icon_hb.png
各プログラム:詳細:SNSボタン:LINE assets/img/share/icon_ln.png
各プログラム:詳細:SNSボタン:Twitter assets/img/share/icon_tw.png
各プログラム:詳細:SNSボタン:Facebook assets/img/share/icon_fb.png
フォトギャラリー:写真一覧(虫眼鏡) assets/img/share/zoom.png
フォトギャラリー:詳細:写真詳細(カメラ) assets/img/share/photo.png
フォトギャラリー:詳細:写真詳細(×ボタン) assets/img/lightbox/close.png
物件情報:一覧:絞り込み(虫眼鏡) assets/img/share/search.png