採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマGENSEN:紹介ページ詳細ページを1カラムで表示する方法

Q.紹介ページのサイドコンテンツ(サイドバー)を非表示にしたいです。

GENSENのカスタム投稿「紹介ページ」詳細ページでは、「記事本文等を表示するメインカラム」と「ウィジェットを表示するサイドカラム」を表示する2カラムのレイアウト仕様となっております。

A.下記の方法でご対応ください。

外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。

.single-introduce #side_col { display: none; }
.single-introduce #left_col { width: 100%; }

 
補足)
上記のテーマオプション「基本設定」内のカスタムCSSに入力した内容は全ての紹介ページ詳細ページに対して適用されます。
一部の紹介ページにのみ適用させたいという場合は、以下のいずれかの方法でご対応ください。
 
・記事idのクラス名を用いる方法
bodyタグに付与される「postid-〇」のクラス名を用いて、上記記述を「.postid-〇 .single-introduce…(後略)」という記述に変更してください。(各記事によって〇の数字部分が異なるため、当該記事のみに適用されるようにする)
クラス名を確認する方法としては、デベロッパーツールで適用されているCSSをご確認頂くことなどが考えられます。
Chromeデベロッパーツールの使用方法
 
・紹介ページの記事編集画面にカスタムCSS入力欄を追加する
以下のカスタマイズ事例記事を参照し、紹介ページの記事編集画面にカスタムCSS入力欄を追加します。当該記事編集画面のカスタムCSS欄に入力した内容はその記事のみに適用されます。
TCDテーマGENSEN:カスタム投稿タイプの記事編集画面にカスタムCSS入力欄を追加する方法

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

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

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