この記事がお勧めな方
この記事は次のような疑問を解決したい方にお勧めになっています♪
- AFFINGER6でカスタムボタンの作成はどうやってやるの？
- AFFINGER6ではカスタムボタン作成はどんな機能があるの？
- カスタムボタンを表の中に表示させたいけど、初心者でわからない？
この記事ではAFFINGER6でカスタムボタンを作成する方法を初心者向けに解説しています。
カスタムボタンの作成方法
記事にカスタムボタンを設置する方法はとても簡単です。
挿入したい箇所でブロックツールから「STINGER:カスタムボタン」をクリックすれば下の画像のようなカスタムボタンが簡単に作成でます。
※ 現在は「AFFINGER：カスタムボタン」に名称が変更になっています。
カスタムボタンのテキスト変更方法
カスタムボタンを作成したデフォル状態だと、テキスト表示は「ボタン」となっています。
テキスト内容の変更は画面右の「テキスト」入力欄に表示させたい文字列を入力します。
例えば「購入はこちら」と入力してみると
こんな感じにテキストを変更することができます。
※ 現在は直接テキストを入力できるようになりました。
カスタムボタンのアイコン表示変更方法
画面右のアイコン選択一覧から好きなアイコンを表示させることができます。
テキストの前後にリストの中から好きなアイコンを表示することができます。
例えば、こんな感じです。
アイコンクラスにクラス名を入力することでもアイコンを表示することができます。
例えば右のリストにはないワードプレスのロゴをクラス名を入力して表示させてみるとこんな感じです。
アイコンの種類は１００以上あり、クラス名を入力することで表示させることができます。
クラス名のリストはアフィンガーの公式マニュアルで確認することができます。
カスタムボタンのリンク設定方法
画面右のリンク先URLに入力することでリンクを設定することができます。
リンク設定の「nofollow」タブは
自分のサイトとリンク先のサイトを関連付けたくない時に設定します。
初心者の方はよくわからないと思うのでそのままで問題ないです。
「新しいページで開く」タブを設定することで、リンク先を新しいページで開くことができます。
カスタムボタンのデザイン変更方法
その他の設定でカスタムボタンの形・色や影を付けたりすることができます。
「影」を設定することでボタンに影を付けることが可能。
影部分の色を変更することもできます。
「光る演出」を設定することでボタンに光る演出を付加することが可能。
「ボーダー設定」でボタンの形状を変えることが可能
「色設定」でボタンのテキスト色・背景色・ボーダー色・影の色を変更することが可能
設定を組み合わせることで、ボタンを色々とカスタマイズすることができます。
【コピペで出来る】表にボタンを設置する方法【初心者向け】
記事にテーブル（表）を挿入した際に、テーブル（表）の中にボタンを表示させる方法です。
下のような感じです。
アフィンガー6で表を作成する方法は別記事で紹介しているのでそちらの記事も参考にしてみてください。
テーブル（表）にボタンを挿入するには表の任意の場所に直接カスタムボタンを選択することはできず、HTMLとして編集する必要があります。
プログラミング言語の知識がある方は簡単にできると思いますが、初心者の方にとってはハードルが高いと思ってしまいますよね。
そこで、知識ゼロでもコピペでできる方法を説明します。
STEP.1 表に挿入したいボタンを作成
前半で説明した方法で表に挿入したいカスタムボタンを作成します。
リンク設定やボタンのデザインなどは完成させた状態にしてください。
STEP.2 作成したボタンをHTML表示にする
作成したボタンのオプションから「HTMLとして編集」をクリックします。
ボタンがHTML表示されます。
STEP.3 挿入したい表の場所に番号を入力しておく
作成したボタンを挿入したい表の場所に番号を入力しておきます。
※ 自分がわかれば番号でなくても何でも大丈夫です。
| ① | |
STEP.4 テーブル（表）をHTML表示にする
作成したテーブル（表）をHTML表示にします。
STEP.2と同様にオプションの「HTMLとして編集」を選択するとHTML表示になります。
HTML表示の表は下のようになります。
STEP.5 ボタンのHTMLをコピペする
表のHTML表示を確認するとSTEP.3で入力した番号の場所が確認できると思います。
その番号を削除して、その場所にSTEP.2のカスタムボタンのHTMLをコピペします。
初心者にとってテーブルのHTML表示はわかりにくいと思います。
ビジュアルのボタンを挿入したい場所がHTML表示でもわかりやすくするために、番号をふっただけなので番号である必要はありません。
STEP.6 ビジュアルに戻して確認する
オプションの「ビジュアル編集」をクリックするとビジュアル画面に戻し、表示を確認することができます。
以上が知識ゼロで初心者がコピペで可能なテーブルへのボタン挿入方法でした。
AFFINGER6ではこんな感じに簡単にカスタムボタンの作成が可能です。
AFFINGER6の使い方
AFFINGER6の使い方については、このブログで詳しく解説しています。
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/7/8 AFFINGER6
AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...
AFFINGER6：関連記事
2025/11/3
【2025年版】AFFINGER6購入プラン徹底比較｜通常版・EX版・セット販売どれを選ぶべき？
「AFFINGER6を買いたいけど、どのプランを選べばいいの？」 「通常版とEX版、結局どっちがいいの？」 そんな迷いを抱えていませんか？ AFFINGER6は、ブログ収益化を本気で目指す多くのブロガーが愛用するWordPressテーマです。 しかし、公式ページには「通常版」「EX版」「セット販売」など複数のプランがあり、初心者が最初にどれを選ぶべきか分かりづらいのが正直なところ。 この記事では、AFFINGER6を実際に愛用している筆者が、各プランの違いと選び方を目的別・レベル別に分かりやすく比較。 「 ...
2025/11/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/11/10
【2025年版】AFFINGER6をおすすめする5つの理由｜買う価値は？実際に使って分かった魅力を解説
「AFFINGER6って本当に評判通りなの？」 「高機能すぎて使いこなせるか不安…」 WordPressテーマの中でも人気が高いAFFINGER6（アフィンガー6）。 収益化に強く、アフィリエイター・ブロガーの定番テーマとして愛用されています。 でも、「他のテーマより高いけど本当に価値あるの？」「初心者でも使える？」と悩む方も多いはず。 この記事では、実際に使って分かったAFFINGER6のおすすめ理由を5つに厳選して解説します。 AFFINGER6とは？｜“収益化に特化した”プロ仕様テーマ AFFING ...
2025/11/6
AFFINGER6で農業向けサイトを作成する手順-初心者向け-
AFFINGER6で農業サイトを作成してみました。 サンプルサイトはイチゴ農園をイメージして作成してあります。 こんな感じです→○○いちご農園 「農業サイトを作りたい」 そう思っても初心者の方は何をしていいのかわからないと思います。 そこで、基本的な農業サイトが手順に沿って完成できるように詳しく解説していきます。 まずは基本的なサイトを作り、自分なりにデザインを工夫していくのが、初心者の方にはお勧めです。 ちなみにAFFINGER6のバージョンは「AFFINGER6EX： 20250802 」です。 上位 ...
2025/11/12
AFFINGER6購入者限定：読了率（スクロール量）計測プラグインが無料配布！
AFFINGER6購入者限定で無料プラグイン：読了率（スクロール量）計測プラグインが使用できるようになりました。 読了率（スクロール量）計測プラグインとは？ 読了率（スクロール量）計測プラグインは「読者が記事をどれくらい読んでくれたか」を視覚化してくれるプラグインです。 どの見出しまで読んでくれたのかをパーセントで表示してくれます。 見出しレベルは「H2」「H3」が計測対象のようです。 読者が記事のリンクをクリックした際はアクションとしてログに残ります。 実際の表示 ログの実際表示はこんな感じです。 読了 ...