サイト運用のためのマニュアルサイト

記事ページ

記事ページ(お知らせ)の作成・更新方法

記事ページは、記事ページ一覧から対象記事を選び、複製して作成します。
作成後は「基本情報」で公開設定などを整え、「記事編集」で本文を作成し、下書き保存・ページに反映(公開)を行います。

記事ページ作成の流れ

左側のサイドメニューから 「ページ>記事ページ」 を選択してください。

670b683673c2fab65a91ae2f57f67e00-1766559129.png

更新したい記事と同じカテゴリの記事を複製します。
右側のアクションメニュー「・・・」から 「複製して編集」 を選択してください。 

d1d2430a1ac1db5a01d71fa813563f4a-1766559175.png

複製を行うメリット

複製から記事を作成することによって、基本情報の設定が引き継がれるため、編集箇所を最小限に抑えられます。
新規作成から記事を作成する場合は必ず基本情報(コンテンツタイプ/レイアウト/カテゴリ/SEO情報など)を設定した上で記事を作成しないと記事ページの情報がサイト上に表示されない可能性があります。

基本情報を設定する

記事ページの編集画面には「基本情報」「ページ/記事編集」「CSS/JS」のタブがあります。
まずは「基本情報」で、記事ページとして必要な項目を設定します。 

3f7ad1930ca989c2a06fd0864a306e16-1766559384.png

コンテンツタイプ

  • コンテンツあり
    クリックすると詳細ページが開くイメージです。
    記事本文を作成する場合はこちらを選択します。

  • コンテンツなし
    クリックできず、一覧にタイトルの文字だけ表示したい場合に使用します。

  • URLを指定
    クリックするとPDFが開く/外部サイトへ遷移させたい場合に使用します。 
    この場合、ターゲットは「新しくタブを開いて表示」に設定してください。
fa8693c90ae9874ac5ea2d133a2d7948-1766559484.png

レイアウト

記事内容に沿ったレイアウト(ページのデザイン)が用意されています。
複製して作成している場合は、基本的に変更不要です。
変更すると表示が崩れることがあるためご注意ください。 

記事作成者

サイト上で記事作成者を表示する仕様がある場合、作成者を選択してください。
(通常は、ログイン中のアカウントのままで問題ありません。)

公開設定

  • 一般公開
    標準的な公開方法です。
    内容が確定し、本番環境に反映して問題ない場合はこちらを選択します。

  • 非公開
    本番環境には表示されず、CMSにログインできるユーザーのみ閲覧できる状態です。
    まだ内容を確認中で、公開したくない場合に使用します。

  • 会員のみ
    会員機能を設定しているサイトで、登録しているID・パスワードを知っているユーザーのみ閲覧できる状態です。
    例:職員向け/寄付者向け など、特定の対象にだけ公開したい記事・ページに使用します。

  • アクセス制限
    その記事(ページ)単体に設定する任意のパスワードを知っているユーザーのみ閲覧できる状態です。
5fb7eccb07503b81fd6b46e4ec3ceb2a-1766559705.png
b0a6d484d7072c05a9270f82306dd4e7-1766559898.png

公開期間

  • 公開日
    基本はクリックでカレンダーを立ち上げ、今日を選択してください。自動で現在の日時が入力されます。
    基本的に、公開日はサイトに表示される日付とイコールです。

    予約投稿をする場合、公開開始日時を設定してください。
    なお、「公開日の設定を無視して公開する」 にチェックを入れると、未来の日付をサイトに表示させた上で即時公開できます。
38ffd9f0f7037e5d322521eee4665c1b-1766623144.png
  • 終了日
    設定すると、指定日時を過ぎたタイミングで記事が自動で非公開になります。

タイトル

記事ページの大見出しや一覧ページのリンクテキスト等に表示されます。

ページURL

URL末尾を設定します。基本は空白で登録してください。作成日に基づいたURLが自動設定されます。 
同じ文字列で複数記事は登録できないため、同日作成の記事は「20221201_2」のように区別されます。 
複製時には自動で「_copy」と付きます。複製のたび「_copy」が連らないよう適宜変更してください。

カテゴリ

複製元の記事と同じ箇所に掲載する場合は変更不要です。

タグ

選択できるものがあれば適宜設定します。

サムネイル

一覧にサムネイル画像を表示する仕様の場合は登録します。 

OGPとは、SNSなどにURLを貼り付けた際、表示されるリンク画像のことです。

サムネイル説明とは、画像のALT設定のことです。
ALTとは、サイトを目ではなく、音声読み上げ機能等を使用して閲覧している方が、画像を見る代わりに知り得る情報となります。

SEO

個別に設定したい場合は「SEOの詳細を設定する」にチェックを入れて編集します。 

サイトマップXML

基本的に変更不要です。

サイトマップXMLとは、Google や Bing などの検索エンジンに「このサイトにどんなページがあるか」「いつ更新されたか」を伝えるためのファイルです。 
更新頻度や優先度は、主要な検索エンジンでは基本的に利用されません。 

検索サイトに表示させたいページ/記事は「XMLに追加する」にチェックを入れ、限定記事などはチェックを外してください。

ターゲット

一覧から、記事を同じタブで開くか、別タブで開くかの設定です。基本は「現在開いているタブに表示」を選択してください。

コンテンツタイプをURLを指定にし、外部サイトやPDFへリンクする場合は「新しくタブを開いて表示」がおすすめです。 

(開いたページから元のページに戻る手段が限られ、サイトの離脱率に繋がるため)

メモ

公開サイトには表示されない設定です。
CMSの一覧ページに表示されます。

cf3f48e20001c7edc8873055599da8a2-1766625607.png

追加設定

設定が必要な仕様であれば適宜更新してください。
更新内容が不明な場合はサポートデスクまでお問い合わせください。

記事編集で本文を作成する

「コンテンツタイプあり」を選択した場合、記事本文を作成できます。 
記事ページでは、追加したい位置の 「+追加」 をクリックし、記事ブロックを選んで組み合わせて作成します。 

記事ブロックの種類

  • 見出し:見出しを挿入します。
  • 見出し小:小見出しを挿入します。
  • 自由文:文章を入力します(エディタの使い方参照)。
  • HTML:ソースコードを直接記述します。
  • 写真:画像を挿入します(自動で表示サイズ調整・中央揃え)。 
       キャプションを入力すると、画像の直下に説明文を挿入できます。
3bb42e6e1b42b75c3008408f45f5a2ae-1766641435.png
  • PDF:PDFをサイト仕様のデザインで掲載します。
       アップロード後「リンクテキスト」を自動で挿入される英数字からPDFのタイトルに変更してください。 
d1a39fabcd3f2c76bf9814fe0ab14347-1766641512.png

記事ブロックの操作(並び替え・複製・削除)

記事ブロックの左上にカーソルを合わせると、ブロック種類の変更ができます。
並び替えはドラッグ、または矢印アイコンで位置を変更してください。複製・削除も可能です。 

ad8e225c7b80dabc5812176ab5a074f7-1766641789.png

エディタの使い方について

自由文ブロックを選択すると、編集用のアイコンが表示されます。
ここではよく使う機能をまとめます。 

59782a1ff9a94ebf23912421edf27323-1766642110.png
  • 元に戻す:操作をひとつ前に戻します。 
60cb3c8884fda720d3e2b2e9fe32629c-1766642126.png
  • やり直す:元に戻した操作を取り消します。 
4ae699f18161291b2488835d0d8ffcbd-1766642186.png
  • 検索と置き換え:自由文ブロック内の文字列を検索・置換できます。 
e81087fce05ba11146567c5bd06d7ebc-1766642221.png
  • ソースコードの編集:自由文ブロック内のHTMLを参照でき、HTMLで編集することも可能です。 
963f603811288048732d6f93f292716a-1766642274.png
  • リンクの挿入・編集
    選択した文字列にリンクを挿入できます。

    PDFや外部サイトへリンクする際は、リンクの開き方を「新規ウィンドウ」に設定してください。 

    同じサイト内のページにリンクする場合は、URLを直接入力するのではなく、リンク一覧から該当ページを選択することをおすすめします(URL変更時もリンク切れを防ぎやすくなります)。 

    クラスを選択すると、サイト仕様のボタンなどでリンクを挿入できます。
6f48112d13a1b0713c9a3913a421910d-1766642488.png
e3d603ccaa076ba8e142c1da3ada54fb-1766642610.png
  • リンクの削除:リンクを繋げている箇所にカーソルを置いて選択すると、リンクが解除されます。
9e0ddb9ecd292d62fd07e7fa3964f59b-1766642662.png
  • アンカー(リンクの到達点)
    同じページ内でジャンプしたり、ページの途中にリンクさせたりできます。
    詳細はこちらをご確認ください。
83a879450c0a08647f9ff2ea9e0b29ca-1766642869.png
  • 画像の挿入・編集:+追加の写真ブロックではできない、細かな調整ができます。
641b3e46daf116b38f71c3de73e56f19-1766642982.png
  • メディアの挿入・編集:動画や埋め込みタグの挿入ができます。
c28f1941c7df0c99f8a2f504a8c1c085-1766643052.png
  • 表の挿入・編集
    表を挿入でき、行列の追加・削除が可能です。
    サイト仕様の表デザインを使う場合は、詳細設定の「クラス」で table01 / table02 等を選択します。 
b6adf0c9d0022e888359f35ef6cae005-1766643149.png
198dfd0ff8701b4136cf076aac7724e8-1766643154.png
4878f5ed610ae09a5a6a0bd76930cd2f-1766643168.png
  • 書式をクリア:設定した書式を削除します。
  • 書式:サイト仕様の見出しデザインを設定します。
  • フォントサイズ:文字の大きさを指定します。
  • 太字:文字を太字にします。
  • 斜体:文字を斜めにします。
  • 下線:文字にアンダーラインを引きます。
  • 取り消し線:文字に取り消し線を引きます。
  • テキストの色:文字の色を変更します。
  • 背景色:文字の背景色を変更します。
  • 左寄せ・中央揃え・右寄せ:文字の配置を変更します。
  • 番号付き箇条書き:サイト仕様のデザインで番号付き箇条書きを挿入します。
  • 箇条書き:サイト仕様のデザインで箇条書きマークを挿入します。
  • 引用:サイト仕様の引用デザインを挿入します。

戻る