サンプルページ
これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれる点がブログ投稿とは異なります。まずは、サイト訪問者に対して自分のことを説明する自己紹介ページを作成するのが一般的です。たとえば以下のようなものです。
Bootstrap5
https://bootstrap-cheatsheet.themeselection.com/
↓カラム
外枠[bg-3]
背景色 #e5f0fc
bg-3
段落[bg-3]
カラムに背景色を設定する場合はパディングの設定をする [p-3]
↑スペース + [down]
引用
Bootstrap 5 CheatSheet 🚀
https://bootstrap-cheatsheet.themeselection.com/
An interactive list of Bootstrap 5 classes, variables, and mixins. 🎁 The only Bootstrap 5 CheatSheet you will ever need. 🎊
新しく WordPress ユーザーになった方は、ダッシュボードへ行ってこのページを削除し、独自のコンテンツを含む新しいページを作成してください。それでは、お楽しみください !
見出し1 H1+B
見出し2 H2+B
見出し3 H3+B
見出し4 H4 + [md-1]+B
見出し4 H4 + [md-2]
見出し5 H5 +B
見出し6 H6 + [md-3][mb-5]+B
ボタン基本 [btn btn-submit mb-3]
ボタン+ [btn btn-primary mb-3]
応用ボタン
背景色を「色」で設定、ホバーしたときは設定色を反転
[btn d-inline-block mb-3 border]
応用ボタン2
[btn p-3 d-block mb-3 border]
テキストアニメーション [ex]
アニメーションボールド [bold ex]
ブロックアニメーション [wow animate__animated animate__fadeInLeft]
ブロックにアニメーションを適用する場合は以下のURL参照
https://animate.style/
[table][w-auto] | テーブル |
テーブル | テーブル |
テーブル | テーブル |
テーブル | テーブル |
[table2] | テーブル |
テーブル | テーブル |
テーブル | テーブル |
テーブル | テーブル |
テーブル内にリンクを設定すると左に三角が付きます | [mb-5 table2 w-auto] |
Excel®表計算処理技能認定試験 | Webクリエイター能力認定試験 |
オープンキャンパスのバナーはどのページにも表示できます。
[opencampus]