DIVI PAGE 404

【Divi】404ページをカスタマイズする方法

INTRODUCTION

URLに当該記事がないときに表示される404エラーページをDiviでは好きな見た目にカスタマイズすることができます。

ページを消去した後にインデックスに残っていた記事にアクセスがあったときなどに404ページをカスタマイズして設定しておくと、離脱されずに別のページ・記事へ誘導できる可能性が高まります。

404
CONTENTS

>> 404ページのカスタマイズ

>> テーマビルダーについて

>> まとめ

>> デザイン関連記事

*目次をタップで各コンテンツに飛べます

ERROR 404

404ページを確認する

自分の404ページの状態がよく分からない、という方はドメイン名の後に存在しないページ名を入力して検索してみれば確認できます。

https://(自分のドメイン名)/(存在しないページの名前)

なかなか手をつけにくいページですが、Diviでは簡単にカスタマイズすることができます。

404ページのカスタマイズ方法

404ページをカスタマイズする手順について説明していきます。

ダッシュボード >> Divi >> Theme Builder(テーマビルダー)

上記の順にページを移動していきます。

404image 01 scaled

テーマビルダーの画面例

Add New Template(新しくテンプレートを追加する)を押して、一番下までスクロールすると、Other(その他)のカテゴリに404 Pageがあるので選択します。

他のページと同様にするのであればヘッダー・フッターを設定して、あとはボディの部分をメインで編集して行くと良いと思います。

編集したらAll Changes Saved(全ての変更を保存)のボタンを押して、変更を反映させて完了です。

THEME BUILDER

テーマビルダーについて

今回使ったテーマビルダー機能は404ページのカスタマイズ以外にもできることが多く、Diviの中でもかなり便利な機能です。

こちらの記事でも紹介しています。

divi features 01

【神機能】Webサイト制作を10倍楽にするDIVIの使い方5選

作業効率を大きくあげるDiviのおすすめ機能を紹介しています。

MATOME

まとめ

404ページのカスタマイズ方法について説明しました。

Webサイトの中にはたまにユニークな404ページを設定しているものもあるので色々みてみるのも面白いと思います。

まだDiviを購入していないという方はこちらから。

購入からインストールまでを画像付きで説明しています。

divi image02 01

【超簡単】5分でできるDIVIのインストールとセットアップの仕方

Diviの購入からWordpressでのセットアップの仕方までを画像付きでわかりやすく説明しています。

More of DESIGN

デザイン関連記事

デザイン関連の記事をピックアップして紹介します。 併せて読んでみてください。

【2023年版】定番ストックフォト6選を比較検証。おすすめはどれ?

定番のストックフォトを項目別に比較しています。

【初心者も簡単】YouTubeの再生回数を上げるサムネイルの作り方。

サムネイルの作成方法を解説しています。

IllustratorとPhotoshopの違いを12の実例で比較。安く使えるセットプランも紹介。

IllustratorとPhotoshopの違いについて説明しています。

【2023年版】Adobe Stockとは? 初月無料 利用する4のメリットを解説。

Adobe Stockを利用するメリットについて書いています。

【2023年版】Adobe CCのおすすめプランを8の職業・デザイン別に解説 コンプリートプランでできること

Adobeを始める人にどのソフトとプランを使うべきかを書いています。

【無料有料8選】おすすめ素材・画像ストックサイト【商用利用可】

無料から有料までオススメの画像サイトをまとめました。

【特典】2ヶ月間無料でAdobe CC・Stockのプランを利用する方法。これから始める方も。

利用しているプランを2ヶ月間無料にする方法について書いています。

adobe2month 01

【特典】Adobeのプランを2ヶ月無料で利用する方法

既存ユーザーも新規ユーザーも2ヶ月無料でCC/Stockを利用する方法についてです。

stockphoto 01 1 scaled

【商用利用可】おすすめフリー素材・画像サイト

商用利用もできるフリー素材を入手できるおすすめサイトを紹介しています。

photoshop beginner 01 scaled

Adobe Photoshopでできる10のこと

Photoshopでできるデザインや機能について解説しています。

xd beginner 01

【UI/UX】Adobe XDでできる6のこと

Adobe XDでできるデザインや機能について解説しています。

dimension beginner 01

【3D】Adobe Dimensionでできる9のこと

Dimensionでできるデザインや機能について解説しています。

Last Updated on 09/07/2020