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

ワードプレステーマ別

アイキャッチ

82
  • Bloom(TCD053)

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

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

  • LOTUS(TCD039)

TCDテーマLOTUS:投稿のアイキャッチ画像をオリジナルサイズで表示する方法

Q.投稿のアイキャッチ画像が縦長の場合、切り取られてしまいます。すべて表示できませんか?▼変更箇所イメージ(約1000 x 1600ピクセルサイズの画像をアップロードした例)A.下記のコード修正で変更可能です。LOTUSテーマでは、アップロードした画像ファイルをいくつかの

  • FORCE(TCD078)

TCDテーマFORCE:ヘッダー下ブログカルーセルの正方形サムネイル画像をフルサイズで表示させる方法

Q.ヘッダー下のブログカルーセルスライダーの正方形サムネイルに登録しているアイキャッチ画像が見切れない様にする方法はありますか?▼該当箇所通常は上記のようにアイキャッチ画像が正方形に切り取られて表示されています。A.テーマファイルのカスタマイズとカスタムCSSの機能を用い

  • SERUM(TCD096)

TCDテーマSERUM:お知らせのアイキャッチ画像を非表示にする方法

Q.カスタム投稿「お知らせ」をアイキャッチ画像を使わずに使用したいです。お知らせアーカイブ(お知らせ一覧)ページ、お知らせ記事詳細ページ、お知らせ記事ページ内のお知らせ一覧でアイキャッチ画像を非表示にする方法をご案内します。なお、この記事ではアイキャッチ画像の出力自体は行われているものの、CSS

  • CODE.(TCD090)

TCDテーマCODE.:ブログ詳細ページでアイキャッチ画像をフルサイズで表示させる方法

Q.ブログ記事詳細ページのアイキャッチ画像の画質が落ち、少しトリミングされています。フルサイズでアイキャッチ画像を表示させたいです。ブログ記事に設定出来るアイキャッチ画像の推奨サイズは「横幅:884px 縦幅:600px」となってございます。これより大きいサイズの画像を設定した場合、ブログ記事詳

  • HAKU(TCD080)

TCDテーマHAKU:ブログアーカイブ・カテゴリーアーカイブでアイキャッチ画像をフルサイズで表示する方法

Q.ブログ一覧と記事詳細ページでアイキャッチ画像の画質が異なるように感じます。ブログ一覧ページのアイキャッチ画像はテーマでトリミング処理されて表示されております。オリジナルサイズで表示してCSSで表示サイズを調整するということも考えられますが、その場合、設定される画像や1ページに表示する記事の数

  • TENJIKU(TCD091)

TCDテーマTENJIKU:お知らせ一覧・詳細ページでアイキャッチ画像を非表示にする方法

Q.カスタム投稿「お知らせ」のアーカイブ・記事詳細ページでアイキャッチ画像を非表示にしたいのですが、可能ですか?▼お知らせアーカイブページの変更後イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。実現されたい内容に合

  • CURE(TCD082)

TCDテーマCURE:お知らせ一覧ページと詳細ページの「お知らせ一覧」でアイキャッチ画像を非表示にする方法

Q.カスタム投稿「お知らせ」のアーカイブページと詳細ページのお知らせ一覧でアイキャッチ画像を非表示にすることは出来ますか。お知らせ記事詳細ページのアイキャッチ画像は「TCDテーマ > お知らせ > 詳細ページ > 表示設定」の『アイキャッチ画像を表示する』のチェックを外すことで

  • Rebirth(FREE001)

TCDテーマRebirth:記事一覧のアイキャッチ画像の枠線をなくす・色を変更する方法

Q.トップページやカテゴリーアーカイブでブログ記事のアイキャッチ画像に表示される枠線をなくしたいです。記事詳細ページのアイキャッチ画像については以下の記事をご参照ください。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。・枠線をなくす

  • Rebirth(FREE001)

TCDテーマRebirth:投稿ページでアイキャッチ画像を非表示にする方法

Q.ブログ詳細ページでアイキャッチ画像を非表示にしたいです。画像部分の出力自体はされておりますが、見た目上非表示にする方法をご紹介します。A.下記の方法でご対応ください。記述を以下のどちらかに入力してください。・TCDテーマ>基本設定のカスタムCSS(サイト全体のブログ記事に適用)

  • Precious(TCD019)

TCDテーマPrecious:サムネイルを記事の詳細ページに表示しない設定にしていても、スマホ表示時、ブログアーカイブページでアイキャッチ画像を表示させる方法

Q.質問内容外観>テーマオプション>基本設定>各項目の表示設定で「サムネイルを記事の詳細ページに表示する」のチェックを外すと、スマホ表示時、ブログアーカイブページでもアイキャッチ画像が表示されなくなります。この設定をしていてもスマホ表示時、ブログアーカイブページでアイキャッチ画像を表示させる方法

  • Rebirth(FREE001)

TCDテーマRebirth:ブログ記事ページのアイキャッチ画像の枠線をなくす・色を変更する方法

Q.記事ページアイキャッチ画像の「縁取り」を無くしたいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSS(サイト全体に適用)または各記事編集画面のカスタムCSS(特定の記事のみに適用)に入力してください。・枠線をなくす・枠線の色

  • AMORE(TCD028)

TCDテーマAMORE:トップページ第4ブロックのアイキャッチ画像のサイズを変更する方法方法

Q.トップページ第4ブロックに表示される記事のアイキャッチ画像を大きくすることは可能ですか。▼変更箇所イメージA.該当のファイルを下記の方法でカスタマイズしてください。1. 表示したいサイズを追加する編集するファイル: テーマのための関数 (functions.p

  • SOLARIS(TCD088)

TCDテーマSOLARIS:企業情報カスタム投稿タイプの詳細ページで、アイキャッチ画像を非表示にする方法

Q.企業情報カスタム投稿タイプの詳細ページで、アイキャッチ画像を非表示にすることはできますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定>カスタムCSSに下記CSSをご入力ください。

  • ONE(TCD061)

TCDテーマONE:スマホ表示時のアイキャッチ画像のサイズを変更する方法

Q.PC表示時はアイキャッチ画像全体が表示されますが、スマホ表示時は画像の左右が切れた状態で表示されます。スマホ表示時でも、PC表示時のようにアイキャッチ画像全体を表示することはできますか?▼変更箇所イメージA.詳細ページのアイキャッチ画像は、テーマの仕様で設定頂いた画像

  • FAMOUS(TCD064)

TCDテーマFAMOUS:トップページのABOUTアイキャッチ画像を四角形に変更する方法

Q.トップページ コンテンツビルダーの「テキスト+円形画像3点+テキスト」のアイキャッチ画像を円形から正方形に変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力ください。

  • GENSEN(TCD050)

TCDテーマGENSEN:アイキャッチ画像にキャプションを表示させる方法

Q.質問内容アイキャッチ画像として設定した画像に記述したキャプションを表示させることは出来ますか。▼変更箇所イメージA.下記の方法で対応してください。①テーマファイルの編集管理画面【外観】→【テーマエディター】より、該当のファイルを下記の方法でカスタマイズ

  • Switch(TCD063)

TCDテーマSwitch:トップページ・ブログ一覧ページ・詳細ページのアイキャッチ画像を非表示にする方法

Q.ブログのサムネイル画像を非表示にするにはどうすれば良いのでしょうか。Switchのブログ記事のアイキャッチ画像につきましては、画像左上にコンテンツを重ねるようなレイアウトにて投稿日付を表示しております。画像のみを非表示にすることはCSSの調整にて容易かと存じますが、この投稿日付部分につい

  • EVERY(TCD075)

TCDテーマEVERY:固定ページにアイキャッチ画像を設定し、任意のOGP画像として適用させる方法

Q.固定ページをSNSに貼り付けた際表示される画像に個別に設定したアイキャッチ画像を反映させるにはどうすればよろしいでしょうか?EVERYの固定ページにはアイキャッチ画像の設定項目を表示しない仕様となっております。また、固定ページではテーマオプション(TCDテーマ>サイト基本設定>Faceb

  • HEAL(TCD077)

TCDテーマHEAL:スタッフで縦長画像を表示する方法

Q.「スタッフ」でセラピストさんの写真に縦長の画像を設定したいです。申し訳ございませんが、カスタム投稿「スタッフ」(デモサイトでは「セラピスト」)のアーカイブページ、詳細ページにおいて、テーマ仕様ではセラピスト画像(アイキャッチ画像)は縦長の画像を設定した場合も正方形で表示される仕様となっており

  • AGENT(TCD033)

TCDテーマAGENT:ブログ記事詳細ページでアイキャッチ画像を非表示にする方法

Q.各投稿記事で上部に表示されているアイキャッチ画像を非表示にしたいです。テーマによってはテーマオプションからアイキャッチ画像を非表示に設定することが可能ですが、恐れ入りますが、AGENTではカスタムCSSにてご対応頂く必要がございます。▼変更箇所イメージA.下記の方

  • EVERY(TCD075)

TCDテーマEVERY:レシピ詳細ページでアイキャッチ画像をスライダーに表示させない方法

Q.質問内容レシピ詳細ページでは、アイキャッチに設定した画像もメインコンテンツの画像と一緒にスライダー内に表示されますが、アイキャッチ画像はスライダーに表示させないようにすることはできますか。A.管理画面【外観】→【テーマエディター】より、下記に記載している箇所を削除して表示

  • Agenda(TCD059)

TCDテーマAgenda:活動報告のアイキャッチ画像を非表示にする方法

Q.「活動報告」のアイキャッチ画像を表示しない方法を教えてください。恐れ入りますが、テーマオプションなどからは表示/非表示をお選び頂けない仕様となっております。活動実績については下記の記事をご参照ください。→TCDテーマAgenda:活動実績のアイキャッチ画像を非表示にする方法A.下

  • Agenda(TCD059)

TCDテーマAgenda:活動実績のアイキャッチ画像を非表示にする方法

Q.「活動実績」のアイキャッチ画像を表示しない方法を教えてください。恐れ入りますが、テーマオプションなどからは表示/非表示をお選び頂けない仕様となっております。活動報告については下記の記事をご参照ください。→TCDテーマAgenda:活動報告のアイキャッチ画像を非表示にする方法A.下

  • BLOC(TCD035)

TCDテーマBLOC:商品ページのアイキャッチ画像を小さく表示する・非表示にする方法

Q.商品詳細ページでアイキャッチ画像を小さく表示させる方法を教えて下さい。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。・横幅を小さく、かつ中央に表示する★を任意の横幅の数値に変更ください。・ア

  • FAKE(TCD074)

テーマ共通:固定ページのアイキャッチ画像をOGP画像として使用する方法

Q.固定ページに設定したアイキャッチ画像をOGP画像に使用したいです。通常、固定ページのOGP画像にはテーマオプションで設定した画像が使用される仕様となっております。固定ページの編集画面にアイキャッチ画像の設定項目がない場合は、下記のカスタマイズ事例記事をご参照ください。