Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに差し替えるプラグイン。WordPressサイトのモバイル閲覧時の表示高速化には必要不可欠です。 ”resImage-mobile”というクラスを使います。もちろんレスポンシブです。必ず、PC用画像と同じ場所にスマホ用画像（ PC用画像ファイル名_mobile ）を置いてください。スライドショー有り、無しどちらでも可能です。一応、cssだけでも実装できます。 あとは、 PCだけで表示したい画像、スマホだけで表示したい画像にclass属性を付けます。 これだけ書くと意味がわからないと思うので、具体的にやってみた手順を見てみましょう！ スマホでパソコンサイトを表示している場合; スマホ表示に戻すボタンを表示する。 ということです。 おまけ. wp_is_mobile()とはWordPressの3.4から実装された関数で、PC用とiPhoneやAndroidといったスマートフォン用とでコンテンツを切り替える際に便利な条件分岐タグです。 今まで実際に使ったことはなかったのですが、ちょっと使ってみて今後使いそうだと思ったので備忘録。

レスポンシブサイトを制作する際、pcとスマホで違う画像を表示したいときってありますよね。いろいろ方法はありますが、簡単にできる方法をいくつか紹介します。

こんにちは。香川のWEB屋矢野キチです。今回はWordPressでPC用テーマとスマホ用テーマを別々につくって、それらをアクセスに応じて切り替えることができる「Multi Device Switcher」というプラグインをご紹介します。.


”resImage-mobile”というクラスを使います。もちろんレスポンシブです。必ず、PC用画像と同じ場所にスマホ用画像（ PC用画像ファイル名_mobile ）を置いてください。スライドショー有り、無しどちらでも可能です。一応、cssだけでも実装できます。 ただスマホ化すればいいわけじゃないビジネスサイト.

というわけで 早急にサイトをスマートフォン対応したい ワケですが、どういう風に対応するか？ 例えば僕が公開しているWordPressテーマの「Stinger3」はメディアによってCSSを切り替えています。

PCとスマホでヘッダー画像を変えたい. あとは、 PCだけで表示したい画像、スマホだけで表示したい画像にclass属性を付けます。 これだけ書くと意味がわからないと思うので、具体的にやってみた手順を見てみましょう！ ただスマホ化すればいいわけじゃないビジネスサイト. 今回は私がスマホ対応でやっているCSSコードを紹介します。今後、Googleでの「PCでの」検索順位をスマホの検索順位を基準にするとの発表がありました。今のうちにスマホ対応をチャチャッとやってお … 一般的にWordPressサイトのヘッダー画像は横長ですが、スマホ画面は縦長なので、正方形に近いくらいの画像の方が無難です。何種類かの画像を準備して、端末に応じて自動で切り替われば便利です。 手順2：記事の編集画面で切り替えたい画像にclass属性を付ける. 今回の記事では、wordpressのスマートフォン（スマホ）対応プラグインや、レスポンシブWebデザインの、おすすめテーマ・テンプレートの紹介。 また、ワードプレスの「レスポンシブWebデザイン」の作り方（デバイスごとのデザイン切り替え・振り替え手順など）についても、順に解説しています。 サイトにアクセスしたデバイスの横幅で画像を切り替える方法をご紹介します。レスポンシブサイトで、pcとスマホで違う画像を表示させたい場合などに使えます。5分程度で実装できますので、興味のある方は参考にしてください。

wp_is_mobile()とはWordPressの3.4から実装された関数で、PC用とiPhoneやAndroidといったスマートフォン用とでコンテンツを切り替える際に便利な条件分岐タグです。 今まで実際に使ったことはなかったのですが、ちょっと使ってみて今後使いそうだと思ったので備忘録。

手順2：記事の編集画面で切り替えたい画像にclass属性を付ける. スマホ用テーマに切り替えて欲しくないページがある場合は･･･ 切り替え無効の画面で、パスを入力するだけでokです。 Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに差し替えるプラグイン。WordPressサイトのモバイル閲覧時の表示高速化には必要不可欠です。

というわけで 早急にサイトをスマートフォン対応したい ワケですが、どういう風に対応するか？ 例えば僕が公開しているWordPressテーマの「Stinger3」はメディアによってCSSを切り替えています。