忍者ブログでスマートフォン版へ移動するボタンを変更する | ネットワーク屋のナレッジ

忍者ブログでスマートフォン版へ移動するボタンを変更する


忍者ブログでPC版を開いている最中は、最上部に「スマートフォン版へ」というやや下品なナビボタンが表示されてしまいます。
今回はそのボタンをスマートなものへ変更するソースコードを書いて行きます。

20220718174039567.jpg

1. 以下のコードをhead内に埋め込みます。
 <script language="javascript" type="text/javascript">
        function OnLinkClick() {
           document.cookie = "pcmode=;  max-age=0; path=/";
            window.location.replace(document.URL);
        }
  </script>

※window.location.replace(document.URL);の代わりに以下を書いても動作する可能性があります。
location.href=location.pathname; 
setTimeout("autoLink()",1000);

2. 以下のコードをbodyのすぐ下に埋め込みます。
<div style="color:#ffffff; background-color:#888888;" align="center">
<a style="color:#ffffff;" href="javascript:OnLinkClick();">スマートフォン版で表示</a>
</div>

3. 既定のナビボタンをウィンドウ外へ押しだすために CSSのbodyのmarginに負の値を指定します。
body {
  margin-top: -50px;
 }

これで表題画像のスリムな切り換えボタンのみ表示されるデザインに変更されるはずです。

実装のヒントはこちら
記事が気に入ったら拍手B!してみてね☆



関連記事

格安SIMお申込みボタン

サイト内検索

最新記事

momokokko

ネットワーク屋のナレッジへようこそ!

なんでもリクエスト フォーム

※当サイトの「なんでもリクエスト」を利用したお取引きは全て無料です。
※リクエスト後、24時間以内にメールにてご返信を差し上げます。
※ご入力頂いたメールアドレスは本取引き以外で利用しません。
※PCメールよりご返信しますので受信拒否設定などにご注意ください。


紹介をご希望のサービス名:


お名前(ニックネーム可):


受信用メールアドレス:

[コンピュータ] ジャンルランキング

352位/10000

FC2ブログでランキングも簡単自動参加!
OCN モバイル ONE 端末セット本体
1円