DIVI PAGE 404

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

INTRODUCTION

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

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

404
CONTENTS

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

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

>> まとめ

>> デザイン関連記事

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

ERROR 404

404ページを確認する

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

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

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

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

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

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

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

テーマビルダーの画面例

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

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

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

THEME BUILDER

テーマビルダーについて

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

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

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

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

MATOME

まとめ

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

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

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

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

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

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

More of DESIGN

デザイン関連記事

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

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

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

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

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

【動画編集】Premiere ProとAfter Effectsの違い。初心者が知っておきたい6つの特徴について解説。

動画編集で使うPremiere ProとAfter Effectsの違いについて説明しています。

【動画編集】Premiere「Rush」と「Pro」8つの違いと使い方を解説。

Adobeの動画編集アプリPremiere RushとProの違いについて説明しています。

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

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

【超便利】Adobe Stockとは? 初月無料&利用する5つのメリットを解説。

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

【2020年版】Adobeのおすすめプランは?7の職業・デザイン別にコンプリートプランユーザーが解説。

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

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

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

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

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

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

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

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

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

Adobe Photoshopでできる10のこと

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

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

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

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

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

Pin It on Pinterest

Share This