この記事がお勧めな方
- AFFINGER６（アフィンガー６）で使えるアイコンの実際表示を確認したい方
- AFFINGER６（アフィンガー６）について知りたい方
ショートコード無しで使えるアイコン一覧
ショートコードを使用しなくても管理画面のリストから選択できるアイコン一覧です。
※ 見やすいように色とサイズを変更して表示しています。
| ペン | メモ | チェック |
| 注意 | リンク | はてな |
| 虫めがね | 目 | カメラ |
| ギフト | ハート | ユーザー |
| コメント | 電球 | おしらせ |
| ダイヤモンド | 王冠 | 初心者 |
| インフォ | マル | バツ |
| Like | Bad | 指さし |
| 表情（嬉） | 表情（普） | 表情（悲） |
ショートコードで使えるアイコン一覧
ショートコードにアイコンクラスを追加することで表示できるアイコン一覧です。
管理画面の「アイコンクラス入力欄」にアイコンクラスを入力することでも表示可能です。
※ 見やすいように色とサイズを変更して表示しています。
| メモ（反転） | 注意（三角） | 虫メガネ（+） |
| 虫めがね（－） | プラス | マイナス |
| 電球（反転） | 二重丸 | 三角 |
| バー | Like（反転） | Bad（反転） |
| 指さし（反転） | 時計 | 家（HOME） |
| 目隠し | フォルダー | フォルダー（OPEN） |
| ピン | カメラ（レトロ） | ペン |
| クレジット | お金 | 外部リンク |
| カート | マップ | サインイン |
| サインアウト | 目次 | ダウンロード |
| ダウンロード | クリップ | ロック |
| ロック（空き） | PC | タブレット |
| モバイル | プリント | チャート |
| 動画 | メール | メール（反転） |
| 写真 | スター | スター（HALF） |
| スター（反転） | プラグ | 本 |
| ブックマーク | ZIP | |
| CODE | ベル | トロフィー |
| 魔法 | タグ | ショートコード |
| 飛行機 | カレンダー | フラッグ |
| 箱 | 新聞 | P |
| パレット | ||
| amazon | ||
| wordpress | double-up | double-down |
| double-right | angle-down | angle-right |
| angle-up | caret-right | arrow-circle-o-right |
| arrow-circle-right | arrow-right | chevron-down |
| chevron-right | arrow | |
下のようなショートコードを入力することでアイコンを表示させることができます。
[st-i class="アイコンクラス" add_style="〇〇"]詳細とアイコンクラスについては「公式マニュアル」にて確認をお願いします。
AFFINGER６（アフィンガー６）では１００以上のアイコンを利用することができます。
ただ、ショートコードで利用するアイコンは「公式マニュアル」でアイコンクラスを確認する必要があるので、それが少し不便です。
また、アイコンのサイズや色を変更するには少し工夫が必要になります。
アイコンの色とサイズを変更する方法
アイコンの色とサイズを変更するにはショートコードの「add_style=」部分に次のように記述してあげます。
[st-i class="〇〇〇" add_style="color:#7CB342;font-size:1.5em"]「color：＃7CB342」が色の指定です。
「＃7CB342」に使用したいカラーコードを入力します。
| カラー | WEBカラーコード | 実際表示 |
|---|---|---|
| 黒 | #000000 | |
| 赤 | #FF0000 | |
| 青 | #0000FF |
WEBカラーコードは検索すればすぐに確認することができます。
「font-size:1.5em」がサイズの指定になります。
「1.5em」という単位が聞き慣れないかもしれませんが、「em」の単位を使用することで相対的にサイズを変更することができます。
解りにくいと思いますので、初心者の方は実際に数字部分を変更して表示を確認するのが一番です。
ショートコードでアイコンを表示させる場合、知識がないと戸惑って時間がかかってしまいます。
一度作成したショートコードをエクセルなどに保存して次に使用したいときにすぐに使用できるようにしておくといいと思いますよ。
AFFINGER6の使い方
AFFINGER6の使い方については、このブログで詳しく解説しています。
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/7/8 AFFINGER6
AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...
AFFINGER6：関連記事
2025/11/3
【2025年版】AFFINGER6購入プラン徹底比較｜通常版・EX版・セット販売どれを選ぶべき？
「AFFINGER6を買いたいけど、どのプランを選べばいいの？」 「通常版とEX版、結局どっちがいいの？」 そんな迷いを抱えていませんか？ AFFINGER6は、ブログ収益化を本気で目指す多くのブロガーが愛用するWordPressテーマです。 しかし、公式ページには「通常版」「EX版」「セット販売」など複数のプランがあり、初心者が最初にどれを選ぶべきか分かりづらいのが正直なところ。 この記事では、AFFINGER6を実際に愛用している筆者が、各プランの違いと選び方を目的別・レベル別に分かりやすく比較。 「 ...
2025/7/10
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
AFFINGER６を使ってみたい！気になる！という方向けに AFFINGER６ってどんなテーマ？ AFFINGER６でどんなことができるの？ AFFINGER６を使うにはどうすればいいの？ といった内容を初心者向けに詳しく解説しています。 AFFINGER６を使ってみたいなぁと思った方は参考にしてみてください。 価格 １４，８００円（税込み） 有名ブロガーさん多数使用のWordPressテーマ！ 「稼ぐ」に特化！アフィリエイトサイトにお勧め！ 高いカスタマイズ性能！ 直感操作で初心者にもおすすめ！ このブ ...
2025/11/5
（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違いをまとめてみました。 購入する際やアップグレードを検討している方は参考にしてみてください。 \\ 収益化を目指す方の圧倒的人気テーマ！// AFFINGER6 公式サイト 今なら読了率（スクロール量）計測プラグインが無料で使える！ 機能比較表：AFFINGER6 vs AFFING ...
2025/11/4
AFFINGER6は初心者でも大丈夫？使いやすさと評判を実体験から解説！
「AFFINGER6って難しそう…初心者でも使いこなせるの？」 そんな不安を持っていませんか？ AFFINGER6（アフィンガー6）は、“収益化に強い”WordPressテーマとして多くのブロガーから高い評価を得ています。 ただ、初めて有料テーマを導入する人にとっては「設定が大変そう」「操作が複雑そう」と感じることもあるでしょう。 この記事では、実際にAFFINGER6を使っている筆者が、初心者でも安心して使える理由と導入前に知っておくべきポイントをわかりやすく解説します。 AFFINGER6は初心者にこ ...
2025/11/4
【本音レビュー】AFFINGER6の評判は？実際に使ってわかったメリット・デメリット
「AFFINGER6って本当に稼げるの？」 「初心者でも使いこなせるの？」 そんな疑問を持っていませんか？ AFFINGER6（アフィンガー6）は、“収益化に強いWordPressテーマ”として多くのブロガーに選ばれている人気テーマです。 実際、検索上位に表示されているブログの多くがAFFINGERシリーズを採用しています。 しかし、機能が豊富なぶん「設定が難しそう」「自分に合っているか分からない」と迷う人も多いのではないでしょうか。 この記事では、実際にAFFINGER6を使って分かったリアルな使用感・ ...
2025/11/8
AFFINGER6 vs SWELL｜どっちを選ぶべき？徹底比較！
この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも多数愛用している人気有料テーマの『AFFINGER6』で迷っている方も多いと思います。 この記事では、両テーマを実際に使った筆者が、デザイン・操作性・SEO・収益化・カスタマイズ性などあらゆる角度から徹底比較します。 『SWELL』と『AFFINGER6』の二択！ という方向けの記事なので、迷っている方は参考 ...
2025/10/31
AFFINGER6 vs THE THOR｜どっちが稼げる？初心者にもおすすめのテーマ比較
WordPressブログで収益化を目指すなら、テーマ選びは極めて重要です。 「AFFINGER6」と「THE THOR」は、稼ぐ系ブログやアフィリエイターに支持されている人気テーマです。 AFFINGER6とTHE THORのどちらを利用しようか迷っている方も多いのではないでしょうか。 この記事では、AFFINGER6とTHE THORの違いを徹底比較！ AFFINGER6とTHE THORの比較 『AFFINGER6』と『THE THOR』を10の視点から比較してみていきます。 操作性・使いやすさ 価格 ...
2025/10/31
AFFINGER6をおすすめする５つの理由｜買う価値ある？
ブログで本気で稼ぎたいならテーマ選びも重要です。 数あるテーマの中でも AFFINGER6 は「稼ぐ」に特化したテーマをコンセプトに多くのトップアフィリエイターの方にも支持されているテーマの１つです。 この記事では 「本当に買う価値があるの？」 と迷う方に向けて、実際に導入して感じたメリットを ５つ に絞って解説します。 お勧めする理由 豊富な記事作成機能 SEO対策済み テンプレートが豊富 収益化に特化 アップデートの対応が早い 理由① 豊富な記事作成機能 メインとなる記事作成の機能が豊富で、ある程度直 ...
2025/11/6
AFFINGER6で農業向けサイトを作成する手順-初心者向け-
AFFINGER6で農業サイトを作成してみました。 サンプルサイトはイチゴ農園をイメージして作成してあります。 こんな感じです→○○いちご農園 「農業サイトを作りたい」 そう思っても初心者の方は何をしていいのかわからないと思います。 そこで、基本的な農業サイトが手順に沿って完成できるように詳しく解説していきます。 まずは基本的なサイトを作り、自分なりにデザインを工夫していくのが、初心者の方にはお勧めです。 ちなみにAFFINGER6のバージョンは「AFFINGER6EX： 20250802 」です。 上位 ...
2025/11/4
AFFINGER6購入者限定：読了率（スクロール量）計測プラグインが無料配布！
AFFINGER6購入者限定で無料プラグイン：読了率（スクロール量）計測プラグインが使用できるようになりました。 読了率（スクロール量）計測プラグインとは？ 読了率（スクロール量）計測プラグインは「読者が記事をどれくらい読んでくれたか」を視覚化してくれるプラグインです。 どの見出しまで読んでくれたのかをパーセントで表示してくれます。 見出しレベルは「H2」「H3」が計測対象のようです。 読者が記事のリンクをクリックした際はアクションとしてログに残ります。 実際の表示 ログの実際表示はこんな感じです。 読了 ...