ブログ

【affinger5の記事装飾テキストパーツ】確認しながら使い方に慣れよう!

2020年7月19日

思いきってアフィンガー5を導入したけど、いまいち使いこなせない…

この記事ではそんな悩みを解消します。

じつは私もアフィンガー5を導入してからしばらくの間、機能を有効に活用できていませんでした。ですので、同じように感じている方のために、今回どのタグがどのような装飾になるのかまとめてみました!
anc88

ポイント

プラグイン「tinyMCEadvanced」を利用し、クラシック版のエディタの画像を交えながら表現できる装飾効果を紹介していきます。

豊富過ぎるアフィンガー5の機能

まずアフィンガー5には、購入者が閲覧できる公式サイトの機能紹介があります。

こちらではアフィンガー5で可能な装飾結果の一覧が確認できるのですが、使い始めた段階ではたくさんあることと、どのタグでどの装飾なのか…正直なんとなくしか理解できません。

記事装飾の重要性

せっかく書いた記事はサイトの訪問者に最後まで読んでもらいたいですよね?

いくら有益な内容で埋め尽くされた記事でも、読みにくいと思われてしまったら、訪問者は別の記事へと移動してしまいます。

ところどころ強調したり、チェックポイントを設けたり、関連記事へ案内したりと

文字の羅列だけでは読みにくくなりがちな部分を、適度な装飾によって読みやすくする。

アフィンガー5の装飾機能は、この一連の装飾効果を誰でもショートコードにて簡単に使えるところにあると言えるでしょう。

アフィンガー5のテキストパーツを使いこなす

まず装飾機能を利用するために、導入した方が良いプラグインがあります。

今回はtinyMCEadvancedを例に紹介していきます。

ちなみにですが…

ビジュアルエディタではアフィンガー5の装飾メニューが表示されません。

まずはクラシックエディタに切り替えてから

classic版へ切り替え手順
クラシックエディターメニュー

タグをクリックするとメニューが表示されます。

①大項目 ②中項目 ③小項目 に分類されています。

これを見るだけでも機能の豊富さがわかりますよね!

テキストパーツ → クリップメモ の一覧

affinger-textparts-clipmemo

テキストパーツ → クリップメモ → メモ

テキストパーツ → クリップメモ → 外部リンク

テキストパーツ → クリップメモ → ブックマーク

テキストパーツ → クリップメモ → お知らせ

テキストパーツ → クリップメモ → はてな

テキストパーツ → クリップメモ → コメント

テキストパーツ → クリップメモ → コード

テキストパーツ → クリップメモ → ポイント

テキストパーツ → クリップメモ → ユーザー

テキストパーツ → クリップメモ → 初心者

テキストパーツ → クリップメモ → 注意文

テキストパーツ → クリップメモ → 注意文(グレー)

テキストパーツ → クリップメモ(テキスト) の一覧

affinger-textparts-clipmemotext

テキストパーツ → クリップメモ(テキスト) → メモ

テキストパーツ → クリップメモ(テキスト) → 参考

テキストパーツ → クリップメモ(テキスト) → 関連

テキストパーツ → クリップメモ(テキスト) → 注意

テキストパーツ → クリップメモ(テキスト) → チェック

テキストパーツ → クリップメモ(テキスト) → 次へ進む

テキストパーツ → クリップメモ(テキスト) → 前に戻る

テキストパーツ → クリップメモ(テキスト) → 質問

テキストパーツ → クリップメモ(テキスト) → 回答

テキストパーツ → ミニふきだし の一覧

affinger-textparts-minihukidasi

テキストパーツ → ミニふきだし → 基本

テキストパーツ → ミニふきだし → オレンジ

テキストパーツ → ミニふきだし → ピンク

テキストパーツ → ミニふきだし → ブルー

テキストパーツ → ミニふきだし → グリーン

テキストパーツ → ミニふきだし → レッド

ふきだしテキスト

テキストパーツ → ミニふきだし → +マイボックス

 

テキストパーツ → 複合 の一覧 

affinger-textparts-hukugou

自由なメモ

テキストパーツ → 複合 → 自由なメモ

ココがポイント

テキストパーツ → 複合 → ココがポイント

ココがおすすめ

テキストパーツ → 複合 → ココがおすすめ

ココがダメ

テキストパーツ → 複合 → ココがダメ

ココに注意

テキストパーツ → 複合 → ココに注意

さらに詳しく

テキストパーツ → 複合 → さらに詳しく

女性コメント

テキストパーツ → 複合 → 女性コメント

男性コメント

テキストパーツ → 複合 → 男性コメント

 

テキストパーツ → 複合(アイコンなし) の一覧

affinger-textparts-hukugou2

自由なメモ

テキストパーツ → 複合(アイコンなし) → 自由なメモ

ココがポイント

テキストパーツ → 複合(アイコンなし) → ココがポイント

ココがおすすめ

テキストパーツ → 複合(アイコンなし) → ココがおすすめ

ココがダメ

テキストパーツ → 複合(アイコンなし) → ココがダメ

ココに注意

テキストパーツ → 複合(アイコンなし) → ココに注意

もっと詳しく

テキストパーツ → 複合(アイコンなし) → もっと詳しく

つまづきポイント

テキストパーツ → 複合(アイコンなし) → はてなマーク

テキストパーツ → まるもじ(小) の一覧

affinger-textparts-marumozi
テキストパーツ → まるもじ(小) → 基本 テキストパーツ → まるもじ(小) → オレンジ テキストパーツ → まるもじ(小) → ピンク テキストパーツ → まるもじ(小) → ブルー テキストパーツ → まるもじ(小) → うすい注意 テキストパーツ → まるもじ(小) → 注意

AFFINGER-TEXTPARTS-MARUMOZIDAI

テキストパーツ → まるもじ(大) → 基本

テキストパーツ → まるもじ(大) → オレンジ

テキストパーツ → まるもじ(大) → ピンク

テキストパーツ → まるもじ(大) → ブルー

テキストパーツ → まるもじ(大) → はてな

テキストパーツ → まるもじ(大) → チェック

テキストパーツ → まるもじ(大) → うすい注意

テキストパーツ → まるもじ(大) → 注意

AFFINGER-TEXTPARTS-HTML

テキストパーツ→HTML→ルビ

テキストパーツ → HTML → pタグ(pタグを追加し直接任意の装飾を指定できます)

テキストパーツ → HTML → spanタグ(spanタグを追加しに直接任意の装飾を指定できます)

テキストパーツ → カスタムフォント の一覧

テキストパーツ → カスタムフォント → デフォルト

テキストパーツ → カスタムフォント → 白影

テキストパーツ → ステップ、ポイント、ラベル、流れる文字

step
1
テキストパーツ → ステップ(左の数字は任意で指定できます)

テキストパーツ → ポイント

おすすめ

    テキストパーツ → ラベル

    テキストパーツ → ラベル

テキストパーツ → 流れる文字

まとめ

一度には書ききれないので、完成まで少しずつ更新していきます(笑)

あなたもaffinger5を使い、簡単にきれいな装飾をしてみませんか?

WordPressテーマ affinger5の購入はこちら

※affinger5はインフォトップのダウンロードコンテンツです。

スポンサーリンク

-ブログ
-, , ,

Copyright © anc88.blog , All Rights Reserved.