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

カラム(列)ブロックの設定項目・方法?

 | 

タイトル・段落のColumの編集では、背景色や枠線等の編集を行うことができます。「ウィジェットメニュー」より、タイトル・段落のウィジェットを追加し、「Colum」をクリックします。

画面編集用ダイアログが表示されます。

 

カラム数
表示サイズの編集を行えます。
背景色
背景色の編集を行えます。
テキスト色
テキスト色の編集を行えます。
表示形式
表示形式の編集を行えます。
Border Size
枠線のザイズの編集を行えます。
Border Style
枠線の種類の編集を行えます。
枠線色
枠線色の編集を行えます。

 

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を保存してください。

カラム数

表示サイズの編集を行えます。

 

画像編集ダイアログ内「カラム数」の「選択枠▼」をクリックするとカラム数を選択できます。

最大12カラムなので、1~12内で指定してください。

 

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を保存してください。

例として「6」を設定します。

背景色

背景色の編集を行えます。

 

画像編集ダイアログ内「背景色」の「選択枠」をクリックすると背景色の編集ができます。

カラーは#000000のように入力するか、入力EDITをクリックすると表示される「カラーピッカー」で選択してください。

 

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を保存してください。

 

例として「#18bc9c」を設定します。

テキスト色

テキスト色の編集を行えます。

※タイトル・段落の「編集」からも行えます。

 

画像編集ダイアログ内「テキスト色」の「選択枠」をクリックするとテキスト色の編集ができます。

カラーは#000000のように入力するか、入力EDITをクリックすると表示される「カラーピッカー」で選択してください。

 

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を保存してください。

 

例として「#2c3e50」を設定します。

表示形式

表示形式の編集を行えます。

 

画像編集ダイアログ内「表示形式」の「選択枠▼」をクリックすると表示形式の編集ができます。

「四角・角丸」から選択してください。

 

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を保存してください。

 

例として「角丸」を設定します。

Border Size

枠線のサイズの編集を行えます。

 

画像編集ダイアログ内「Border Size」の「選択枠」をクリックするとBorder Sizeの編集ができます。

サイズはpx(画素数)にて設定を行います。

 

Border Style

枠線の種類の編集を行えます。

 

画像編集ダイアログ内「Border Style」の「選択枠▼」をクリックすると枠線の種類の編集ができます。

「solid・dotted・dashed・double・groove・ridge・inset・outset」から選択してください。

 

枠線色

枠線色の編集を行えます。

 

画像編集ダイアログ内「枠線色」の「選択枠」をクリックすると枠線色の編集ができます。

カラーは#000000のように入力するか、入力EDITをクリックすると表示される「カラーピッカー」で選択してください。

 

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を保存してください。

 

例として、

Border Size (px)「5」

Border Style「solid]

枠線色「#2c3e50」

を設定します。