Slider Revolitionで404ページを作成する方法

アニメーションがかっこよいサイトをWordPressで作るときにおすすめのプラグインSlider Revolition。404ページの作り方が少し複雑だったので、解説をしたいと思います！

Slider Revolistionで404ページを作成

まずは、Slider Revolotionで404ページを作ります。モジュールテンプレートを使うと簡単なので、テンプレートを使ってページを作ります。

Slider Revolitionのモジュールテンプレートを選択

まずは【New Module from Template】を選択

404と入力して404ページ用のテンプレートを検索します。今回は一番左のテンプレートがかわいいのでこちらを使います。

＋アイコンをクリックして【Install Template】をクリックします。

Slider Revolitionの404テンプレートを編集

不要な部分は削除してしまい、大切な部分のみ残して日本語に変えました。

TOPへ戻るボタンは【Action】パーツからTOPのＵＲＬを指定しました。

404ページを埋め込むためのコードをSlider Revolitionからコピー

サムネイル一覧に戻り、【Embed】をクリックしてコードを出力します。

こちらのコードをコピーします。

テーマファイルの404.phpファイルを編集

テーマファイルで用意されている404.phpファイルを編集する必要があります。子テーマを作成して404.phpを編集する事をお勧めします。

ヘッダーとフッターを除くメインコンテンツを削除して、コピーしたphpコードに書き換える必要があります。
テーマで出力している404コンテンツの不要な部分を削除して、1行に書き換えます。

私の場合、ヘッダーとパンくずリストを残した部分を削除して、Slider Revolitionで作成した404ページコンテンツが出力されるようにカスタマイズしました。

使っているテーマによって404.phpファイルがない場合もあります。またコードの仕組みが異なる為、上級者レベルでの修正スキルが必要になります。