【Cocoon 設定にて】404ページの画像を簡単に設定してみた!

ブログ作り
スポンサーリンク

こんちはー。

ブログ歴はだいたい1年未満のブロガー「ポイ」です。

週末くらいしか更新してないから、ワードプレスの使い方がさっぱりポンです。

ブログ初心者ながら、ちょっとだけワードプレスの設定をいじってたら…

なんと!404検索でそのページが見つからなかった時の画面)の画像が変更できる事を発見しました!!!

ついコーフンして記事にしちゃったヨ。

ワタシのブログのテーマは「Cocoon」を使用してるんですけどね。

Cocoon使い始めた人には良さげな記事かもしれませんねっ☆

まぁ、面白いイラストもあるから見るだけでも見て行ってよ。

短めの記事だから2分くらいで読める内容かなと思います。

ブログ初心者
ブログ初心者

それじゃ~簡単に「404のページ設定」について見てきましょ~!

スポンサーリンク

【404ページ】最初から設定されてる画像はコレ。

独自の404ページ設定を行う方法(https://wp-cocoon.com/404-page/)より
ポイ
ポイ

この画面もけっこういい感じだけど、なんとなく寂しいよね~。もうちょっと個性的な404画面にしてみたいよね~。

あまり見られる部分ではないですが、他サイトと差別化を行うことで、「おっ!404ページまで作り込んである」くらいは思ってもらえるかもしれません。

独自の404ページ設定を行う方法より

【Cocoonの404設定】Cocoon設定で変えられます。

ポイポイポイポイポイ
ポイポイポイポイポイ

じゃあ、実際に変更してみよ~ワクワク(‘ω’)

まずはワードプレスの設定画面に行きまーす♪

ブログ超初心者
ブログ超初心者

左側のCocoon設定を選ぶよ~~

ポイ
ポイ

404ページのタブ選ぶよ~~ん。ここで404の画像とか、メッセージとか変えられるよ~~ん。かんたんでしょ?

個性的な404のイラストを作るよ。

これがただやりたかっただけです。

ポイ塾長
ポイ塾長

ごめん。ただこのイラスト作りがしたかったんです。

かわいいポイ看板

いらすとや。より

いらすとに困ったらいらすとや。
404の素材もございました。
癒される感じでいいでしょ?

ぶりっこ看板

こんな感じのゆるっこい404もいいですね。筆者もぶりっこしてます。イイ歳したおじさんですが、ぶりっこしてます。ぶりっこもたまにはイイよね。

目には目を歯に歯を

ページを探して見つからない時コレが出てきたら笑う。
いや怒られそう。
よい子のみんなは目を突いてはいけませんよ。

404おじさん

いらすとやにも面白画像がたくさんあるね。
404でコレ出てきたら困る。

ねこ404

ぱくたそより。
ぱくたそにもいろいろ画像あって使いやすい。
ネコが出てきたら404でも許されるかもしれんッ!

404三銃士

いらっしゃいませー的な404画像。
お店の案内係で出てきたら困る。

404にいかがでしょうか。

404三銃士2

人気の三銃士画像。
女性三銃士だとなんか爽やか。

でもなんかちょっとシュール笑

二度と戻ってこなくなるかもしれん。

えむこころさん提供 @emukokoro_g59
イラストはillust STAMPOより。
フリー素材だそうですよ☆

404画像作る時にいろいろ使えそうですね。

Cocoon設定404変更。参考ページ。

こちらの記事を参考にして、変更しました。

ウィジェットなど使うと、404ページに新着記事人気記事を表示することができるようです。

設定したい人は参考にしてみてくださいませー。

まとめ。Cocoon設定で404画像の変更カンタン!

カンタンに404の画像を変更できるのすご~いですね。

みなさんもぜひ挑戦してみてくださいね~。

個性的な404の画像だったら、他の記事も見てもらえるかもしれませんよね~。

それでは今回は以上になりま~す♪

404が見られるほど、大した記事を書いておりませ~ん笑

参考までに…新着&人気記事追加したよ。


404のページに「新着記事」&「人気記事」が表示されるように設定してみました♪

  • 外観→ウィジェット→404→テキストを追加→サンプルコードをコピペする。

これで新着記事&人気記事が表示されましたヨ~~(^^♪

こんな感じです

こんな感じにしておくと、いろんなページみてくれるかもしれませんゾ♪

それでは良い404ページをお過ごしください(‘ω’)ノ

タイトルとURLをコピーしました