1.フォントタイプ
以下のフォントを使用しています。使用方法が異なるのでご注意ください。
| フォント名 | font-family | 主な使用箇所 | 備考 |
|---|---|---|---|
| さわらびゴシック | font-family: "Sawarabi Gothic", sans-serif; | 本文 | googleフォントで使用可能です。 |
| 貂明朝 | font-family: ten-mincho, serif; | タイトル | Adobeフォントです。サイトごとに必ずAdobeアカウントの設定が必要です。 |
2.エフェクト
エフェクトはスクロールエフェクト4種、下層ページの最上のコンテンツ要のエフェクト3種を用意しています。
後者はスマホのファーストビュー対策です。ヘッダーの高さによって使用するか決めてください。
| class | 動き | 主な使用箇所 |
|---|---|---|
| .move.fadeInUp | 下からフェード | コンテンツタイトル、コンテンツテキスト |
| .move.fadeIn | フェード | コンテンツ |
| .move.blurIn | ぼやけが解消しながら | 下層ページ②等の画像 |
| .move.slideIn | スライドしながら | 下層ページ②のボタンやテキスト |
| .effect-fadeInUp | 下からフェード | 下層ページ①のコンテンツタイトルとテキスト |
| .effect-fadeIn | フェード | 使用なし |
| .effect-blurIn | ぼやけが解消しながら | 下層ページ②の画像1枚 |
3.CMS(/info)
デフォルトの投稿処無通信とカスタム投稿施工事例を用意してます。
カスタム投稿はfunction.phpで制御していますので必要に応じて変更、削除を行ってください。
また、wordpress内の固定ページも使用できるようになっています。
フォーム設置や更新頻度が高いページはwordpressで制作が可能です。
4.ローディング
ローディングアニメーションはgif画像です。 制作した下記のデータはWPテーマのimgフォルダの中に入っています。
7.カスタム投稿について
カスタム投稿(施工事例)とカスタムタクソノミーが不要な場合は以下を行ってください。
- functions.phpの修正
functions.phpの186行目「// カスタム投稿を追加」以下を削除してください。 - content.phpの修正
template-partsフォルダ内のcontent.phpの14～16行目、30～38行目を削除してください。