「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

サムネイル

16
  • Bloom(TCD053)

TCDテーマBloom:記事一覧ページのサムネイル画像を横長に変更する方法

Q.サムネイル画像が正方形なので画像が切り取られてしまいます。▼元の画像(1000×690ピクセル) → 実際の表示A.下記の方法でカスタマイズしてください。Bloomテーマでは、投稿記事にアップロードしたアイキャッチ画像(記事一覧ページではサムネイル画像として使用)を、

  • Precious(TCD019)

TCDテーマPrecious:商品のアイキャッチ非表示方法

Q.商品一覧で、サムネイルは表示したままアイキャッチ(スライダー)を非表示にしたいのですが可能ですかこちらはスライダーの一部ではなく、スライダーを全体的に非表示にする方法です。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプシ

  • Canvas(TCD017)

TCDテーマCanvas:記事ページのアイキャッチ画像が小さかった場合に拡大して表示される

Q.記事ページのアイキャッチ画像が小さかった場合に拡大して表示されるのを解除したいデフォルトでは、デザインを優先し、横幅いっぱいに合わすようにwidth100%に設定しているため、記事ページのアイキャッチ画像が小さかった場合は、アイキャッチ画像が拡大して表示されます。それを、横幅いっぱいでなくて

  • Precious(TCD019)

TCDテーマPrecious:「商品」ページにアイキャッチを設定する方法

Q.カスタム投稿タイプ「商品」ページの投稿にアイキャッチを入れたい特に商品ページを「関連記事カードリンク」で設定したいときにアイキャッチを入れなければサムネイル部分が「No image」となります。A.下記のphpファイルの該当箇所を編集します編集するテーマファイル:functi

  • MAG(TCD036)

TCDテーマMAGのフッター記事一覧でアイキャッチ画像が表示されないように設定する方法

Q.フッター記事一覧でアイキャッチ画像が設定されていない記事を省きたいフッター記事一覧でアイキャッチ画像が設定されていない記事は「NO IMAGE」と表示されるので、アイキャッチ画像が設定されていない記事を表示しないようにする方法です。A.下記のPHPファイルの該当箇所を編集します

  • LUXE(TCD022)

TCDテーマLUXE:リンク画像のホバーエフェクトを無効にする

Q.リンク画像のホバーエフェクトを無効にしたいリンク画像にマウスを乗せたときに色が変わりますが、このホバーエフェクトを無しにする方法を教えてください。A.下記のcssファイルの該当箇所を削除してください編集するファイル:style_pc.css編集する箇所:

  • テーマ共通

スマホでスライダー画像やアイキャッチ画像が表示されないとき

Q.スマホでサイトを見たときに表示されていない画像があるのですが?PCでは問題なく表示されている画像がスマートフォンで見ると表示されていません(枠と画像のファイル名のみ表示されている状態)。何が原因でしょうか。A.画像のファイル名が原因である可能性がありますスマートフォンで閲覧時、特

  • LUXE(TCD022)

TCDテーマLUXE:トップページのおすすめ記事のサムネイルを非表示にする

Q.トップページのおすすめ記事一覧のサムネイルを非表示にしたいトップページに6件表示されているおすすめ記事一覧について、アイキャッチ画像を登録することが無いのでサムネイルを非表示にする方法を教えてください。A.下記のphpファイルの該当箇所を編集(削除)します編集するファイル:ind

  • Precious(TCD019)

TCDテーマPrecious:アイキャッチ画像のサイズを調整する

Q.記事ページに表示されるアイキャッチ画像のサイズを変更したい記事ページのアイキャッチ画像が大きすぎるので、小さく表示する方法を教えてください。A.下記の手順でアイキャッチ画像のサイズを調整します①アイキャッチ画像の生成サイズを調整するアイキャッチ画像はオリジナル画像を指定のサイ

  • CORE(TCD027)

TCDテーマCORE:トップページのタブ記事内のサムネイル上に表示される「NEW」の文言変更

Q.タブ内のサムネイル上に表示される「NEW」を変更したいタブ内のサムネイル上に「NEW」という文言が表示されますが、変更する方法を教えてください。また、非表示にする方法も併せてお願いします。A.下記のcssファイルの該当箇所を編集または削除(非表示)します編集するファイル:styl

  • LUXE(TCD022)

TCDテーマLUXE:サムネイルのホバーエフェクトをモノトーンから透明に変更する

Q.サムネイルのホバーエフェクトのモノトーンを変更したいデフォルトのホバーエフェクトはモノトーン(白黒)ですが、これを透明に変更する方法を教えてください。A.下記のcssファイルの該当箇所を編集してください編集するファイル:style_pc.css編集する箇所:変更前

  • CORE(TCD027)

TCDテーマCORE:サムネイルの縦横比率の調整をする方法

Q.サムネイルの歪みを修正したい他テーマからCOREに切り替えたところ、サムネイルが上下や左右にひずんで表示が崩れてしまいました。サムネイルサイズを一括変更するプラグインもありますが、サイズを変更するというより、ひずみを解消する方法はありますか?A.下記のcssファイルの該当箇所を編

  • INNOVATE HACK(TCD025)

TCDテーマINNOVATE HACKのトップページ記事一覧のサムネイルのサイズを調整する

Q.トップページ記事一覧のサムネイルが小さいのでもう少し大きく表示したい記事一覧のサムネイル画像が正方形(130px角)で構成されていますが、あまり目立たないのでサイズを変更することは可能でしょうか。A.下記のcssファイルの該当箇所を編集します編集するファイル:style.cs

  • logue(TCD020)

TCDテーマLogueのスマホ閲覧時の表示速度が遅いとき

Q.スマホ閲覧時のサムネイルの表示速度が遅いのですがスマートフォンでのトップページのアイキャッチ画像の表示速度が遅いと感じます。デスクトップでは問題無いのになぜスマホだけ遅いのでしょうか?特にiPhoneよりもAndroidスマートフォンで顕著にでます。ブログの購読者の多くはスマートフォンか