404ページ、ページが見つからないと表示するページを作成!

404nishikiyama

 サイト内のページが見つからなかった場合に、少しでも探してもらえるよう、サイト内検索ボックスと人気記事を表示する404ページを作成。

Simplicty作者、yhira氏のサイトと『こちら』を参考に作成しました。

手 順

  1. 外観レイアウトで画像設定
  2. ウィジェットで404表示ページを設定

実際の操作

1. 画像設定

(手順概要)

  1. 外観
  2. カスタマイズ
  3. レイアウト(全体・リスト)
  4. 画像選択

実際の操作は、

 サイドメニュー:外観 → カスタマイズ

404page作成

404page作成

 

ここでレイアウト(全体・リスト)をクリックし、一番下へ。

404page作成

一番下へスクロール。

404page作成

画像選択をクリック。

404page作成

404ページに表示する画像をクリックすると、、、

404page作成

ここで画像の選択ボタンをクリック。

 

404page作成

404イメージが表示されます。ここで、上にある保存して公開ボタンをクリック。

これで、画像選択は終了。

 メディアライブラリの一覧に表示したい画像がない場合は、ファイルをアップロードタブをクリック。

404page作成

画像ファイルをドロップ、もしくはファイルを選択すると404ページに表示する画像を選択できます。

2. 404ページ設定(ウィジェット)

(手順概要)

  1. 外観
  2. ウィジェット
  3. テキスト追加
  4. 検索ボックス追加
  5. 人気記事追加

実際の操作は、、、

サイドメニュー:外観 → ウィジェット 

404page作成

404page作成

右側のサイドバーウィジェットの一番下に404ページがあります。

404page作成

テキストを追加。

左側『利用できるウィジェット』にあるテキストをクリック。

404page作成

任意のテキストやHTMLボックスを下方にスクロールすると404ページがあります。

404page作成

404ページを選択して、ウィジェットを追加ボタンをクリック。

404page作成

タイトルに『ページが見つかりません。』と入力し、保存をクリック。

閉じるをクリックすると、テキストウィジェットが閉じます。

 

 次にサイト内検索ボックスを追加します。

左側『利用できるウィジェット』の検索をクリック。404page作成

404ページが選択されていることを確認し、ウィジェットを追加ボタンをクリック。

404page作成

検索をお試しください。』と入力し、保存をクリック。閉じるをクリック。

 

 次に人気記事を表示するウィジェットを追加します。

左側『利用できるウィジェット』の[S]人気記事をクリック。

404page作成

404ページが選択されていることを確認し、ウィジェットを追加ボタンをクリック。

 

404page作成

人気記事のタイトルに『おすすめの記事です。^_^』と入力。

保存をクリック。

閉じるをクリック。すると、こんな感じに。。。

404page作成

以上でウィジェットの設定終了です。

 

404ページはこんな感じになりました。

404page作成

スポンサーリンク
サイト構築
スポンサーリンク

コメント