# ホームページに関する参考資料(ビサイドネクサス株式会社御中) ## ホームページ(WordPressについて) ### トップページ #### ページ内のセクション ##### お知らせ 投稿後3か月以内のお知らせを表示します。 ![トップページ/お知らせ](https://i.gyazo.com/007dc4fba394da098db970e3bf14a4ee.png) 「管理画面 > 投稿」から投稿します。 ![投稿](https://i.gyazo.com/694aa612830919a1091272de7e7921f2.png) カテゴリーに「お知らせ」を選択すると反映されます。 ![カテゴリーにお知らせ](https://i.gyazo.com/3c024058ad63b055548306f5abb3bfb0.png) ##### 会社概要、事業紹介、実績紹介、コンサルタント紹介 テキスト、画像を表示します。 ![トップページ/会社概要](https://i.gyazo.com/082c47771b242cb61315faae13014a8b.png) 「管理画面 > 固定ページ > トップページ」から編集できます。 ![トップページの編集](https://i.gyazo.com/0a662c1a32128d500b80ca98047853f2.png) それぞれの項目を編集することで反映されます。テキストはトップページ以外のそれぞれのページの上部のテキストにも同じ内容が反映されます。 ![トップページの編集2](https://i.gyazo.com/c2d16ae34ed8ed02e16ef411aecb25f4.png) ##### コンサルタント紹介 登録済みのコンサルタントをスライダーで表示します。 ![トップページ/コンサルタント紹介](https://i.gyazo.com/e0e4f6d2b14ed15f9c945d56b96f7a79.png) 登録方法については下層ページの項目でご説明致します。 ### 下層ページ #### お知らせ一覧 登録したお知らせを一覧表示します。 ![お知らせ一覧](https://i.gyazo.com/2f3a5d865bd2db682374ea9db1c94a35.png) 「管理画面 > 投稿」から登録できます。 ![お知らせ登録1](https://i.gyazo.com/b58f993a02a4543d2ab2ad45e988a290.png) カテゴリーに「お知らせ」選択してください。 ![お知らせ登録2](https://i.gyazo.com/02c7e817b90b1e5de6e00874aaa92ca9.png) #### 会社概要 代表あいさつを含めた会社概要を表示します。 ![会社概要](https://i.gyazo.com/5ab54c6f536fbe8999f346eaf55c2452.png) 「管理画面 > 固定ページ > 会社概要」から更新できます。 スラッグは「company」から変更しないでください。 ![会社概要登録1](https://i.gyazo.com/9ccd43be88e3980b449a8bc3fd268518.png) - 代表の画像 - 代表のあいさつ - 会社概要の項目と値 を設定できます。 #### 事業紹介 事業紹介を表示します。 ![事業紹介](https://i.gyazo.com/5c6f563163b89b01477464f6d972a703.png) 「管理画面 > 固定ページ > 事業紹介」から更新できます。 スラッグは「business」から変更しないでください。 ![事業紹介更新1](https://i.gyazo.com/6999a3031a8f201659016ee9681d907e.png) ##### 画像の表示サイズが小さい場合 挿絵を差し替える際、画像のサイズによっては小さく表示される場合がございます。 その場合は「追加CSSクラス」の欄に「width-full」を指定してください。 ![事業紹介](https://i.gyazo.com/f19882375ed49c615aa692e0116a5e3f.png) #### 実績紹介 登録済みの実績を表示します。 ![実績紹介](https://i.gyazo.com/f63b1bef4dd78f37afe67e9047d56ef3.png) ##### コンサルティング実績登録 「管理画面 > コンサルティング実績」から登録できます。 ![コンサルティング実績登録1](https://i.gyazo.com/6f089ed2cf9eaad3397a1f91bd4b54a1.png) 投稿のタイトルは管理画面での表示にのみ影響します。 コンサルティング実績として - 事業内容 - 売上高 - 支援内容 - 実施年 を登録してください。 実施年は登録いただきますと過去2年以内であれば表示されるようになります。(登録しない場合は表示され続けます。) ![コンサルティング実績登録2](https://i.gyazo.com/977331c2947684586cb8434c45754ea5.png) また、必ずカテゴリーとして `事業承継` `事業再生` `M&A` `その他` の中から選択、タグとして `小売` `卸売` `製造` `サービス` `医療・介護福祉` `建設` `その他` のいずれかを入力してください。 ##### セミナー実績登録 「管理画面 > セミナー実績」から登録できます。 ![セミナー実績登録1](https://i.gyazo.com/043c189f02fe9901e7bd9f9959daa03c.png) コンサルティングと同様に、投稿のタイトルは管理画面での表示にのみ影響します。 セミナー実績として - テーマ - 内容 - 実施機関 - 実施年 を登録してください。 (実施年についての説明は、コンサルティング実績の実施年についての説明を参照ください。) ![セミナー実績登録2](https://i.gyazo.com/03ea56b7b9078f7c037e2a1de862e4dc.png) 必ずカテゴリーとして「実績 > セミナー」の子カテゴリーである `管理職` `経営者` `新人` `社員` `一般` から選択してください。 #### コンサルタント紹介 「ボードメンバー」「スタッフ」「外部パートナー」に分けて登録されたコンサルタントを表示します。 ![コンサルタント紹介一覧](https://i.gyazo.com/9b1807a573a177e4e9e1f5a09ace8ffc.png) 各コンサルタントをクリックすると詳細画面に遷移します。 ![コンサルタント詳細](https://i.gyazo.com/40edc87554457fa4384b6b91d1bbb3c3.png) 各情報は「管理画面 > コンサルタント」から登録できます。 ![コンサルタントの登録](https://i.gyazo.com/2d1806ee16285dbd07b0d4f7a9b689ed.png) プロフィール画像を登録すると反映されます。 ![コンサルタントの登録2](https://i.gyazo.com/3cf2c5e2480fb79a5cf10c59417f68a5.png) 必ずカテゴリーとして「コンサルタント」の子カテゴリーである `ボードメンバー` `スタッフ` `外部パートナー` から選択してください。 #### お問合せ ユーザーからのお問い合わせを受け付けるページです。 ![お問合せ](https://i.gyazo.com/4d39d27709a9a24050d727d59a8d9afe.png) 「管理画面 > お問い合わせ」でフォームの登録を行います。 ![お問い合わせの編集1](https://i.gyazo.com/58337b77ec017481c2abe206a960c3f6.png) ![お問い合わせの編集2](https://i.gyazo.com/5bcab57964e85d5276ab81a922107727.png) フォームを登録するとショートコードが得られます。 次に「管理画面 > 固定ページ > お問い合わせ」を開きます。 ![お問い合わせの編集3](https://i.gyazo.com/8cb93db8a4f90157e1baab1f4f7302c3.png) さきほどのショートコードを貼り付けて登録します。 イントロダクションの欄にはテキストを登録していただくと、お問い合わせページ上部にテキストを表示できます。 スラッグは「contact」から変更しないでください。 ##### 現状の挙動 1. ユーザーがフォームに入力 ![ユーザーがフォームに入力](https://i.gyazo.com/0385d6ec6a04a21b23a0aa4059a7de67.png) 2. ユーザーが送信すると送信した旨を表示 ![ユーザーが送信すると送信した旨を表示](https://i.gyazo.com/12bb67caa7b49537c5c40163168321b1.png) 3. 管理者のメールアドレス宛にメールが届きます。 ![管理者のメールアドレス宛にメールが届きます](https://i.gyazo.com/e095cea6e02a328b78575faa13d69cac.png) お問い合わせに関してはメールの宛先、メールのメッセージ等に関して修正致します。 #### 404エラーページ ページが存在しないURLにアクセスした際表示するページです。編集が必要な場合は管理画面からではなくテンプレートファイルを編集する必要があります。 ![404エラー](https://i.gyazo.com/75acd00e474257f098d2e67e68d98163.png) ### その他の事項について #### カテゴリーを追加する場合 コンサルタントの分類(ボードメンバー等)、コンサルティング実績のカテゴリ(事業承継等)、セミナー実績の対象(管理職等)は投稿時にカテゴリーを設定することで表示の際に条件分岐処理を行っています。 カテゴリーは「管理画面 > 投稿 > カテゴリー」から編集できます。 ![カテゴリーの編集](https://i.gyazo.com/fc245cbd3f590949bafe0ac875f42cfe.png) ##### コンサルタントの登録用カテゴリーについて コンサルタントのカテゴリーを追加する場合は「コンサルタント」カテゴリーの子要素として追加してください。 ##### コンサルティング実績の登録用カテゴリーについて コンサルティング実績のカテゴリーを追加する場合は「実績」カテゴリーの子カテゴリーとして登録してください。 ##### セミナー実績の登録用カテゴリーについて セミナー実績用のカテゴリーを追加する場合は「実績 > セミナー」カテゴリーの子カテゴリーとして、且つスラッグ名は「cases-seminar-」から始まる名前で登録してください。 #### タグを追加する場合 コンサルティング実績の業種(小売等)はタグで管理しています。 タグは「管理画面 > 投稿 > タグ」から編集できます。 ![タグの編集](https://i.gyazo.com/6cc92a3d53e1c3599dd17b30c9e04b68.png) ##### セミナー実績の登録用タグについて セミナー実績用のタグを追加する場合はスラッグ名を「consulting-」から始まる名前で登録してください。 #### WordPressのバージョン更新について セキュリティ性向上のため、WordPressのバージョンは最新を保つことを推奨致します。 ログイン後ダッシュボードにWordPressのバージョン更新情報が表示されていましたら、手動で更新してください。 更新の方法は、更新ボタンをクリックするのみです。 ![更新画面](https://i.gyazo.com/0032266febfaa55ae5f65a41db458bdf.png) ## 外部サービスについて ### ZeroSSL #### I. アカウントの作成 1. https://zerossl.com/ にアクセスして下さい。 ![Get Free SSL](https://i.gyazo.com/bada77d775fe4e60511865b93e2ff478.png) 2. Emailアドレスとパスワードを決め、「Next Step」をクリックして下さい。 ![create account](https://i.gyazo.com/e128dbaac33989d894605f7b7a2e95ff.png) 3. ダッシュボードが表示されればアカウントの作成は完了です。プランをアップグレードされる場合はIIへお進み下さい。また、作成頂いたZeroSSLでホームページのSSL設定を行うため、ZeroSSLのログイン情報をご共有下さい。 ![dashboard](https://i.gyazo.com/f6ab0b0fff4ed197b379180ffd73a990.png) #### II. プランのアップグレード 今回有料版を使うことによって得られるメリットは証明書の期限が90日から1年になる、ということのみです。 無料版ではここで行うような作業が90日後にも発生致します。 それを許容できるのであれば無料版を使い続ける、ということでも問題ございません。 1. 「Get Premium SSL」をクリックして下さい。 ![プランのアップグレード](https://i.gyazo.com/e690462688b5d591186cb9d15846fcd2.png) 2. プランを選択して下さい。有料版を使う場合は、証明書の期限を3ヶ月から1年に延ばすということが出来れば良いので、Basicで十分だと思います。(現状はFreeプランです。) ![プランの選択](https://i.gyazo.com/15428c5064257b609068e925ba5a9b57.png) 3. 支払情報を入力して下さい。 ![支払情報の入力](https://i.gyazo.com/8679464d18b92a535572da83a60c84a4.png) #### III. CSRの設定 1. https://www.alpha-mail.jp/login.htm にログインし、「独自SSL」を選択して下さい。 ![独自SSLを選択](https://i.gyazo.com/0f42e4f8d41db4f60ec1af32350e4afe.png) 1. [独自SSL|アルファメール2・アルファメール2コンパクト オンラインマニュアル](https://www.alpha-mail.jp/help_alpha2/mail_l_2_0313.html) に従いCSRの作成を行って下さい。今回は既に作成済みなので以下の手順に従い、作成済みのCSRの確認を行って下さい。 1. 「CSRの作成」を選択して下さい。 ![CSRの作成を選択](https://i.gyazo.com/8149aac83bd8f968c225bed089bef949.png) 1. 「現在設定中の証明書のCSR」をクリップボードにコピーしておいて下さい。 ![現在設定中の証明書のCSR](https://i.gyazo.com/c93f7fb960621b76da2b7ce141110a67.png) 1. ZeroSSLダッシュボードから「New Certificate」を選択して下さい。 ![New Certificate](https://i.gyazo.com/e630ebacdbe7d37b813b588fc6461916.png) 1. 「Enter Domain」のテキストボックスに `beside-nexus.co.jp` を入力し、「Next Step」を選択して下さい。 ![Enter Domain](https://i.gyazo.com/782addbe6784d12ff4a1ec024e0ea205.png) 1. 証明書の期限を選択して下さい。無料版では90日間、有料版では1年間を選択できます(現状は無料版です)。「Next Step」を選択して下さい。 ![Validity](https://i.gyazo.com/489817a123dda318d359d6419aa17841.png) 1. 「Auto-Generate CSR」の選択を解除し、「Paste Existing CSR」を選択して下さい。表示されるテキストエリアにIII-2-2でコピーしたCSRを貼り付け、「Next Step」を選択して下さい。 ![Paste Existing CSR](https://i.gyazo.com/852704bb0884511173b858b4f01e3a9c.png) 1. 表示される内容で問題なければ「Next Step」を選択して下さい。 ![Finalize](https://i.gyazo.com/ba2a9dd45a1147d24bd4fd716aa9b7c2.png) 1. ドメインを所持していることの承認を行って下さい。おそらく「Email Vertification」で可能だと思います。Emailアドレスを選択後「Next Step」をクリックするとメールが送られ、認証ができるのだと思います。(私は「HTTP File Upload」で行いましたので検証できておりません。また、「DNS(CNAME)」はアルファメールの仕様上できませんでした。) ![email](https://i.gyazo.com/2afeb01c8216f43c1f33ef53328a9dc6.png) 1. 「HTTP File Upload」の場合は次の流れで進められます。(メールで認証できた場合は飛ばして下さい。)まず、「Download Auth File」よりファイルをダウンロードして下さい。 ![HTTP File Upload](https://i.gyazo.com/3ff9c503647c36efa3065700c5b22257.png) 1. ダウンロードしたファイルを`/.well-known/pki-validation/` に配置し、「Next Step」を選択して下さい。 ![ファイルの配置](https://i.gyazo.com/d86858ee19022f96a05409368356a447.png) 1. 「Verify Domain」を選択して下さい。 ![Verify Domain](https://i.gyazo.com/9470c321074267170af47e98ed24f0f5.png) 1. 認証が完了したら、「Server Type」を「Apache」に変更し、「Download Certificate(.zip)」をクリックして証明書をダウンロードして下さい。 ![Download Certificate](https://i.gyazo.com/ad88e27b1341397ce06df2ffc4a70188.png) 1. 取得したフォルダを解凍してください。中身のファイルは「ca_bundle.crt(中間認証局証明書)」および「certificate.crt」です。 ![セキュリティ証明書](https://i.gyazo.com/1f892af5e754037abedcc934505c4d37.png) 1. 拡張子を「.txt」に変更し、ファイルを開いて中身をすべてクリップボードにコピーして下さい。 ![拡張子の変更](https://i.gyazo.com/4897e7dbec169e408e42b583c405ea6e.png) 1. 「独自SSL再設定」を選択して下さい。 ![独自SSL再設定を選択](https://i.gyazo.com/3dda6ef987d9df32981d905cc20385ef.png) 1. 「SSLサーバ証明書」には「certificate.txt」、「中間認証局証明書 」には「ca_bundle.txt」の中身をコピーして貼り付けて下さい。「秘密鍵」には「現在設定中の証明書の秘密鍵」を選択し、「保存」をクリックして下さい。 ![秘密鍵](https://i.gyazo.com/d529e39833ce0be34441faea1f8f8bff.png) 1. `https://beside-nexus.co.jp/` にアクセスして問題が無いことを確認できれば完了です。 ![証明書](https://i.gyazo.com/e0294aea2af757208b1b1ace626c9655.gif) #### 証明書の更新 1. https://zerossl.com/ にログインしてください。 1. 期限切れの証明書一覧を確認し、「Renew」をクリックしてください。 ![期限切れ証明書](https://i.gyazo.com/9f220cd3bdfc4677d658bdff0783b967.png) 1. 「Next Step」をクリックしてください。 ![Next Stepをクリック](https://i.gyazo.com/9dbc6f2c8ea6da05f41bba7aecb3cb49.png) 1. ドメインを認証します。Eメールで認証でかまわないと思いますが、今回「HTTP File Upload」を選択しました。 ![Vertify Domain](https://i.gyazo.com/c8dcbfa5f6b32a9e31eb941484b754be.png) 1. 手順に沿って、ファイルをダウンロードしてください。 ![HTTP File Upload](https://i.gyazo.com/567dd159963778e69b7a93f55648dcac.png) 1. ダウンロードしたファイルを `/.well-known/pki-validation/` 下に配置してください。 ![/.well-known/pki-validation/](https://i.gyazo.com/c6a85341091893a51b4c9cb741a973f4.png) 1. ドメインを認証する前に、`/.htaccess` を一時的に書き換える必要があります(1~3行目をコメントアウト)。ここを飛ばすとドメインの認証に失敗します。 ![.htaccess](https://i.gyazo.com/816e157af71ec86cc3212917ab84ec75.png) 1. 「Next Step」をクリックし、「Vertify Domain」をクリックしてください。 ![Vertify Domain実行](https://i.gyazo.com/5457c689d6c09bf75319ca6164dfac58.png) 1. あとはIII-8-4からの手順で進めてください。作業終了後は`/.htaccess` を元に戻して終了です。 ![Install Certificate](https://i.gyazo.com/95936d1769f1b2314e12f97db40c2b84.png) ### SendGrid ※アカウントの作成は済まされていると思いますので、その場合は「II. APIキーの作成」をお願い致します。 #### I. アカウントの作成 1. https://sendgrid.com/ にアクセスして下さい。 ![SendGrid](https://i.gyazo.com/48b0ee5c97d1d0c5973bf347f7cb362f.png) 2. 「Start for free」をクリックして下さい。 ![start for free](https://i.gyazo.com/40a28f544f95fb965f1ed3582f54551d.png) 3. Emailアドレスとパスワードを決めて入力し「Create Account」をクリックして下さい。 ![アカウントを作成](https://i.gyazo.com/479c24326a709bd733b29e8a958d47d5.png) 4. 情報の入力 ![情報の入力](https://i.gyazo.com/f2672a52e1f8fe1cfdc6c797db24f9e2.png) 5. ダッシュボードが表示されたら登録完了です。 ![dashboard](https://i.gyazo.com/59d8c01ab1faa69848153429c840dbf8.png) #### II. APIキーの作成 1. 「Settings > API Keys」を選択して下さい。 ![API Keys](https://i.gyazo.com/1c841f9ae0814876bab9b3e295038a65.png) 1. 「Create API Key」をクリックして下さい。 ![Create API Key1](https://i.gyazo.com/47a82add0a19d31636d41eeddeaa9b94.png) 1. わかりやすい名前を付け(あとから変更可能)「Restricted Access」を選択して下さい。 ![Create API Key2](https://i.gyazo.com/5395a5284731c5306d4f74b561084dfc.png) 1. 「Mail Send」の権限をフルアクセスに変更し、「Create & View」をクリックして下さい。 ![Create API Key3](https://i.gyazo.com/d8a2b5c8b381259ffc75a8bb6d9394c7.png) 1. API Keyをコピーしてご共有下さい。 ![Create API Key4](https://i.gyazo.com/2db20484733d705344a272ed44d67f63.png)