「WordPressサイト制作を簡単にする国産サイトビルダー weluka:ウェルカ」テクニカルブログ

welukaテーマ(テンプレート)、固定id・classについて

welukaテーマ(テンプレート)で設定している、要素id・class名です。Custom CSSでスタイル変更する際にご利用ください。

(更新中)

サイトヘッダー

id・class名 説明 備考
#weluka-main-header サイトヘッダーのメインラッパー id  
.weluka-parallax サイトヘッダーのメインラッパー class 「#weluka-main-header.weluka-parallax」
ワンページ(シングルページ)の際に設定されます。
.weluka-custom-header サイトヘッダーのメインラッパー class 「#weluka-main-header.weluka-custom-header」
カスタムヘッダーの際に設定されます。
.wrapper weluka標準サイトヘッダーのラッパー class 「#weluka-main-header > .wrapper」、上下パッディング(2em)が設定されています。カスタムヘッダーの場合は設定されません。
.weluka-builder-content カスタムヘッダーのラッパー class 「#weluka-main-header > .weluka-builder-content」
weluka標準サイトヘッダーの場合は設定されません。

メインコンテンツ

id・class名 説明 備考
#main メインコンテンツ、サイドバーのラッパー id  
#main-content メインコンテンツのメインラッパー class #main-contentにはテーマカラータイプにより標準で上下パディング(2~3em)が設定されています。
.weluka-parallax サイトヘッダーのメインラッパー class 「#main-content.weluka-parallax」ワンページ(シングルページ)の際に設定されます。
.page-title 投稿・ページタイトルclass  
.entry 固定ページ等で作成したコンテンツのラッパー class 「#main-content > .entry」 .entryにはテーマカラータイプにより標準で上下パディング(20px)が設定されています。
.weluka-builder-content ビルダーコンテンツのラッパー class 「.entry > .weluka-builder-content」

サイドバー

id・class名 説明 備考
#weluka-leftside 左サイドバーのメインラッパー id  
#weluka-rightside 右サイドバーのメインラッパー id  
.weluka-builder-content ビルダーコンテンツのラッパー class 「#weluka-leftside > .weluka-builder-content」
「#weluka-rightside > .weluka-builder-content」
weluka標準サイドバーの場合は設定されません。

サイトフッター

id・class名 説明 備考
#weluka-main-footer サイトフッターのメインラッパー id  
.wrapper weluka標準サイトフッターのラッパー class 「#weluka-main-footer > .wrapper」、上下パッディング(2em)が設定されています。カスタムフッターの場合は設定されません。
#footer-nav 標準フッターナビゲーションのラッパー id カスタムフッターの場合は設定されません。
.weluka-parallax サイトフッターのメインラッパー class 「#weluka-main-footer.weluka-parallax」
ワンページ(シングルページ)の際に設定されます。
.weluka-custom-footer サイトフッターのメインラッパー class 「#weluka-main-footer.weluka-custom-footer」
カスタムフッターの際に設定されます。
.weluka-builder-content ビルダーコンテンツのラッパー class 「#weluka-main-footer > .weluka-builder-content」
weluka標準フッターの場合は設定されません。
.copyright 標準フッターのコピーライト class