フッター固定メニューをスマホにだけ表示させる。SANGOカスタマイズデモサイトマップホーム見た目フッター固定メニューをスマホにだけ表示させる。「SANGO」の魅力のひとつに、閲覧者が迷わないユーザビリティの良さがあります。Proで見ても固定メニューが表示されるわけです。いや、あってもいいんでしょうけど、コンテンツ部分の表示はPCと同じなので、サイドバーありに設定してると、あまり必要じゃなかったり。このフッター固定メニューをスマホでは表示、タブレットなどでは非表示にしてみます。こんな風になってました。固定メニュー自体はfooter.phpに記述がありました。//トップへ戻るボタン?></body></html>「footer_nav_menu」という名前で定義されてる模様。その定義をされてる箇所を確認してみる。それは、「sng-function.php」にありました。ホント、「SANGO」は親切です。わかりやすくって助かります。'#sng_share']").removeClass("active");})});</script><?php}}}スタイルシートの場合は親テーマのスタイルシートを子テーマのスタイルシートが上書きするのとは違い、親テーマのfunctions.phpは、子テーマの後から読み込まれるので、通常上書きはできないのだけど、ありがたいことに、親切なテーマ「SANGO」は、こんなところも気が利いていますね。function_exists())」の記述があり、子テーマに同名の関数がある場合は、親テーマの関数を読み込まない仕様にしてあります。{//モバイルのみ」の部分の「wp_is_mobile」はWordpressの関数で、詳しくは以下を参照。子テーマのfunctions.phpに追記sango-theme-child├functions.php└style.css*functions.phpの編集は慎重に。最下部に要らないスペースがあったりするとエラーでサイトが真っ白になったりすることがあります。バックアップをした上で挑戦してくださいね。モバイルを定義まずは、モバイルを定義しなおします。$_SERVER['HTTP_USER_AGENT']);}wp_is_mobileをis_mobileに変更そして、親テーマの先程のコードをそっくりコピペして、「wp_is_mobile」を「is_mobile」に変更(一カ所)。'#sng_share']").removeClass("active");})});</script><?php}}}アップロードFTPソフトでアップロードして上書き。スマホとタブレットをお持ちなら確認してみてください。スマホには、固定メニューが表示されますが、iPadなどのタブレットでは表示されなくなりました。あとがき「SANGO」の、構造は細かく細分化されてるので難しそうに見えるけど、実は、とても分かりやすく構成されてて、色々カスタマイズされることも、もしかしたら、このテーマを参考書みたいに使われることも想定内なのかもしれない。:PHP簡単ロゴをヘッダーのバー下で真ん中寄せにウイジェット記事下記事上広告もスマホとタブレット&パソコンで振り分けるヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。「SANGO」のヘッダーバーをページ上部に固定した上で透過させる※訂正ありこの記事を書いた人nekomoriya猫になりたい人間どうぶつ占いは「コアラ」。”猫になりたい”とひたすら願う怠けもの。コメントをキャンセルメールアドレスが公開されることはありません。次の記事ウイジェット記事下記事上広告もスマホとタブレット&パソコンで振...メニューメニュー名1メニュー名2メニュー名3メニュー名4ねこもりやどうぶつ占いは「コアラ」。”猫になりたい”とひたすら願う怠けもの。見た目1フッター固定メニューをスマホにだけ表示させる。views3ヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。views5「スマホにだけ表示」「タブレット以上で表示」のショートコードを追加する。Postsヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。「スマホにだけ表示」「タブレット以上で表示」のショートコードを追加する。ウイジェット記事下記事上広告もスマホとタブレット&パソコンで振り分けるフッター固定メニューをスマホにだけ表示させる。