STINGER PLUS+でスマホとPCのヘッダー画像表示を切り替える方法

今回はSTINGER PLUS+でカスタマイズした方法の備忘録。

 

お客さんのサイトのカスタマイズをしていたので、画像は掲載していません。

WordPressのロゴをパソコンだと横長いっぱいの長方形で表示させていたのですが

スマートフォンだと小さくなりすぎて何が何だかわからない。。。

 

という事で、スマートフォンの時だけ違うタイトルロゴを表示させたいと思い調べたら

 

どこにもそんな情報はない。。。

 

なので自分で考えてプログラムをいじっちゃいました。

 

実際にいじったファイルは

STINGERPLUS: テーマヘッダー (header.php)

です。

いじった個所はこの部分

<!– ロゴ又はブログ名 –>
<p class=”sitename”><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
<?php if ( get_option( ‘st_logo_image’ ) ): //ロゴ画像がある時 ?>
<img alt=”<?php bloginfo( ‘name’ ); ?>” src=”<?php echo esc_url( get_option( ‘st_logo_image’ ) ); ?>” >

この赤字の部分がロゴ画像を表示する部分なので

ここでスマホ、PCの識別をかけてあげます。

<?php if ( wp_is_mobile() ) : ?>

// スマホ・タブレットで表示させたい内容

<?php else: ?>

// PC(モバイル端末以外)で表示させたい内容

<?php endif; ?>

これを赤字の部分に当てはめます。

そうしたらこうなります。

<!– ロゴ又はブログ名 –>
<p class=”sitename”><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
<?php if ( get_option( ‘st_logo_image’ ) ): //ロゴ画像がある時 ?>
<?php if ( wp_is_mobile() ) : ?>

<img alt=”<?php bloginfo( ‘name’ ); ?>” src=”スマホで表示させたい画像のURL” >

<?php else: ?>

<img alt=”<?php bloginfo( ‘name’ ); ?>” src=”<?php echo esc_url( get_option( ‘st_logo_image’ ) ); ?>” >

<?php endif; ?>

これでスマホの時にはスマホで見せたい画像が

パソコンの時にはパソコンで見せたい画像を分けて表示できます。

STINGER PLUSロゴカスタマイズ

 

 

  • このエントリーをはてなブックマークに追加

関連記事

コメント

  1. こんばんわ!トシカズです。
    凄いですね!私にはさっぱりわかりません。
    今度じっくり教えてください。(笑)
    今日も応援していきますね。

  2. 初めまして
    人気ブログランキングから来ました。
    if文で条件分岐を図るんですね。

    プログラミングは条件式で行く方向を決めなければならないので
    めんどくさがり屋では書けませんね。

      • una
      • 2016年 9月 13日

      翔望(syo-fu)さんこんにちわ。

      訪問ありがとうございます。

      プログラミングってなんでこんなに面倒なんでしょうね。。。
      書いていますが、実はとっても面倒くさがり屋です(笑)

  3. ネット初心者 いずてん です。
    始めたばかりですが、ブログへの表示、見せ方で試行錯誤してます。
    使い勝手や見せ方など、もっと良いものに、と思っていますので、うーなんさんのブログを参考にさせて頂きます。
    今後とも、情報提供期待しております。

      • una
      • 2016年 9月 13日

      いずてんさんこんにちわ。

      ブログの見せ方も最初は気になっていましたが
      初心者時代はあまり気にしないようにしていました。

      こだわるようになってきたのは最近ですね。。。

  4. こんばんは
    のぶりんと申します。
    初心者です。
    難しいことはわからないのですが、
    でもサイトは見た目が勝負ですよね、
    勉強になりました。
    応援して帰ります。

      • una
      • 2016年 9月 17日

      のぶりんさんこんにちわ
      サイトは見た目も大事ですけど情報の質も無視できませんよ!

      でもサイトの見た目で損することも得することも大きいのは間違いないと思います。

      応援ありがとうございます。

  1. この記事へのトラックバックはありません。

CAPTCHA


ニュースレターを購読します

起死回生の道標!メルマガ。


ためになるノウハウよりも
今すぐ使えるノウハウを中心にお伝えしています。

裏カリキュラムも読者限定でご案内しています。
裏カリキュラムでは裏王道のノウハウを伝授します!

現在665人の受講生がいます。

成約1件あたりの報酬1万円越え、アフィリエイトASPのインフォカート

ページ上部へ戻る