お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマLAW：スマホ表示でMENUやSIDEBARエリアの背景色を変更する

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スマホ表示の際のサイドエリアの背景色や文字色を変更したい

スマホ表示のフッターメニュー「MENU」や「SIDEBAR」を押したときに展開するエリアの背景色の変更方法を教えてください。

A.下記コードをテーマオプションのカスタムCSSへ記述します

/* 右のウィジェットエリア背景色 */
body.mobile_device #side_col {
  background:#●●●;
 }

/* 左のメニューエリア背景色 */
body.mobile_device #navi {
background:#●●●;
}

この記事は役に立ちましたか？

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！

TCDテーマChill：記事ページに表示されるアイキャッチ画像を削除する 前の記事 TCDテーマSWEETY：スマホ表示でトップページの商品一覧に表示される商品数を任意に設定する 次の記事

同じテーマのカスタマイズ記事

  • LAW (TCD031)

TCDテーマLAW：スマホ表示の記事ページでアイキャッチ画像を表示させる

Q.スマホの記事ページでアイキャッチ画像が表示されないのですが？PCではアイキャッチ画像が表示されますが、スマホではヘッダー画像のみの表示で、アイキャッチが表示できません。A.下記のphpファイルの該当箇所を編集しますスマホ表示の記事ページではアイキャッチ画像を表示しない仕様ですが、

tcd
  • AGENT (TCD033)

TCDテーマAMORE・LAW・AGENT他：ロゴ画像をretinaディスプレイ対応にする（カスタムCSS使用）

Q.ロゴ画像をretinaディスプレイ対応にする方法ヘッダーロゴ、フッターロゴの画質がretinaディスプレイで粗くなるので、retinaディスプレイでも高解像度で表示する方法を教えてください。A.カスタムCSSに下記コードを追加することでretinaディスプレイ対応が可能です1)ダ

tcd
  • LAW (TCD031)

TCDテーマLAW：スタッフ詳細ページで表示されるスタッフの数を変更する方法

Q.各スタッフ詳細ページの下に表示される他のスタッフの数を調整する方法を教えてください。この箇所は、テーマ側では表示数を変更頂くオプション項目を設けておらず、すべてのスタッフが表示される仕様となっております。▼変更箇所イメージA.下記の方法でカスタマイズしてください。

RM