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

独自のスタイル（css）はwelukaテーマ内のstyle.cssを直接編集せずに独自CSSに設定することができます。今回はその方法を２通り解説します。

※テーマアップデート時にテーマファイルはすべて更新される為、独自にスタイルを追加したい場合はテーマ内のstyle.cssではなく、本設定に登録してください。

welukaで作成するページ全てに共通して使えるcssを設定します。

①Welukaメニュー内「Weluka テーマ設定」を開きます。

②Welukaテーマ設定ページ内にある「Custom Css」に、今回は例として下記の独自CSSを入力します。

.red-text { font-size:30px; color:#ff0000; }

③変更を加えた場合は必ず「保存」を押して終了します。

welukaで作成するページ毎にcssを設定します。

①Custom Cssを加えたいページの歯車アイコンをクリックして「Page Setting」を開きます。

②「Css」に、今回は例として下記の独自CSSを入力します。

.red-text { font-size:30px; color:#ff0000; }

③変更を加えた場合は必ず「保存」を押して終了します。

※複数のクラスを設定したい場合は各クラス間を半角スペースで区切り入力してください。

例）class1 class2 class3

①編集ページのウィジェットから段落コンテンツをクリック＆ドラッグで配置します。

②レンジアイコンをクリックしてテキスト設定の高度な設定を開きます。

③Css SelectorsのClassに今回は例として設定した「red-text」と入力します。

④変更を加えた場合は必ず「保存」を押して終了します。

ちなみに今回は「フォントサイズを30px、テキストカラーを#ff0000（赤色）」に設定しているので、このようになります。