行政書士ホームぺージリリースまでの流れ(ワードプレスの設定など)

行政書士開業 ウェブ屋コラム
行政書士開業と事務所要件とウェブサイト作成

サイト制作開始前 決定事項

インフラおよび広告管理関連

  • ドメインの決定
  • メールアドレスの決定
  • グーグルアカウントの決定

広告関連

  • 目標とする検索キーワードの決定
  • 競合サイトのピックアップ

デザイン関連

  • ロゴ作成
  • サイトイメージ(目標とするサイトのピックアップ)
  • オフィシャルカラーの決定

ご注文者がご提供(ある場合)

  • ウェブサイト
  • ロゴ
  • 名刺
  • 記事コンテンツ

サイト制作開始後 初期設定

まず最初にやること

  • 設定→一般→「WordPress アドレス (URL)」→httpsにする
  • 設定→一般→「サイトアドレス (URL)」→httpsにする
  • 設定→パーマリンク設定→投稿名

アカウント・インストール関連

  • ドメイン取得とDNS設定
  • メールアドレスの取得と転送設定
  • グーグルアカウントの新規取得
  • ワードプレスのインストール
  • コクーンのインストール
  • 子テーマのインストール
  • 個別CSSのアップロード
  • アナリティクスのアカウント作成と設定
  • SITEKITの設定
  • リリース時プラグインのインストール

リリース時プラグイン

  • Contact Form 7
  • Contact Form CFDB7
  • (必要に応じて)zipaddr-jp(参考サイト
  • (必要に応じて)Really Simple CAPTCHA
  • (ファイル触れるならば、できるだけいれる)EWWW Image Optimizer(参考サイト
  • (必要に応じて)Meta Slider
  • insert pages

ワードプレス上の設定

  • サイトタイトル・キャッチフレーズの設定
  • WordPress アドレス・サイトアドレスをSSLに対応させる
  • 固定ページ作成し、「ホームページ」に設定
  • 固定ページ作成し、「投稿ページ」に設定
  • 投稿設定→更新情報サービスの設定(PING送信)
  • お問合せフォームの作成
  • お問合せフォームのテスト送信とDB格納確認
  • スライダーの設定
  • トップページの仮テキスト入力
  • メニューの作成
  • サイドバーウィジェット調整

コクーン上の設定

  • 全体→サイドバーの表示状態→フロントページで非表示
  • 全体→フォント→Noto Sans JP
  • 全体→サイト背景色→白に設定
  • 全体→サイドバーの位置→左(右がデフォルト)
  • ヘッダー→ヘッダーレイアウト→センターロゴスリムメニュー
  • ヘッダー→ヘッダーの固定にチェック
  • ヘッダー→高さ→50に設定
  • ヘッダー→ヘッダーロゴ→作成後(175×50)アップロード
  • ヘッダー→グローバルナビメニュー色→オフィシャルカラーに設定
  • タイトル→フロントページタイトル→サイト名
  • SEO→日付の設定→表示する日付→更新日のみ
  • OGP→画像アップロード
  • アクセス解析→Google AnalyticsトラッキングID
  • インデックス→投稿関連情報の表示→投稿日の表示(スニペット=サムネイル)(×投稿日〇更新日)
  • 投稿→カテゴリー→同一カテゴリーのものを表示する
  • 投稿→コメント設定→コメントを表示しない
  • 本文→投稿関連情報→投稿日の表示(スニペット=サムネイル)×投稿日〇更新日×投稿者名
  • 目次→目次表示の深さ→h2見出しまで
  • 目次→目次の中央表示→中央表示させる(チェックがついていればOK)
  • SNSシェア→トップシェアボタンの表示をオフ
  • SNSシェア→ボトムシェアボタンの表示をオフ
  • SNSフォロー→フォローボタンの表示をオフ
  • 画像→NO IMAGE画像→画像アップロード
  • フッター→フッター表示タイプ→メニュー&クレジット(中央揃え)
  • フッター→フッター色→オフィシャルカラーに設定
  • ボタン→ボタン色→オフィシャルカラーに設定(濃色の場合は文字色も設定)
  • モバイル→モバイルボタン→モバイルボタンの固定表示させる
  • AMP→AMPの有効化→チェックボタンをはずし無効化する
  • 管理者画面→項目数が多いので表示エリアを考慮し設定する
  • その他→簡単SSL対応→内部URLをSSL対応(簡易版)を設定する

納品時共有情報

  • SSL設定済みのURLを共有
  • メールアドレスを共有し転送設定
  • URL・メールアドレスのQRコードを提供
  • グーグルアカウントの共有

オススメ画像サイズ

スマホ版ファーストビュー・全体

みんなの使ってるスマホの画像サイズ

横:360px〜1080px 、縦:600px (レティーナディスプレイを考慮し2倍にして横750pxで作成)

画面横縦サイズ750x1334
メインに使う大きめの画像750x550
2カラムに使う小さ目の画像750x550

パソコン版(ファーストビュー・全体)

みんなの使ってるパソコンの画像サイズ

画面横縦サイズ1920x1080
メインに使う大きめの画像1080x550
2カラムに使う小さ目の画像540×350

記事のアイキャッチ画像

パソコン版800px(圧縮形式はwebp)

比率16:9
きれい1200x675
普通800x450