「ページ(旧:固定ページ)」機能を利用すると、投稿した順に時系列で扱われる通常の記事とは別に、固定URLのみで閲覧できる独立した特別なページを作成・更新できます。
「お問い合わせ」や「自己紹介」「注意事項」「リンク集」といった静的なコンテンツを用意したいときに便利です。
このページは通常のエディタでページを作成する方法について記載しています。
ノーコードエディタでの編集方法は「ノーコードエディタの操作方法」をご覧ください。
「ページ(旧:固定ページ)」の作成
管理画面 > [ダッシュボード] > [ページの管理]から「ページの管理」画面を開いて、作成・管理できます。
ページを作成するには、「ページを作成ボタン」を押し、
「エディタで作成」にある「新しいページを作成」ボタンを押します。
「固定ページ」の編集・更新
ページ編集画面では、通常の記事編集画面と同じようにページを作成・更新できます。「編集サイドバー」や「入力補助ツールバー」も使用でき、「編集モード」も切り替えられます。ページ編集画面の左下にある公開・更新ボタンを押すと、ページが公開されます。下書き保存もできます。
作成した「固定ページ」は、トップページや記事一覧ページ、サイドバーの新着記事モジュールなどにも掲載されず、フィード(ATOMおよびRSS)でも配信されません。サイト内検索結果にも表示されません。どこからも動線のないページとなるため、サイドバーの「リンク」モジュールなどで明示的にリンクしてください。
ページの管理と注意点
公開または下書き保存した「固定ページ」は、ページの管理画面の下部に一覧表示されます。「編集」ボタンをクリックして、ページを再編集・更新・下書きに戻すなどができます。通常の記事と同じように編集履歴を確認することもできます。
ページを削除するには、ページ編集画面を開いて、右下にある削除ボタンをクリックしてください。
そのほか、以下の点に注意してください。
- ページのURLは、編集オプションの「カスタムURL」で変更できます
- ブログメンバーもページを作成・編集できます(寄稿者権限のメンバーは下書き保存のみ可能です)
- 作成できるページ数に制限はありません
また、次のような制限があります。
- カテゴリーを設定することはできません
- ページの公開日時は指定できず、予約投稿もできません
- IDコールは通知されません
ページのレイアウト
固定ページは、通常の記事ページから、時系列の記事に特有の要素を除いたレイアウトになっています。
具体的には、公開日時、執筆者、コメント欄、ソーシャルパーツ、「記事上」「記事下」のカスタマイズ(HTMLの自由記述欄)、関連記事、はてなによる広告(非表示にしていない場合)、本文上の日付、カテゴリー、パンくずリスト(詳細設定で設定できるもの)などを表示しません。
さらに「編集オプション」の「レイアウト」欄で、サイドバーの有無を選択できます。
| レイアウト | 説明 |
|---|---|
| 記事レイアウト | 通常の記事と同様のレイアウトで、サイドバーを表示します。 |
| ヘッダ・フッタレイアウト | サイドバーを表示せず、タイトルと本文のほか、ヘッダ・フッタが表示要素になります*1。 |
| フリーレイアウト(β版) | サイドバー、ヘッダ・フッタを表示せず、タイトルと本文のみが表示要素になります。 |
*1 詳細編集でヘッダとフッタを非表示にしていれば、タイトルと本文だけになります
スマートフォンでのレイアウト
スマートフォンのデフォルト表示では、固定ページはPC版に準じたレイアウトになります。本文下の「プロフィール」「注目記事」などスマートフォン版に特有の要素は「記事レイアウト」では表示し、「ヘッダ・フッタレイアウト」では表示されません。デザイン設定で「レスポンシブデザイン」を有効にしている場合には、スマートフォンでもPCと同じレイアウト、同じデザインテーマで表示されます。
アイキャッチ画像の設定方法
注目エントリーやSNSシェアなどで利用されるアイキャッチ画像を設定できます。
管理画面 > [固定ページ] > [編集オプション] > [アイキャッチ画像]から設定できます。
アイキャッチ画像は以下のいずれかを選択できます。
- 記事内の画像
- 詳細設定から設定したブログのアイキャッチ画像
- 画像URLで指定した画像
カスタムURLの設定方法
URLは、通常の記事のカスタムURLと同じように指定できますが、記事の配信ディレクトリー(デフォルトではentry)を含まないパスを自由に作成できます。
aboutやarchiveは「はてなCMS」のシステムで使用しています。「固定ページ」を作成する際はaboutやarchive以外のパス名をご利用ください。
記事の概要の設定方法
記事の概要を設定できます。未入力の場合は、記事本文の冒頭が概要として表示されます。
管理画面 > [固定ページ] > [編集オプション] > [記事の概要]から設定できます。
メタデータの設定方法
記事の内容に関するメタデータをカスタマイズできます。記事がシェアされた時や検索結果に表示されます。
管理画面 > [固定ページ] > [編集オプション] > [SEO・SNS向け設定]から設定できます。
noindex,nofollowの設定方法
固定ページを検索エンジンに登録したくない場合は、以下の方法でnoindex,nofollowを設定してください。
管理画面 > [記事を書く] > [固定ページ] > [編集オプション] > [SEO・SNS向け設定]の「この記事を検索エンジンに登録させない(noindex,nofollow)」にチェックを入れてください。
ページのデザイン
固定ページに特有のデザインを施したい場合は、デザイン設定の「デザインCSS」で、ページごとのbodyに付与される次のクラスを使ってスタイルを記述できます。XXXX部分は、ページのURLになります。
static-page-XXXX