ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

サムネイル画像

26
  • GLAMOUR (TCD073)

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

Q.ブログアーカイブページの各記事のアイキャッチ画像をフルサイズで表示させることはできますか?▼該当箇所イメージA.テーマファイルのカスタマイズで対応できます該当テーマファイル:template-parts/archive.php該当箇所:28行目▼修正前

  • SOLARIS (TCD088)

TCDテーマSOLARIS:タブコンテンツに縦長の画像を表示する方法

Q.タブコンテンツの画像サイズが500×500ピクセルで切り取られます。縦長の画像を表示できますか?▼750 x 1050 ピクセルの画像の例A.下記の方法でカスタマイズしてください。SOLARISテーマでは、アップロードした画像をあらかじめいくつかのサイズにリサイズ(サイズ

  • Bloom (TCD053)

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

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

  • FORCE (TCD078)

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

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

  • SERUM (TCD096)

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

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

  • Rebirth (FREE001)

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

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

  • Rebirth (FREE001)

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

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

  • テーマ共通

テーマ共通:スマートフォン表示時、記事内の動画のサムネイルを表示する方法

Q.スマートフォン表示時に記事内の動画のサムネイルが表示されません。WordPressの仕様により、iOS(iPhone)端末でのサイト表示時は、動画のサムネイルが表示されない仕様となっております。A.下記の方法でカスタマイズしてください。編集するファイル: pagebuilder/mo

  • DIVA (TCD066)

TCDテーマDIVA:スケジュール一覧ページでサムネイル画像とスケジュールタグを非表示にする方法

Q.スケジュールアーカイブ(一覧)ページで、アイキャッチ画像とスケジュールタグを非表示にしたいです。詳細ページでは、TCDテーマ>スケジュール>詳細ページの設定>表示設定からサムネイル画像・スケジュールタグの表示/非表示を設定頂けます。▼変更後のイメージ  →変更前のデモサイ

  • ICONIC (TCD062)

TCDテーマICONIC:トップページのブログコンテンツでアイキャッチ画像を非表示にする方法

Q.トップページのブログですが、写真を非表示にすることは可能でしょうか?トップページのブログ記事一覧ではアイキャッチ画像(サムネイル画像)を表示する仕様となっており、テーマオプションでは非表示にする設定項目を搭載しておりません。▼変更後のイメージA.下記の方法でご対応

  • AGENT (TCD033)

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

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

  • Precious (TCD019)

TCDテーマPrecious:商品ページのサムネイル画像の大きさを変更する方法

Q.商品ページのサムネイル画像のサイズも変更したいです。メインの商品画像のサイズ変更は下記の記事をご参照ください。→ TCDテーマPrecious:商品画像サイズを変更する方法下記のカスタマイズ内容は、既に投稿した記事には反映されません。既に投稿された記事にカスタマイズ内容を反映

  • ORION (TCD037)

TCDテーマORION:お知らせ詳細のページリンクでアイキャッチ画像を非表示にする方法

Q.カスタム投稿お知らせ記事詳細ページで、前の記事/次の記事のアイキャッチ画像を非表示にしたいです。お知らせ記事のみ前後投稿へのリンクに画像を持たせないようにする(記事タイトルのみにする)方法をご案内します。▼変更箇所イメージA.下記の方法でご対応ください。外観>

  • ICONIC (TCD062)

TCDテーマICONIC:トップページのカルーセルスライダーのサムネイル画像表示サイズを変更する方法

Q.トップページのカルーセルスライダーの画像表示サイズを変更したいです。下記のカスタマイズはトップページの全ての「カルーセルスライダー」コンテンツに適用されます。カルーセルスライダーでは商品記事一覧もしくはブログ記事一覧を表示しますが、ブログ記事は「ブログ」コンテンツで表示させるなどご検討くださ

  • Switch (TCD063)

TCDテーマSwitch:サムネイル画像上に表示される「インタビュイーの名前」にリンクを設定する方法

Q.カスタム投稿タイプ「インタビュー」で、サムネイル画像左上の三角形の部分に表示される「インタビュイーの名前」にリンクを設定したいA.下記の方法でカスタマイズしてください。1. トップページ編集するファイル: front-page.php編集する箇所: 196行目 ↓

  • ICONIC (TCD062)

TCDテーマICONIC:商品一覧の商品サムネイル画像の表示サイズを変更する方法

Q.商品一覧ページで商品画像が正方形にトリミングされて表示されるのですが、縦に長い画像に変更したいです。A.下記にてご対応ください。出力される画像サイズを調整するCSSを調整する1. 出力される画像サイズを調整するテーマ仕様では、商品画像は「横:500px 縦:500

  • SKIN (TCD046)

TCDテーマSKIN:「お知らせ」「キャンペーン」の記事詳細ページでサムネイル画像を非表示にする方法

Q.通常投稿(ブログ)だけでなく、カスタム投稿タイプ「お知らせ」「キャンペーン」でも記事詳細ページのサムネイル画像を非表示したい。A.下記のファイルをカスタマイズしてください。基本的には画像が設定されていない場合は表示されませんが、下記の方法ではテーマファイルの画像の出力部分を削除しています

  • MAG (TCD036)

TCDテーマMAG:トップページのアイキャッチ画像を小さく表示する方法

Q.トップページ・カテゴリーアーカイブの記事サムネイル画像をもう少し小さく表示したい。A.下記の方法でご対応ください。以下を外観>TCDテーマオプション>カスタムCSSに入力して調整してください。それぞれ〇を任意の数値に変更してください。補足「~.image」は画像の

  • ORION (TCD037)

TCDテーマORION:ブログ一覧のサムネイル画像を正方形で表示する方法

Q.トップページのブログコンテンツとブログアーカイブページで、記事のアイキャッチ画像を正方形の表示に変更したい。▼変更後のイメージ(トップページのブログコンテンツ)   変更前:ORIONデモサイトA.下記の方法でカスタマイズしてください。上記の箇所では、アイキャッチ画像が【

  • CORE (TCD027)

TCDテーマCORE:記事ページのアイキャッチ画像の画質を調整する方法

Q.「小さいアイキャッチ画像」が引き伸ばして表示されて画質が荒くなるのを防ぎたい。画像がメインカラム幅(660px)に引き伸ばされるので、CSSで調整します。サイト内の全記事に反映させたい場合:外観>TCDテーマオプション>基本設定のカスタムCSSに入力特定の記事のみに反映させたい場

  • BlogPress(TCD010)

スマホ表示のトップページ記事一覧のスタイルの調整

Q.スマホでの記事ページのスタイルを調整したいスマホ表示のアイキャッチ画像の大きさ、位置の調整、説明文の文字の大きさ、行間の調整について教えてください。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_sp.css編集する箇所:アイキャッチ画像の