物販も可能な店舗サイトをすぐ始められるWordPressテーマ「SALON」
ワードプレステーマ別

カスタムCSS

18
  • Beyond (TCD094)

TCDテーマBeyond:企業情報テーブルの見出しの文字数を増やす方法

Q.企業情報テーブルの見出しが8文字だと改行されてしまうテーマオプションの企業情報テーブルについて、見出し(1列目)が6文字までは改行されないのですが、7文字以上になると改行されてしまいます。8文字まで改行されないように変更することはできますか?A.はい、カスタムCSSで対応可能です

  • BIJOUX (TCD117)

TCDテーマBIJOUX:親メニューのリンク先が空の場合にクリックで誤ってトップへ戻らないようにする方法

Q.リンク先を空にした親メニューが誤ってトップページに戻ってしまうドロワーメニューの親メニューについて、カスタムリンクのURLを空にして文字だけの見出しとして使いたいのですが、空の状態でもクリックするとトップページに遷移してしまいます。誤クリックで意図せずページ移動してしまうのを防ぐことはで

  • SERUM (TCD096)

TCDテーマSERUM:見出しの書体が設定したフォントと違って見える場合の対処法

Q.見出しの書体が設定したフォントに見えないTCDテーマオプションで見出し等に教科書体フォントを設定しているのですが、実際の表示では別のフォントのように見えてしまいます。設定は反映されているはずなのですが、なぜでしょうか。A.文字の太さが原因の可能性がありますフォント自体は正

  • ARTISAN (TCD112)

TCDテーマARTISAN:ヘッダー動画が上下切れる場合に全体を表示させる方法

Q.ヘッダーの動画が上下切れて表示されるトップページのヘッダーに設定した動画(1920×1080)が、上下が切れて縮小されたように表示されます。動画全体を表示させることはできますか?A.はい、カスタムCSSで対応可能ですテーマのデザイン上、ヘッダー枠の縦横比と動画ファイルの縦

  • SERUM (TCD096)

TCDテーマSERUM:PC表示でページ両側の余白を非表示にする方法

Q.PC表示でページ両側の余白をなくしたいページの左右に白い余白が入ってしまいます。PC表示でこの余白をなくすことはできますか?A.はい、カスタムCSSで対応可能です管理画面のTCDテーマ > 基本設定 > カスタムCSSに、下記コードをコピペして保存してください(子テーマを

  • Ankle (TCD092)

TCDテーマAnkle:トップページの商品一覧画像を縦長(4:5)に変更する方法

Q.商品一覧の画像を縦長(4:5)にしたいトップページの商品一覧画像が正方形で表示されますが、縦長(4:5)にすることはできますか?A.はい、カスタムCSSで対応可能ですカスタムCSSを追加することで、トップページの商品一覧画像を縦長(4:5)にアレンジできます。管理

  • BASARA (TCD100)

TCDテーマBASARA:カート追加時のメッセージ・ボタンをカスタマイズする方法

Q.カート追加時のメッセージとボタンを変更したい商品をカートに入れた際にページ上部に表示される「”(商品名)”をお買い物かごに追加しました。」というメッセージに文言を追記したいです。また、あわせて表示される「お買い物かごを表示」ボタンの文言とサイズも変更したいのですが、可能でしょうか?

  • BASARA (TCD100)

TCDテーマBASARA:投稿ページでヘッダーのアイキャッチ画像だけを非表示にする方法

Q.投稿ページのアイキャッチ画像だけを非表示にしたい投稿ページ(個別記事)で、ヘッダーに表示されるアイキャッチ画像だけを非表示にしたいです。一覧ページやページ送りにはアイキャッチ画像を表示したままにしたいのですが、可能ですか?A.はい、カスタムCSSで対応可能ですカスタムCS

  • Cherie (TCD101)

TCDテーマCherie:ヘッダースライダーがスマホ表示で見切れる場合の対処法

Q.ヘッダースライダーがスマホで見切れるトップページのヘッダースライダー(動画)が、スマホで表示すると上下が見切れてしまい、全体を見渡せません。スマホでも正常に表示するにはどうすればよいですか?A.カスタムCSSで縦横比を調整しますカスタムCSSを追加することで、スマホ表示時

  • STORY (TCD041)

TCDテーマSTORY:ロゴのサイズを調整する方法

Q.ヘッダーやフッター、ヘッダーコンテンツの円形ボタンのロゴサイズをCSSで調整したいです。Ver1.16のテーマアップデートでヘッダーロゴ画像の表示領域を調整した関係で、ロゴ画像が大きい、かつメニュー数が多い場合はグローバルメニューが表示されなくなる(改行される)ことがございます。その場合

  • ISSUE (TCD106)

TCDテーマISSUE:デモサイト「スタッフ紹介」のスケジュールコンテンツの作成方法

TCDテーマ「ISSUE」のデモサイトでは、スタッフページにスケジュールコンテンツをつくっています。当記事で、その作成方法を解説いたします。▼該当箇所→ISSUEデモサイト上記のようなスケジュールコンテンツは、HTMLの記述と「カスタムCSS」の機能を用いることで実現可能です。

  • OOPS! (TCD048)

TCDテーマOOPS!:クイックタグの見出しを以前の見出しのデザインに変更する方法

Q.質問内容・アップデート後も以前のデザインの見出しを利用したいです。・見出しをなぞる仕様を維持したまま、旧来のデザインを利用したいです。補足OOPS!のVer1.6.1→2.0アップデートにてクイックタグの仕様が変更になり、見出しや囲み枠が対象のテキストをなぞる(ドラッグ)ことで適

  • REHUB (TCD099)

TCDテーマREHUB:日本地図の各エリアの位置を調整する方法

Q. 日本地図で各エリアのコンテンツ同士が被ってしまう場合がありますが、どうしたら良いでしょうか?▼参考事例上記のように北海道エリアに複数の市町村を設定すると、東北エリアと被ってしまうことがあります。A. 「カスタムCSS」の機能で各所調整可能です。今回は上のパターンのように「北

  • DROP (TCD087)

TCDテーマDROP:サイト全体のフォントファミリーを一括で指定する方法

Q. サイト全体のフォントファミリーを一括で変更できませんか?A. カスタムCSSを使えば可能です。TCDテーマオプションにて、「メイリオ」「游ゴシック」「游明朝」からフォントを変更できますが、反映されない箇所もあります。そこで、サイト全体に独自のフォントが適用されるようなCSSを、カスタム

  • GENSEN (TCD050)

TCDテーマGENSEN:カスタム投稿タイプの記事編集画面にカスタムCSS入力欄を追加する方法

Q.通常投稿(ブログ)と固定ページの記事編集画面にある「カスタムCSS」入力欄をカスタム投稿「紹介ページ」「お知らせ」でも利用したいです。アップデート対応Ver1.15→1.16.1のアップデートで当記事のカスタマイズを行わなくても使用可能になりました。A.下記の方法でカスタマイズしてくださ

  • FAKE (TCD074)

TCDテーマFAKE:カスタムCSSで「>」を反映させる方法

Ver2.4.1のアップデートにて修正しました。Q.カスタムCSSの記述内容に「>」を含めると反映されません。この箇所では入力内容のサニタイズ(無害化)処理を行っているため、記号が出力されてないことと考えられます。万が一、記述ミスや悪意のある記述入力があったとしても(第三者

  • BIRTH (TCD057)

TCDテーマBIRTH:カスタム投稿タイプでもカスタムCSS入力欄を追加する方法

Q.「診療科目」「お知らせ」でも、カスタムCSSを使用したいです。通常のテーマ仕様では、カスタムCSSは「投稿」「固定ページ」のみでご利用頂けます。アップデート対応Ver1.9→1.10のアップデートで当記事のカスタマイズを行わなくても使用可能になりました。A.下記の方法でカスタマイズし

  • NANO (TCD065)

TCDテーマNANO:カスタム投稿タイプでもカスタムCSS入力欄を追加する方法

Q.固定ページやお知らせの記事中で利用できる「カスタムCSS」を会社案内や実績紹介の中で利用する方法はありますか?アップデート対応Ver1.8.2→1.9のアップデートで当記事のカスタマイズを行わなくても使用可能になりました。A.下記のphpファイルの該当箇所を編集します編集するファイル