以前「WordPressのテーマ「Stinger3」のサイト名をテキストから画像に変更する方法」という記事で、サイト名を画像にする方法を紹介しました。 この方法だとPCでは問題ないのですが、スマホだと、何が書いてあるのかわからないほど縮小されますよね。僕なんて986pxでした(笑)。それ以外はスマホ対応なのに、サイト名の画像だけが小さすぎる…;; なので、今回はPCではこのままの画像で、スマホでは別に作った画像を表示する方法を紹介します。 PCだとこういう画像を使っています。 コンピュータの場合 次にスマホではこれを使いたい場合 スマートフォンの場合 横幅が280pxで作っています。これだとスマホでもはっきり見えますよね。では、PCとスマホを切り替える方法を紹介します。 場所は「外観」→「テーマ編集」→「ヘッダー(header.php)」の<div id="h-l">~</div><!--
![[WordPress]Stinger3のサイト名を、PC画像とスマホ画像で切り替える方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ed036c7ae57b98e5bec9bada5fa2f2b002e259e/height=288;version=1;width=512/https%3A%2F%2Fitbenricho.com%2Fwp-content%2Fuploads%2F2014%2F03%2Fheader-pc-smpho-kirikae2.png)