サイトは、少しの工夫で格段に良くなります。
揺れたり、ふわふわしたり、バウンドしたり強調したいことが伝わりやすくなります。
そこで今回は、サイトの文章をお洒落に装飾する方法をまとめました。
プラグインのインストール
まずはインストールから。
【プラグイン】→【新規追加】
メモ
Advanced Editor Tools
以上を【有効化】したら完了です。
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2021/01/1.png?resize=1200%2C700&ssl=1)
【投稿画面】を開くと、【+】の中に【クラシック版の段落】と出ています。
こちらを使用し、装飾していきます。
【詳細】クラシック版の段落
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2021/01/3-1.png?resize=1024%2C292&ssl=1)
赤枠内の詳細を左から順番にまとめてみました。
✅B:太文字
✅I:イタリック
✅引用です。引用です。
✅細マーカー
✅CT:カウント
カウント
カウント
✅マイボックス
✅ボタン
✅カード
続きを見る
仮想通貨「member」コインとは?エアドロか?突然もらえたので調査してみた!
タグの詳細
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2021/01/8.png?resize=1200%2C600&ssl=1)
タグとは、上記赤枠部分のこと。
囲み枠や、光るボタン、詳細はこちらへなどブログが一気に華やかになり綺麗に仕上がるので順番にまとめています。
テキストパーツ
【クリップメモ】
メモ
外部リンク
ブックマーク
おしらせ
はてな
コメント
コード
ポイント
ユーザー
初心者
注意文
注意文(グレー)
【クリップメモ(テキスト)】
メモ
参考
関連
注意
Check
次へ進む
前へ戻る
質問
回答
【ミニふきだし】
基本
オレンジ
ピンク
ブルー
グリーン
レッド
ふきだしテキスト
+マイボックス
【複合】
自由なメモ
自由なメモ
ココがポイント
ココがポイント
ココがおすすめ
ココがおすすめ
ココがダメ
ココがダメ
ココに注意
ココが注意
さらに詳しく
もっと詳しく
◯才女性
女性コメント
◯才男性
男性コメント
【複合(アイコンなし】
自由なメモ
自由なメモ
ココがポイント
ココがポイント
ココがおすすめ
ココがおすすめ
ココがダメ
ココがダメ
ココに注意
ココに注意
もっと詳しく
もっと詳しく
つまづきポイント
はてなマーク
【まるもじ(小)】
基本オレンジピンクブルーうすい注意注意
【まるもじ(大)】
基本
オレンジ
ピンク
ブルー
はてな
チェック
うすい注意
注意
【カスタムフォント】
デフォルト
白影
【ステップ】
step
1こてちゃです こてちゃです
【ポイント】
【ラベル】
流れる文字
ボックスデザイン
【バナー風ボックス】
タイトル
基本
タイトル
背景なし(高さ400px)
タイトル
左寄せ
【マイボックス】
ポイント
基本
しかく(枠のみ)
まるみ
参考
参考
関連
関連
メモ
メモ
ポイント
ポイント
注意ポイント
注意ポイント
はてな
はてな
ふきだしテキスト
+ミニふきだし
ShortCode
【マイボックス(+cssクラス)】
メモ
メモ
メモ
メモ(下線のみ)
メモ
メモ(枠のみ)
メモ
メモ(枠・下線あり)
ここに注意
注意(下線のみ)
必要なモノ
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
チェックリスト
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
チェックリスト
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
簡単な流れ
- ダミーテキスト
- ダミーテキスト
- ダミーテキスト
【見出し付きフリーボックス】
見出し(全角15文字)
基本
注意
注意
はてな
はてな
ポイント
ポイント
メモ
メモ
見出し(全角15文字)
基本(タイトル幅100%)
【メモボックス】
メモ
【スライドメニュー】
【チェックボックス(番号なしリスト)】
▼【こんな方におすすめ(v)】
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
▼【こんな方におすすめ[v]】
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
▼【ガイドアップメニュー】
カスタムボタン
【ノーマル】
▼詳しくはコチラ(オレンジ)
▼詳しくはコチラ(レッド)
▼詳しくはコチラ(グリーン)
▼詳しくはコチラ(ブルー)
▼もっと詳しく(オレンジ)
▼もっと詳しく(ピンク)
▼もっと詳しく(ブルー)
【角丸】
▼基本
▼詳しくコチラ(オレンジ)
▼詳しくコチラ(レッド)
▼詳しくコチラ(グリーン)
▼詳しくコチラ(ブルー)
【ミニ】
▼基本
▼基本詳しくコチラ(オレンジ)
▼詳しくコチラ(レッド)
▼詳しくコチラ(グリーン)
▼詳しくコチラ(ブルー)
【MCボタン】
▼オレンジ
▼レッド
▼グリーン
▼ブルー
【ボックスメニュー】
▼基本(4列)
▼サブあり(4列)
▼縦並びタイプ
▼縦並びタイプ(サブあり)
▼縦並びタイプ(単品)
▼【ボタンA】
▼【ボタンB】
会話ふきだし
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/png_20220213_001103_0000.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/38031_TwhaNZFW.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/1296519_HgzzqeTn.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/1296519_5gK5er1I.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/png_20220213_001145_0000.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/38031_gU0xk9Le.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/png_20220213_001307_0000.png?resize=300%2C300&ssl=1)
![](https://i0.wp.com/kotechama.com/wp-content/uploads/2022/02/38031_qWAsrS7Y.png?resize=300%2C300&ssl=1)
ポイント
ふきだしは、別で【Advanced Editor Tools】のプラグインを入手するのも便利です。
ふきだしの中身は、【AFFINGER5管理】→【会話・ファビコン等】→こちらでアイコン設定が可能です。
ランキング
【ランキング1位(基本)】
【ランキング2位】
【ランキング3位】
【ランキング4位以下】
その他パーツ
【Googleアイコン】
desktop_macMac
phone_iphoneiPhone
tablet_mactablet
timerタイマー
location_onMAP
directions_bike自転車
directions_run走る
directions_run車
directions_car電車
subway地下鉄
flight飛行機
local_parking駐車場
restaurantレストラン
store_mall_directoryストア
cakeケーキ
smoking_roomsタバコ
arrow_back矢印(左)
arrow_downward矢印(下)
arrow_forward矢印(右)
arrow_upward矢印(上)
radio_button_uncheckedマル
closeバツ
▼顔(笑顔・悪い・満足・不満)
moodmood_badsentiment_satisfiedsentiment_very_dissatisfied
▼手(like・bad)
thumb_up_altthumb_down_alt
▼!(error・new)
errornew_releases
【スター1~5】
✅【画像付きコメント】
✅【アドセンス】
スポンサーリンク
✅【オリジナルショートコード】
✅【YouTube】
貼り付け方
【YouTube】→【共有】→【上記画像の赤下線(/以降)をコピー】
WordPress(AFFINGER5)ダッシュボード→投稿画面→【クラシック版の段落】→【タグ】→【その他パーツ】→【YouTube】
上記画像の赤下線部分に、先程コピーした(/以降の赤下線部分)を貼り付ける→完了。
✅【三角(下矢印)】
✅【スクロールナビ】
✅【目次(カスタム)】
✅【目次(TOC+)】
スタイル
アニメーション
45℃揺れ
ベル揺れ
横揺れ
縦揺れ
点滅
バウンド
回転
ふわふわ
大小
シェイク
シェイク(大)
拡大(ゆれ)
過ぎる
戻る
バースト
落ちる
最後に…
まだまだ沢山の種類がありますが、簡単にまとめてみました。
書き方や装飾一つで、ブログのイメージは”ぐん”っと変わります。
最後に、【クラッシック版の段落】ツールバーにて【スタイル】が表示されない方は下記をご覧ください。
タイトル
◯代男性