ブログネタ

クラシックエディタ タグ見本② ボックスデザイン

タグ見本②ボックスデザイン
スポンサーリンク
こたすけ
こんにちは!ブログを始めて1か月半のこたすけです。

クラシックエディタのタグって、

種類が豊富でいつも迷っちゃいます。

ボックスデザインもそのまま使えるものがいっぱいあって便利ですよね。

この記事では、タグ挿入時のデフォルトの見本を載せてます。

タグ内のコードを変更したり組み合わせて使用することで、

オリジナルのボックスデザインにすることも可能です。

お気に入りのボックスデザインを見つけてみてくださいね。

こんな方におすすめ

  • ワードプレス初心者の人
  • 一つ一つ試している時間がもったいない人、一覧を見たい人
  • 普段同じタグばかり多用していてマンネリ気味の人

この記事はボックスデザインの見本です。

その他のタグについてはコチラからどうぞ。

スポンサーリンク

ボックスデザイン

バナー風ボックス

タイトル

基本

タイトル

背景無し(高さ400px)

タイトル

左寄せ

マイボックス

ポイント

基本

しかく(枠のみ)

まるみ

参考

参考

関連

関連

メモ

メモ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

ふきだしテキスト

+ミニ吹き出し

Short Code

マイボックス(CSSクラス)

メモ

メモ

メモ

メモ(下線のみ)

メモ

メモ(枠のみ)

メモ

メモ(枠・下線あり)

ここに注意

注意(下線のみ)

必要なモノ

  • 必要なモノ
  • ダミーテキスト
  • ダミーテキスト

必要なモノ

  • 必要なモノ(ドット下線)
  • ダミーテキスト
  • ダミーテキスト

チェックリスト

  • チェックリスト
  • ダミーテキスト
  • ダミーテキスト

チェックリスト

  • チェックリスト(ドット下線)
  • ダミーテキスト
  • ダミーテキスト

簡単な流れ

  • 簡単な流れ
  • ダミーテキスト
  • ダミーテキスト

簡単な流れ

  • 簡単な流れ(ドット下線)
  • ダミーテキスト
  • ダミーテキスト

見出し付きフリーボックス

見出し(全角15文字)

基本

注意

注意

はてな

はてな

ポイント

ポイント

メモ

メモ

見出し(全角15文字)

基本(タイトル幅100%)

注意

注意(タイトル幅100%)

はてな

はてな(タイトル幅100%)

ポイント

ポイント(タイトル幅100%)

メモ

メモ(タイトル幅100%)

メモボックス・スライドボックス他

メモ

 

+ クリックして下さい

スライドボックス

チェックボックス(番号なしリスト)

こんな方におすすめ

  • こんな方におすすめ(v)
  • これはダミーのテキストです

 

こんな方におすすめ

  • こんな方におすすめ[v]
  • これはダミーのテキストです
 html
pre

 command
pre: terminal

[/] shortcode
pre: short code

 


最後までご覧頂きありがとうございます。

カスタムボタンの見本もあります。こちらもどうぞ。

スポンサーリンク
  • この記事を書いた人

こたすけ

グンマーに魅了された埼玉っ子。 美味しいもの大好きで、可愛いもの、新しいものに目が無い、これよしし!のギター担当。お仕事はRFエンジニア。 よししと一緒にブログネタやぐんま情報を発信してます。

-ブログネタ
-

© 2022 これでよしし