士業事務所のweb担当が学んだことスマートフォン用の表示で見る士業事務所のweb担当が学んだこと税理士事務所に勤めるウェブ担当者が日々の業務で学んだノウハウを公開するブログです。士業事務所の集客に使えるマーケティングやウェブ制作のノウハウを実際に中で働いているからこそ分かる視点を交えてお伝えします。この広告は、90日以上更新していないブログに表示しています。2015-10-05Stinger5の一覧サムネイルサイズを変更しても、高さがバラバラな時の対処法ウェブ制作10月に入ってから2日間WordPressサイトをいじっていました。9月のアクセス解析結果をまとめて、10月にたてた目標に向けて早速って感じです。カスタマイズ中ですが、ちょっとハマったことがあったので、メモっておきます。Stinger5で記事一覧のサムネイルサイズを変更方法WordPressはテーマを選ぶのも楽しみのひとつ。WordPressでサイト的なものを作る時は賢威かBizVektorを使うことが多いのですが、先日はてなブログ→ライブドアブログ→WordPressと引っ越しを繰り返したブログは今流行のStinger5を使ってみました。ライブドアブログから移転して回遊率が下がってしまったので、改善するためのカスタマイズを施しています。Stingerはデフォルトでトップページは記事一覧になるようになっています。これは回遊率を上げるために正しいと思いますし、回遊させるために1画面に30~50くらい記事を表示するケースは多いと思います。デフォルトだと行の高さが大きくてスマホの時にスクロールがめんどうなんじゃないかと思います。ライブドアブログの時代はもっとコンパクトだったので。サムネイルサイズの変更方法はいくつか解説してくれているサイトが簡単に見つかりました。junichi-manga.comご指導のとおりの作業でサイズ自体の変更は楽勝です。記事がある場合は、もう一手間必要!プラグインで再生成するですが、これだけでは問題あり!投稿済記事のサムネイルサイズがバラバラなのです。元画像の比率に応じて高さがバラバラ。原因を突き止めるのに時間を食ってしまいましたが、functions.phpで指定したサイズの画像が生成されてないのが原因みたいです。参考:Stinger5でサムネイル画像がリサイズされない時の対処法。たかなblogアップロード時に指定したサイズの画像を作れよという意味だったんですね。書いてるコードの意味を理解せずにコピペだけしてると、こういう時に原因がすぐに分からずダメですね。カスタマイズ後にアップロードした画像なら意図通りのサイズでひょうじされますが、サムネイルのサイズがバラバラなのは格好が悪い。これだと、元画像を引っ張ってきていることになり表示速度にも影響がありそうです。いうことで、対処法はサムネイルの再生成。プラグインを使うことで対応可能です。wordpress.orgまたサムネイルサイズの変更は行うこともありそうなので、メモとして残しておきます。Insightsを確認しながら表示速度の改善を試みる。今必要?サイトをスマホで表示した時の速度を改善中です。iOS9の広告ブロック機能で悲喜こもごも。検索PRプロフィールid:h_kagawa税理士事務所に勤めるウェブ担当者が日々の業務で学んだノウハウを公開するブログです。士業事務所の集客に使えるマーケティングやウェブ制作のノウハウを実際に中で働いているからこそ分かる視点を交えてお伝えします。税理士と会計事務所の転職情報をまとめたサイトを作りました。男の悩みを解決する新しいサイトを作成していますStinger5の一覧サムネイルサイズを変更しても、高さがバラバラな時の対処法iOS9の広告ブロック機能で悲喜こもごも。どんな影響があるんでしょ?少額弁護士保険が話題に。変更するならInMyLog(インマイログ)参加グループインターネット人気ブログランキングへはてなブログをはじめよう!h_kagawaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。