サイトは、少しの工夫で格段に良くなります。 揺れたり、ふわふわしたり、バウンドしたり強調したいことが伝わりやすくなります。 そこで今回は、サイトの文章をお洒落に装飾する方法をまとめました。 プラグイン">

スポンサーリンク

AFFINGER5 ブログ関連

【WordPress₋プラグイン】おしゃれな光るボタン・マーカー線・揺れる文字etc.../Advanced Editor Tools(旧TinyMCE Advanced)の使い方&タグ見本詳細

2021-01-23

サイトは、少しの工夫で格段に良くなります。

揺れたり、ふわふわしたり、バウンドしたり強調したいことが伝わりやすくなります。

そこで今回は、サイトの文章をお洒落に装飾する方法をまとめました。

プラグインのインストール

まずはインストールから。

プラグイン】→【新規追加

メモ

Advanced Editor Tools

以上を【有効化】したら完了です。

投稿画面】を開くと、【+】の中に【クラシック版の段落】と出ています。

こちらを使用し、装飾していきます。

【詳細】クラシック版の段落

赤枠内の詳細を左から順番にまとめてみました。

✅B:太文字

✅I:イタリック

✅引用です。引用です。

✅細マーカー

✅CT:カウント

カウント

カウント

✅マイボックス

✅ボタン

✅ボタン

✅カード

【副業】写真を投稿するだけで儲けられる写真ACとは?登録方法・報酬額・売れやすい画像まとめ

続きを見る

タグの詳細

タグとは、上記赤枠部分のこと。

囲み枠や、光るボタン詳細はこちらへなどブログが一気に華やかになり綺麗に仕上がるので順番にまとめています。

テキストパーツ

【クリップメモ】

メモ

外部リンク

ブックマーク

おしらせ

はてな

コメント

コード

ポイント

ユーザー

初心者

注意文

注意文(グレー)

 

【クリップメモ(テキスト)】

メモ

参考

関連

注意

Check

次へ進む

前へ戻る

質問

回答

 

【ミニふきだし】

基本

オレンジ

ピンク

ブルー

グリーン

レッド

ふきだしテキスト

+マイボックス

 

【複合】

自由なメモ

自由なメモ

ココがポイント

ココがポイント

ココがおすすめ

ココがおすすめ

ココがダメ

ココがダメ

ココに注意

ココが注意

さらに詳しく

もっと詳しく

◯才女性

女性コメント

◯才男性

男性コメント

 

【複合(アイコンなし】

自由なメモ

自由なメモ

ココがポイント

ココがポイント

ココがおすすめ

ココがおすすめ

ココがダメ

ココがダメ

ココに注意

ココに注意

もっと詳しく

もっと詳しく

つまづきポイント

はてなマーク

 

【まるもじ(小)】

基本 オレンジ ピンク ブルー うすい注意 注意

 

【まるもじ(大)】

基本

オレンジ

ピンク

ブルー

はてな

チェック

うすい注意

注意

 

【カスタムフォント】

デフォルト

白影

 

【ステップ】

step
1
こてちゃです こてちゃです

【ポイント】

 

おすすめ

        【ラベル】

 

流れる文字

 

ボックスデザイン

【バナー風ボックス】

タイトル

基本

タイトル

背景なし(高さ400px)

タイトル

左寄せ

 

【マイボックス】

ポイント

基本

しかく(枠のみ)

まるみ

参考

参考

関連

関連

メモ

メモ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

ふきだしテキスト

+ミニふきだし

ShortCode

 

【マイボックス(+cssクラス)】

メモ

メモ

メモ

メモ(下線のみ)

メモ

メモ(枠のみ)

メモ

メモ(枠・下線あり)

ここに注意

注意(下線のみ)

 

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

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

見出し(全角15文字)

基本

注意

注意

はてな

はてな

ポイント

ポイント

メモ

メモ

見出し(全角15文字)

基本(タイトル幅100%)

注意

注意(タイトル幅100%)

はてな

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

ポイント

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

メモ

メモ(タイトル幅100%)

メモボックス

メモ

スライドメニュー

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

【こんな方におすすめ(v)】

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです

【こんな方におすすめ[v]】

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです

【ガイドアップメニュー】


カスタムボタン

【ノーマル】

基本

詳しくはコチラ(オレンジ)

詳しくはコチラ

詳しくはコチラ(レッド)

詳しくはコチラ

詳しくはコチラ(グリーン)

詳しくはコチラ

詳しくはコチラ(ブルー)

詳しくはコチラ

お問合せ

もっと詳しく(オレンジ)

もっと詳しく

もっと詳しく(ピンク)

もっと詳しく

もっと詳しく(ブルー)

もっと詳しく

人気ランキング

ランキングはコチラ

 

【角丸】

基本

角丸ボタン

詳しくコチラ(オレンジ)

角丸ボタン

詳しくコチラ(レッド)

角丸ボタン

詳しくコチラ(グリーン)

角丸ボタン

詳しくコチラ(ブルー)

角丸ボタン

 

【ミニ】

基本

ボタン

基本詳しくコチラ(オレンジ)

詳しくはコチラ

詳しくコチラ(レッド)

詳しくはコチラ

詳しくコチラ(グリーン)

詳しくはコチラ

詳しくコチラ(ブルー)

詳しくはコチラ

 

【MCボタン】

オレンジ

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

レッド

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

グリーン

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

ブルー

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

 

【ボックスメニュー】

基本(4列)

サブあり(4列)

縦並びタイプ

縦並びタイプ(サブあり)

縦並びタイプ(単品)

【ボタンA】

【ボタンB】

 

会話ふきだし

小鉄
【会話1(r]で反対向き】
ちゃま
【会話2】
長女
【会話3】
次女
【会話4】
小鉄
【会話5】
ちゃま
【会話6】
小鉄
【会話7】
ちゃま
【会話8】

ポイント

ふきだしは、別で【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】

 

【画像付きコメント】

画像(60×60)

タイトル

◯代男性

 

✅【アドセンス】

スポンサーリンク

 

✅【オリジナルショートコード】

 

✅【YouTube】

 

貼り付け方

YouTube】→【共有】→【上記画像の赤下線(/以降)をコピー

WordPress(AFFINGER5)ダッシュボード→投稿画面→【クラシック版の段落】→【タグ】→【その他パーツ】→【YouTube

上記画像の赤下線部分に、先程コピーした(/以降の赤下線部分)を貼り付ける→完了。

 

✅【三角(下矢印)】

 

✅【スクロールナビ】

 

✅【目次(カスタム)】

 

✅【目次(TOC+)】

 

スタイル

アニメーション

 45℃揺れ

 ベル揺れ

横揺れ

縦揺れ

点滅

バウンド

回転

ふわふわ

大小

シェイク

シェイク(大)

拡大(ゆれ)

過ぎる

戻る

バースト

落ちる

 

最後に…

まだまだ沢山の種類がありますが、簡単にまとめてみました。

書き方や装飾一つで、ブログのイメージは”ぐん”っと変わります。

最後に、【クラッシック版の段落】ツールバーにて【スタイル】が表示されない方は下記をご覧ください。

【WorldPress₋解決方法】Advanced Editor Toolsでスタイルが出てこない問題

続きを見る

スポンサーリンク

 

【amadana】お洒落なウォーターサーバーはプレミアムウォーターが金メダル

-AFFINGER5, ブログ関連

© 2021 Sharelog Powered by AFFINGER5