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

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

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

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

このタグのすぐ下に、 <link rel="shortcut icon" href=" ~URL~ /○○.png"> とすることにより、ファビコンを設定することができる。</p> <p><a href="https://www.nichibotsu.blog/wp-content/uploads/2019/06/190603WPLogin2-1.png"><img decoding="async" src="https://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>この結果、例えばこのブログなら、「https://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> </section> <footer class="post-footer"> <!-- ソーシャルボタン --> <ul class="bzb-sns-btn "> </ul> <!-- /bzb-sns-btns --> <ul class="post-footer-list"> <li class="cat"><i class="fa fa-folder"></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></li> </ul> </footer> <div class="post-share"> <h2 class="post-share-title">SNSでもご購読できます。</h2> <aside class="post-sns"> <ul> <li class="post-sns-twitter"><a href="https://twitter.com/"><span>Twitter</span>でフォローする</a></li> <li class="post-sns-feedly"><a href="https://feedly.com/i/subscription/feed/https%3A%2F%2Fwww.nichibotsu.blog%2Ffeed"><span>Feedly</span>でフォローする</a></li> </ul> </aside> </div> <aside class="post-author" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person"> <div class="clearfix"> <div class="post-author-img"> <div class="inner"> <img src="https://www.nichibotsu.blog/wp-content/themes/xeory_base/lib/images/masman.png" alt="masman" width="100" height="100" /> </div> </div> <div class="post-author-meta"> <h2 itemprop="name">ニシ</h2> <p itemprop="description"></p> </div> </div> </aside> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/522.html#respond" style="display:none;">コメントをキャンセル</a></small></h2><form action="https://www.nichibotsu.blog/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前</label> <br /><input id="author" name="author" type="text" value="" size="30" /></p> <p class="comment-form-email"><label for="email">メールアドレス(公開はされません。)</label> <br /><input id="email" name="email" type="text" value="" size="30" /></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></form> </div><!-- #respond --> </div><!-- #comments --> </article> </div><!-- /main-inner --> </div><!-- /main --> <div id="side" class="col-md-4" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar"> <div class="side-inner"> <div class="side-widget-area"> <div id="block-3" class="widget_block widget_categories side-widget"><div class="side-widget-inner"><ul class="wp-block-categories-list wp-block-categories"> <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></div></div><div id="block-4" class="widget_block widget_archive side-widget"><div class="side-widget-inner"><ul class="wp-block-archives-list wp-block-archives"> <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></div></div> </div><!-- //side-widget-area --> </div> </div><!-- /side --> </div><!-- /wrap --> </div><!-- /content --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage":{ "@type":"WebPage", "@id":"https://www.nichibotsu.blog/522.html" }, "headline":"WordPressのログイン画面にファビコン(ウェブアイコン)を設定する方法", "image": [ "https://www.nichibotsu.blog/wp-content/themes/xeory_base/lib/images/noimage.jpg" ], "datePublished": "2019-06-03T17:43:25+09:00", "dateModified": "2019-06-03T17:53:08+09:00", "author": { "@type": "Person", "name": "ニシ" }, "publisher": { "@type": "Organization", "name": "日没ブログ", "logo": { "@type": "ImageObject", "url": "https://www.nichibotsu.blog/wp-content/themes/xeory_base/lib/images/masman.png" } }, "description": "自分のワードプレスのログイン画面をブックマークしているのだが、自分はワードプレスは複数持っている。 そこで、ワードプレスのログイン画面にファビコンをつけることができれば、ブックマーク一覧からも素早くログインしたいワードプ […]" } </script> <footer id="footer"> <div class="footer-02"> <div class="wrap"> <p class="footer-copy"> © Copyright 2024 日没ブログ. All rights reserved. </p> </div><!-- /wrap --> </div><!-- /footer-02 --> </footer> <a href="#" class="pagetop"><span><i class="fa fa-angle-up"></i></span></a> <script src="https://apis.google.com/js/platform.js" async defer> {lang: 'ja'} </script><script type="text/javascript" src="https://www.nichibotsu.blog/wp-content/themes/xeory_base/lib/js/jquery.pagetop.js?ver=1a305cab34f7b31a9600b11506fa5d05" id="pagetop-js"></script> <script type="text/javascript" src="https://www.nichibotsu.blog/wp-content/themes/xeory_base/lib/js/jquery.table-scroll.js?ver=1a305cab34f7b31a9600b11506fa5d05" id="table-scroll-js"></script> <script type="text/javascript" src="https://www.nichibotsu.blog/wp-content/plugins/highlighting-code-block/assets/js/prism.js?ver=2.0.1" id="hcb-prism-js"></script> <script type="text/javascript" src="https://www.nichibotsu.blog/wp-includes/js/clipboard.min.js?ver=2.0.11" id="clipboard-js"></script> <script type="text/javascript" id="hcb-script-js-extra"> /* <![CDATA[ */ var hcbVars = {"showCopyBtn":"1","copyBtnLabel":"\u30b3\u30fc\u30c9\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3059\u308b"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.nichibotsu.blog/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=2.0.1" id="hcb-script-js"></script> <script> (function($){ $(function(){ $(".sub-menu").css('display', 'none'); $("#gnav-ul li").hover(function(){ $(this).children('ul').fadeIn('fast'); }, function(){ $(this).children('ul').fadeOut('fast'); }); // スマホトグルメニュー $('#gnav').removeClass('active'); $('#header-menu-tog a').click(function(){ $('#gnav').toggleClass('active'); }); }); })(jQuery); </script> </body> </html>