囲い込みを作ってみた

HOME

囲い込みを今回はつくってみました。

どんなのかというとこんなのです。
いちいちHTMLで打ち込むのは面倒くさいので
addquicktagというプラグインを使用してます。
テーマによってGutenbergが標準になっているので
旧エディターを使用したい場合は下記の2通りで変更を
使用しているコピペ用コードは最後に書いておきます。
①【全部を旧エディターにする】COCOONでの旧エディターへの戻し方は下記

②【特定のブロックのみを旧エディターにする】

 

 
では次よりaddquicktagを導入していきますが何故か
このまま打ち込むと出ないので【quicktag】と入力しましょうw

設定画面です。
赤く囲ってある部分は必須項目です。
ボタンのラベル名:任意
開始タグと終了タグ:囲い込みに必要なコードを入力しましょう。
右のチェック欄:クイックタグを表示する場所となります。
一番右をチェックすれば全部にチェックがつきます。



これで準備は完了、実際に使ってる感じは下記です。
囲いたい部分の文字や画像を選択して自分で作ったものを選択するだけ。
今回は【囲い込み緑】を作成しているのでそれを利用

 
もしQuicktagsが表示されない場合はクラシック表記にしてから下記をクリック

今回使用したコードおいておきます。

【開始タグ】

<div style="display:inline-block;background: #ffffea; padding: 15px; border: 2px solid #99cc00; border-radius: 10px; word-break: break-all;">

 

細かい説明は省略しますが#ffffeaが色の部分になりますので
自分の好きなカラーコードを入力してください。

【終了タグ】

</figure></div>

 

スポンサーリンク

コメント

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