Cocoon段落ブロックに【ボーダー設定】【スタイル設定】

Cocoon
記事内に広告が含まれています。
管理人
管理人

Cocoon 2.6.1へのバージョンによって、段落ブロックから【ボーダー設定】と【スタイル設定】を選択できるようになりました。

どんなことができるか紹介していきます。

あきら
あきら
この記事を書いた人

・ライブ参戦300回以上
・30代パパ
・親子でフェス参戦
・会社員しながらブログ
・Webサイトいじるの好き

Cocoon段落ブロックに【ボーダー設定】【スタイル設定】

WordPressテーマCocoonで段落ブロックに【ボーダー設定】と【スタイル設定】の使い方と、どんな種類があるのかを紹介します。

使い方

段落を表示させます。

下記画像の赤枠をクリックします。

「ボーダー設定」から使用したいボーダーを選びます。

「スタイル」から使用したいスタイルを選びます。

ボーダーの種類

実線

実線

二重線

二重線

破線

破線

点線

点線

薄太

薄太

微凸

微凸

実線(角丸小

実線(角丸小)

二重線(角丸小)

二重線(角丸小)

破線(角丸小)

破線(角丸小)

点線(角丸小)

点線(角丸小)

薄太(角丸小)

薄太(角丸小)

微凸(角丸小)

微凸(角丸小)

実線(角丸大)

実線(角丸大)

二重線(角丸大)

二重線(角丸大)

破線(角丸大)

破線(角丸大)

点線(角丸大)

点線(角丸大)

薄太(角丸大)

薄太(角丸大)

微凸(角丸大)

微凸(角丸大)

スタイルの種類

薄背景

薄背景

ストライプ

ストライプ

方眼紙

方眼紙

チェック

チェック

ステッチ

ステッチ

かぎ括弧

かぎ括弧

角括弧

角括弧

交差線

交差線

ずれた二重線

ずれた二重線

角三角

角三角

クリップ

クリップ

ホチキス

ホチキス

ホチキス左上

ホチキス左上

穴あけパンチ

穴あけパンチ

手書き風

手書き風

上線

上線

付箋

付箋

左吹き出し

左吹き出し

右吹き出し

右吹き出し

上吹き出し

上吹き出し

下吹き出し

下吹き出し

情報

情報

質問

質問

アラート

アラート

メモ

メモ

コメント

コメント

OK

OK

NG

NG

グッド

グッド

バッド

バッド

プロフィール

プロフィール

【ボーダー】×【スタイル】

ボーダーとスタイルを合わせて使うこともできます。

点線×薄背景

点線×薄背景

二重線(角丸大)×チェック

二重線(角丸大)×チェック

微凸(角丸小)×方眼紙

微凸(角丸小)×方眼紙

SHIFT + エンター 

文字を入力して、
段落を新しくすると空白の部分ができて一つ一つの枠になってしまいます。

段落の中で、「SHIFT」+「エンター」で改行ができます。

改行なら、枠が広がっていきます。

Cocoonで簡単にボーダー、スタイルの設定ができるようになりました。

コメント

タイトルとURLをコピーしました