Web制作ガイドライン

画像、スタイルシート、スクリプト、下層ページ等の同一サーバー内の参照にはルート相対パスを用いて参照してください

<!-- 非推奨 -->
<img src="https://www.hoge.com/assets/images/hoge.png">
.hoge { background-image: url(../hoge.png); }

<!-- 推奨 -->
<img src="/assets/images/hoge.png">
.hoge { background-image: url(/assets/images/hoge.png); }

使用できない場合を除き、外部リソースの参照にはHTTPSプロトコルを使用してください。

<!-- 非推奨 -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<!-- 推奨 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>  

原則装飾目的のイラストやロゴ、写真を除き画像は使用しないでください。画像の場合は1MB、動画の場合は3MB以下の素材を利用してください。

<!-- 非推奨 -->
<a href="/contact/"><img src="/common/images/contact.png" alt="お問い合わせはこちら"></a>

<!-- 推奨 -->
<a href="/contact/">お問い合わせはこちら</a>

• 画像、ファイル、クラス名などはメンテナンス性向上のため、他者が見て意思疎通が可能な名前にして下さい。
• HTMLタグやCSSでは全角文字は使用しないで下さい。
• tableレイアウトは使用しないで下さい。
• HTMLに埋め込みでスタイルは指定しないで下さい。
• HTML5,CSS3に準じて記述してください。
• CSSセレクタの命名規則はFLOCCSで記述いただけるととても助かります

サーバーのルートディレクトリにWordPressインストールフォルダ「hoge-wp」を別途用意してそこにインストールしてください。
この時、インストールフォルダ名は「（案件名の短縮3文字）-wp」にしてください。

インストール先は「/hoge-wp/」ですが、サイトTOPのURLはルートディレクトリに設定お願いします。

下記のプラグイン以外は、必要な場合を除き使用しないでください。

• All In One SEO
  └原則、title、descriptionを個別に設定するため、指定です。
• WP Multibyte Patch
• WP-PageNavi
• Contact Form 7
  └フォーム設置の場合は、指定です。
• SiteGuard WP Plugin
  └指定です。細かい設定手法は別途ご連絡します。
• 【※】Advanced Custom Fields Pro
  └カスタムフィールドが必要な仕様の場合は、指定です。弊社の有償ライセンスで有効化いたします。
• 【※】Classic Editor
  └原則、お客様が更新するページ以外も、すべて『固定ページ』化していただき、管理画面から編集可能な状態としていただきます（運用効率のため）。コードが編集できれば問題ありません。
• 【※】Contact Form 7 Multi-Step Forms
  └原則、フォームには”確認画面なし”としていますが、お客様のご要望で確認画面を設置する場合は、こちらのプラグインを使用してください。但し、フリープランの場合は4KBの制限がかかると送信できなくなるため、全体の項目や注釈の文字数、フリーテキスト枠の文字数制限などにご注意ください。
• 【※】Drag and Drop Multiple File Upload for Contact Form 7
  └原則、フォームには”添付機能”は実装させない方針なのですが、どうしても添付機能を設置する場合は、こちらのプラグインを使用してください。

原則、マスターアカウント（フル権限：社内用）と、お客様アカウント（お客様が更新する箇所のみ表示）の2アカウントを作成していただきます。

• 管理者アカウントのIDを”admin”などの推定されやすい文字列には絶対にしないでください。
• パスワードは強度が高い文字列かつ12文字以上の長さにしてください。
• パーマリンク設定は、「カスタム構造」＞「/%category%/%post_id%/」で設定してください。