Foundエラーページをカスタマイズする方法を紹介したいと思います。はてなブログを初めて数年間、urlに日本語を入れていました。記事が多くなってくるにつれて、urlに日本語が入っていると管理が大変になり、いまurlを修正しています。そのため、リンク切れが多発していると思われます。Foundページをカスタマイズしようと思い、いろいろと調査したことを記事にしたいと思います。解決策javascriptの例を紹介htmlの既存の要素を置き換える方法JQueryを使用した場合、下記のコードで既存のhtml要素を書き換えることができます。$(既存の要素).html(変更したい内容)例えば、404のエラーページには.entry-footerというclass指定された既存のdiv要素があります。これを書き換えたい場合は、以下のようになります。$('.entry-footer').html(<p>"大変申し訳ございません。class="entry-footer">の中身を<p>"大変申し訳ございません。</p>に置き換えることができます。Webページで調べると、この方法を紹介している方が多いのですが、ZENO-TEALテーマを使用しているからなのか、デフォルト画像が残りうまくいきませんでした。Foundページの構造を調べると以下のようでした。class="entry-content">という要素があり、cssで背景画像が指定されていることがわかりました。class="entry-content">が残ってしまうので、意図した表示にならないということがわかりました。<p>お探しの記事は見つかりませんでした。</article></div>解決策プログラムとして少し違和感はあるのですが、問題なく動作したので紹介します。no-entry"があるので、no-entryというclassがあるかどうかを判断します。あった場合は、id="main-inner"の要素を丸ごと入れ替えることでうまく動作しました。id="main-inner">に囲まれている既存部分は全てなくなり、下記の◎の部分のhtmlに置き変わります。私のページで使用しているものとは、若干異なりますが、以下のjavascriptコードを見て頂ければ、どうすればよいかはわかって頂けると思います。このコードを[デザイン]⇒[カスタマイズタブ]⇒[ヘッダ]⇒[タイトル下]に貼り付けてください。下記のブログも大変参考になりますので、ご覧ください。ページが見つからず、大変申し訳ございません。最近、大幅にURLの変更を致しました。記事の内容も最新のものにアップデートしています。お手数ですが、下記のトップページから記事を探して頂き、ご覧下さい。});</script>以下のように表示されます。$('#main-inner').html("")のカッコ内は文字列でコードを書く必要があります。"(ダブルクォーテーション)はエスケープ文字を使って\"と書いてください。改行時も行末に\を追加してください。JQueryを読み込んでいない場合は、上記のコードの前に下記コードを追加してください。Foundページをカスタマイズすることができるようになりました。私はトップページを作っているので、404ページが表示されても、トップページに呼び戻すことが多少なりともできると思います。以上で説明を終わります。FoundエラーページをカスタマイズするFacebookTwitterPocketLINEもっとプログラミングについて勉強したいという方は、オンラインプログラミングスクールを体験してみてはいかがでしょうか。学業や仕事で忙しい方も、オンラインプログラミングスクールであれば、時間と場所を選ばす学習することができます。下記の2つはどちらも現役エンジニアがマンツーマンで対応してくれます。・転職支援が充実:全コース転職支援あり※受講終了後に転職が決まらなかった場合は受講料を全額返金する返金保証あり・体験レッスン、カウンセリングが無料です。転職を考えている方はカウンセリングを1度受けてみると、選択肢が広がります。Piの使い方、設定をわかりやすく解説。長年、ソフトウェア開発に携わっています。PiやPythonについて、簡単な質問であれば、お答えします。下記のお問合せからご連絡ください。月別アーカイブはてなブログをはじめよう!raspberrypiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。