WordPressのログイン画面にファビコン(ウェブアイコン)を設定する方法

自分のワードプレスのログイン画面をブックマークしているのだが、自分はワードプレスは複数持っている。
そこで、ワードプレスのログイン画面にファビコンをつけることができれば、ブックマーク一覧からも素早くログインしたいワードプレスを選ぶことができて、便利だろうなーと思い、ワードプレスのログイン画面にファビコンをつける方法を調べてみた。

まず、ワードプレスがインストールされているディレクトリに、wp-login.phpというファイルがある。
これがログイン画面の核となるファイルである。

このファイルの約90行目前後(バージョンによって違う)にというタグがある。
Wordpressのログイン編集

このタグのすぐ下に、 <link rel="shortcut icon" href=" ~URL~ /○○.png"> とすることにより、ファビコンを設定することができる。</p> <p><a href="http://www.nichibotsu.blog/wp-content/uploads/2019/06/190603WPLogin2-1.png"><img decoding="async" loading="lazy" src="http://www.nichibotsu.blog/wp-content/uploads/2019/06/190603WPLogin2-1-150x150.png" alt="wp_upload_dir()の挿入" width="150" height="150" class="alignnone size-thumbnail wp-image-531" /></a></p> <p>ちなみに、ファビコンは「.ico」ファイルが基本であるが、別にpngでも問題なかったため自分はpngにしている。</p> <p>さて、ここでURLを入力するときのコツを少し。<br /> URLをwp-loginファイルに直接入力してもいいのだが、ワードプレスを引っ越したり、ドメインが変更したりすると、ファビコンが反映されなくなってしまう。<br /> そこで、ワードプレスの関数を使うことを推奨する。</p> <p>自分は、ファビコンを他の画像と同じくuploadsというディレクトリに入れている。<br /> このuploadsのURLの関数は、次の通りである。</p> <p><?php $upload_dir = wp_upload_dir(); ?><br /> <?php echo $upload_dir['baseurl']; ?></p> <p>この結果、例えばこのブログなら、「http://www.nichibotsu.blog/wp-content/uploads」と出力される。<br /> 上記の二行を一行にするなら、</p> <p><?php $upload_dir = wp_upload_dir(); echo $upload_dir['baseurl']; ?></p> <p>となる。</p> <p>これをさっきのファビコンのlinkに挿入し、 <link rel="shortcut icon" href="<?php $upload_dir = wp_upload_dir(); echo $upload_dir['baseurl']; ?>/○○.png”><br /> とwp-loginファイルに書き込むと、ドメインが変更されてもファビコンが消えることはない。</p> </div><!-- .entry-content --> <footer class="entry-footer"> <div class="dataBottom cat-links"><i class="fa spaceRight fa-folder-open-o" aria-hidden="true"></i><a href="https://www.nichibotsu.blog/category/%e3%83%88%e3%83%a9%e3%83%96%e3%83%ab%e8%a7%a3%e6%b1%ba" rel="category tag">トラブル解決</a> <a href="https://www.nichibotsu.blog/category/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0" rel="category tag">プログラミング</a></div> </footer><!-- .entry-footer --> </article><!-- #post-## --> <nav class="navigation post-navigation" aria-label="投稿"> <h2 class="screen-reader-text">投稿ナビゲーション</h2> <div class="nav-links"> <div class="nav-previous"><a href="https://www.nichibotsu.blog/516.html" rel="prev"><span class="meta-nav" aria-hidden="true"><i class="fa spaceRight fa-angle-double-left"></i></span> ウォークマンをUSBが認識しない時に試して解決できた方法<span class="screen-reader-text">前の投稿:</span> </a></div><div class="nav-next"><a href="https://www.nichibotsu.blog/538.html" rel="next">俳句の審査基準に納得がいかない話 <span class="meta-nav" aria-hidden="true"><i class="fa spaceLeft fa-angle-double-right"></i></span><span class="screen-reader-text">次の投稿:</span> </a></div> </div><!-- .nav-links --> </nav><!-- .navigation --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/522.html#respond" style="display:none;">コメントをキャンセル<i class="fa fa-times spaceLeft"></i></a></small></h3><form action="https://www.nichibotsu.blog/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes">メールアドレスが公開されることはありません。</p><div class="clear"></div><p class="comment-form-comment"><label for="comment"><span class="screen-reader-text">コメント*</span></label><textarea id="comment" name="comment" rows="8" aria-required="true" placeholder="コメント*"></textarea></p><p class="comment-form-author"><label for="author"><span class="screen-reader-text">名前 *</span></label><input id="author" name="author" type="text" value="" placeholder="名前 *"/></p> <p class="comment-form-email"><label for="email"><span class="screen-reader-text">メールアドレス *</span></label><input id="email" name="email" type="text" value="" placeholder="メールアドレス *"/></p> <p class="comment-form-url"><label for="url"><span class="screen-reader-text">サイト</span></label><input id="url" name="url" type="text" value="" placeholder="サイト"/></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='522' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="538aa52538" /></p><p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="210"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <div id="secondary" class="widget-area"> <aside id="recent-comments-2" class="widget widget_recent_comments"><div class="widget-title"><h3>最近のコメント</h3></div><ul id="recentcomments"><li class="recentcomments"><a href="https://www.nichibotsu.blog/160.html#comment-295">青森県太平洋側(六ヶ所)のシロギス</a> に <span class="comment-author-link">ニシ</span> より</li><li class="recentcomments"><a href="https://www.nichibotsu.blog/160.html#comment-294">青森県太平洋側(六ヶ所)のシロギス</a> に <span class="comment-author-link">つちにょこ</span> より</li><li class="recentcomments"><a href="https://www.nichibotsu.blog/297.html#comment-291">興津川支流の布沢川のイワナは絶滅したのか</a> に <span class="comment-author-link">ニシ</span> より</li><li class="recentcomments"><a href="https://www.nichibotsu.blog/297.html#comment-290">興津川支流の布沢川のイワナは絶滅したのか</a> に <span class="comment-author-link">匿名</span> より</li><li class="recentcomments"><a href="https://www.nichibotsu.blog/297.html#comment-273">興津川支流の布沢川のイワナは絶滅したのか</a> に <span class="comment-author-link">ニシ</span> より</li></ul></aside><aside id="categories-2" class="widget widget_categories"><div class="widget-title"><h3>カテゴリー</h3></div> <ul> <li class="cat-item cat-item-13"><a href="https://www.nichibotsu.blog/category/%e3%83%88%e3%83%a9%e3%83%96%e3%83%ab%e8%a7%a3%e6%b1%ba">トラブル解決</a> </li> <li class="cat-item cat-item-5"><a href="https://www.nichibotsu.blog/category/%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%83%91%e3%83%bc%e3%83%84">パソコンパーツ</a> </li> <li class="cat-item cat-item-11"><a href="https://www.nichibotsu.blog/category/%e3%83%96%e3%83%83%e3%82%af%e3%83%a1%e3%83%bc%e3%82%ab%e3%83%bc">ブックメーカー</a> </li> <li class="cat-item cat-item-7"><a href="https://www.nichibotsu.blog/category/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0">プログラミング</a> </li> <li class="cat-item cat-item-1"><a href="https://www.nichibotsu.blog/category/%e3%83%ab%e3%83%bc%e3%83%ac%e3%83%83%e3%83%88">ルーレット</a> </li> <li class="cat-item cat-item-4"><a href="https://www.nichibotsu.blog/category/%e5%93%b2%e5%ad%a6">哲学</a> </li> <li class="cat-item cat-item-12"><a href="https://www.nichibotsu.blog/category/%e5%b0%86%e6%a3%8b">将棋</a> </li> <li class="cat-item cat-item-6"><a href="https://www.nichibotsu.blog/category/%e6%97%85%e8%a1%8c">旅行</a> </li> <li class="cat-item cat-item-3"><a href="https://www.nichibotsu.blog/category/%e6%97%a5%e8%a8%98">日記</a> </li> <li class="cat-item cat-item-9"><a href="https://www.nichibotsu.blog/category/%e6%98%a0%e7%94%bb">映画</a> </li> <li class="cat-item cat-item-14"><a href="https://www.nichibotsu.blog/category/%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f">試してみた</a> </li> <li class="cat-item cat-item-8"><a href="https://www.nichibotsu.blog/category/%e9%87%a3%e3%82%8a">釣り</a> </li> <li class="cat-item cat-item-10"><a href="https://www.nichibotsu.blog/category/%e9%9b%91%e6%84%9f">雑感</a> </li> </ul> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries"> <div class="widget-title"><h3>最近の投稿</h3></div> <ul> <li> <a href="https://www.nichibotsu.blog/606.html">NVMe接続のM.2SSDを約30度で使うヒートシンクの付け方</a> </li> <li> <a href="https://www.nichibotsu.blog/595.html">藤井聡太七段は高校と将棋を両立させて偉い!に違和感を感じる件</a> </li> <li> <a href="https://www.nichibotsu.blog/582.html">天神屋創業祭でカレーおにぎりが1個20円!</a> </li> <li> <a href="https://www.nichibotsu.blog/559.html">持ち駒の歩を打って相手を詰ますけど詰みにならない打ち歩詰めの盲点!</a> </li> <li> <a href="https://www.nichibotsu.blog/545.html">カズチャンネルのダイエット動画のサムネで見かけた画像を使っている広告</a> </li> </ul> </aside><aside id="archives-2" class="widget widget_archive"><div class="widget-title"><h3>アーカイブ</h3></div> <ul> <li><a href='https://www.nichibotsu.blog/date/2020/10'>2020年10月</a></li> <li><a href='https://www.nichibotsu.blog/date/2020/06'>2020年6月</a></li> <li><a href='https://www.nichibotsu.blog/date/2019/12'>2019年12月</a></li> <li><a href='https://www.nichibotsu.blog/date/2019/07'>2019年7月</a></li> <li><a href='https://www.nichibotsu.blog/date/2019/06'>2019年6月</a></li> <li><a href='https://www.nichibotsu.blog/date/2019/05'>2019年5月</a></li> <li><a href='https://www.nichibotsu.blog/date/2019/04'>2019年4月</a></li> <li><a href='https://www.nichibotsu.blog/date/2019/01'>2019年1月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/12'>2018年12月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/11'>2018年11月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/10'>2018年10月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/09'>2018年9月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/08'>2018年8月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/06'>2018年6月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/05'>2018年5月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/04'>2018年4月</a></li> <li><a href='https://www.nichibotsu.blog/date/2018/03'>2018年3月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/12'>2017年12月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/10'>2017年10月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/08'>2017年8月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/07'>2017年7月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/06'>2017年6月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/05'>2017年5月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/04'>2017年4月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/03'>2017年3月</a></li> <li><a href='https://www.nichibotsu.blog/date/2017/02'>2017年2月</a></li> </ul> </aside><aside id="categories-3" class="widget widget_categories"><div class="widget-title"><h3>カテゴリー</h3></div> <ul> <li class="cat-item cat-item-13"><a href="https://www.nichibotsu.blog/category/%e3%83%88%e3%83%a9%e3%83%96%e3%83%ab%e8%a7%a3%e6%b1%ba">トラブル解決</a> </li> <li class="cat-item cat-item-5"><a href="https://www.nichibotsu.blog/category/%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%83%91%e3%83%bc%e3%83%84">パソコンパーツ</a> </li> <li class="cat-item cat-item-11"><a href="https://www.nichibotsu.blog/category/%e3%83%96%e3%83%83%e3%82%af%e3%83%a1%e3%83%bc%e3%82%ab%e3%83%bc">ブックメーカー</a> </li> <li class="cat-item cat-item-7"><a href="https://www.nichibotsu.blog/category/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0">プログラミング</a> </li> <li class="cat-item cat-item-1"><a href="https://www.nichibotsu.blog/category/%e3%83%ab%e3%83%bc%e3%83%ac%e3%83%83%e3%83%88">ルーレット</a> </li> <li class="cat-item cat-item-4"><a href="https://www.nichibotsu.blog/category/%e5%93%b2%e5%ad%a6">哲学</a> </li> <li class="cat-item cat-item-12"><a href="https://www.nichibotsu.blog/category/%e5%b0%86%e6%a3%8b">将棋</a> </li> <li class="cat-item cat-item-6"><a href="https://www.nichibotsu.blog/category/%e6%97%85%e8%a1%8c">旅行</a> </li> <li class="cat-item cat-item-3"><a href="https://www.nichibotsu.blog/category/%e6%97%a5%e8%a8%98">日記</a> </li> <li class="cat-item cat-item-9"><a href="https://www.nichibotsu.blog/category/%e6%98%a0%e7%94%bb">映画</a> </li> <li class="cat-item cat-item-14"><a href="https://www.nichibotsu.blog/category/%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f">試してみた</a> </li> <li class="cat-item cat-item-8"><a href="https://www.nichibotsu.blog/category/%e9%87%a3%e3%82%8a">釣り</a> </li> <li class="cat-item cat-item-10"><a href="https://www.nichibotsu.blog/category/%e9%9b%91%e6%84%9f">雑感</a> </li> </ul> </aside></div><!-- #secondary --> </div><!-- #content --> <footer id="colophon" class="site-footer"> <div class="site-info"> <span class="custom">© 2023 日没ブログ</span> <span class="sep"> | </span> WordPress テーマ: <a title="Semplicemente Theme" href="https://crestaproject.com/downloads/semplicemente/" rel="noopener noreferrer" target="_blank">Semplicemente</a> by CrestaProject </div><!-- .site-info --> </footer><!-- #colophon --> </div><!-- #page --> <script src='https://www.nichibotsu.blog/wp-content/themes/semplicemente/js/jquery.semplicemente.min.js?ver=2.1.3' id='semplicemente-custom-js'></script> <script src='https://www.nichibotsu.blog/wp-content/themes/semplicemente/js/navigation.min.js?ver=20151215' id='semplicemente-navigation-js'></script> <script src='https://c0.wp.com/c/6.2.2/wp-includes/js/comment-reply.min.js' id='comment-reply-js'></script> <script id='wp_slimstat-js-extra'> var SlimStatParams = {"ajaxurl":"https:\/\/www.nichibotsu.blog\/wp-admin\/admin-ajax.php","baseurl":"\/","dnt":"noslimstat,ab-item","ci":"YTo0OntzOjEyOiJjb250ZW50X3R5cGUiO3M6NDoicG9zdCI7czo4OiJjYXRlZ29yeSI7czo0OiIxMyw3IjtzOjEwOiJjb250ZW50X2lkIjtpOjUyMjtzOjY6ImF1dGhvciI7czo1OiJOaXNoaSI7fQ--.811668dcfa0b23973a6a552b1c56e9d9"}; </script> <script defer src='https://cdn.jsdelivr.net/wp/wp-slimstat/tags/5.0.4/wp-slimstat.min.js' id='wp_slimstat-js'></script> <script src='https://www.nichibotsu.blog/wp-content/plugins/highlighting-code-block/assets/js/prism.js?ver=1.7.0' id='hcb-prism-js'></script> <script src='https://c0.wp.com/c/6.2.2/wp-includes/js/clipboard.min.js' id='clipboard-js'></script> <script id='hcb-script-js-extra'> var hcbVars = {"showCopyBtn":"1","copyBtnLabel":"\u30b3\u30fc\u30c9\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3059\u308b"}; </script> <script src='https://www.nichibotsu.blog/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=1.7.0' id='hcb-script-js'></script> <script defer src='https://stats.wp.com/e-202338.js' id='jetpack-stats-js'></script> <script id='jetpack-stats-js-after'> _stq = window._stq || []; _stq.push([ "view", {v:'ext',blog:'161059187',post:'522',tz:'9',srv:'www.nichibotsu.blog',j:'1:12.1'} ]); _stq.push([ "clickTrackerInit", "161059187", "522" ]); </script> <script defer src='https://www.nichibotsu.blog/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1682509320' id='akismet-frontend-js'></script> </body> </html>