affinger5

「affinger5」必須機能をまとめて紹介【目次、吹きだし、光るボタンなど】

 

投資OLちゃん(小学生の頃)
ブログを始めるにあたって有料のデザインテーマ「affinger5」を導入しましたが、目次の作り方や吹きだしの設定方法がわかりません。また、徐々にアフィリエイトも始めたいので、投資OLちゃんがよく使っている光るボタンの使い方等もお教えて欲しいです

 

こんにちは、投資OLちゃん(Twitter@OL20225358)でございます😇💞

 

今回の記事では、WordPressブログのデザインテーマ「affinger5」を導入した方に向けて、affinger5の下記機能をご紹介いたします❤️

 

今回ご紹介する「affinger5」の機能

・目次の作り方
・吹きだしの使い方
・内部リンクの使い方
・光るボタンの使い方
・テキストリンクの使い方

 

affinger5を導入した当初、私はこれらの機能が使えるようになるまで数時間、googleで調べました。

 

投資OLちゃん
こういった機能はサクッと覚えて、記事を書くことに時間を使った方がいいからな

 

どのデザインテーマにするか悩んでいる方は、私がおすすめするデザインテーマをまとめた記事がございますので、そちらをご覧になってaffinger5を導入するか検討してみてください✨

 

こちらもCHECK

ワードプレス テーマ おすすめ
WordPressブログのおすすめデザインテーマ4選&設定方法

続きを見る

 

affinger5を導入したはいいけど、まだ何も設定いない人は、下記の記事においていい感じのデザインにする手順を解説しております❤️

 

こちらもCHECK

affinger5 デザイン済みデータの設定方法
「affinger5」デザイン済みデータの使い方&設定方法【わかりやすく】

続きを見る

 

それでは、いきましょう❤️

 

 

「affinger5」必須機能をまとめて紹介【目次、吹きだし、光るボタンなど】

 

 

今回ご紹介する機能を3つのグループに分けると、下記のとおりとなります❤️

 

初めての記事を書く前に設定するべきこと

①目次の作り方
②吹きだしの使い方

 

数記事書いたら覚えるべき機能

③内部リンクの使い方

 

アフィリエイトを始めたら覚えるべき機能

④光るボタンの使い方
⑤テキストリンクの使い方

 

それぞれのフェーズによって必要な機能は異なりますので、この記事をブックマークしていただいて、必要な機能をその都度取得してください❤️

 

それでは、①から順に説明いたします❤️

 

①affinger5 目次の作り方

 

まずは、affinger5で初めての記事を書く前に設定するべきこと「目次の作り方」の説明です❤️

 

目次は、下の画像のやつですね❤️

 

affinger5 機能

 

証券ガール
ブログで目次を作ることは、読者さまが記事の全体像を理解するためにとても大事だ

 

affinger5で目次を作るには、プラグイン「table of Contents Plus」を導入する必要があります❤️

 

導入の手順は下記のとおりとなります❤️

 

下記画像のとおり、プラグイン→新規追加→「table of Contents Plus」検索します。

 

affinger5 機能

 

ヒットしたら、今すぐインストール&有効化します❤️

 

次に、table of Contents Plusの設定をしましょう❤️

 

下の画像のとおり、プラグイン→インストール済みプラグイン→table of Contents Plus→設定と進みます。

 

affinger5 機能

 

私の設定は下記のとおりとなっております❤️

 

affinger5 機能

affinger5 機能

 

最初は特に拘りないと思うので、私の設定と同じでいいと思います❤️

 

「目次(タップすると飛べるよ)」は私オリジナルなので変えた方がいいと思いますけど、個々人にお任せします❤️

 

設定が完了したら、下の画像のとおり記事の本文に戻り、見出しにしたい文字を選ぶ→「段落」→「見出し2」選べばOKです❤️

 

affinger5 機能

 

では、次いきます❤️

 

②affinger5 吹きだしの使い方

 

次に、affinger5で初めての記事を書く前に設定するべきことの2つ目「吹きだしの使い方」の説明です❤️

 

投資OLちゃん
吹きだし

 

↑これが吹き出しです❤️

 

affinger5の吹き出しの設定方法は、下記のとおりです。

 

「AFFINGER5 管理」→「会話・ファビコン等」→吹き出しで登場させたいアイコンをアップロードして、名前を決める→「保存」で完了です❤️

 

affinger5 機能

 

ちなみに、投資OLちゃんの会話は少しぴょこぴょこ動いていると思うのですが、それは下記のとおり「会話風アイコンを少し動かす」チェックを入れているからです❤️

 

affinger5 機能

 

ちなみに、登録するアイコンについては、商用利用OK&オリジナルのものを設定するのがベストです✨

 

私の場合は、少しおバカキャラの投資OLちゃん&鋭いツッコミを入れる証券ガール&ちょい役のしょこらさま&小学生の頃の投資OLちゃんでブログを盛り上げています(*´ω`*)💞

 

オリジナルのアイコンについては、多くのデザイナーさんが登録されている「ココナラ」で発注するのがおすすめ✨

 

日本最大級のスキルマーケット

ココナラでデザイナーさんを探す

 

なお、ココナラについては下記記事の「アイコンにこだわる」の項で詳しく触れておりますので、そちらも合わせてご覧ください❤️

 

こちらもCHECK

ツイッター フォロワー メリット
twitterでフォロワーを増やすメリット3つ【最低限必要な準備も解説】

続きを見る

 

少し脱線しました❤️本題に戻ります❤️

 

ここまで設定できたら、下記画像のとおり記事の作成画面にて「タグ」→会話ふきだし→先ほど登録したものを使う

 

affinger5 機能

 

例えば「会話1」選ぶと下記画像のように表示されます。

 

affinger5 機能

 

文字は、下記の画像のように入力すればOKです❤️

 

affinger5 機能

 

記事作成画面では、記事をアップした時のイメージが確認できないのですが、プレビューを押せば確認できます❤️

 

affinger5 機能

 

affinger5 機能

 

ちゃんと吹きだしできてますね❤️

 

記事作成画面では「会話1」「会話2」といった、コードでの表示になっているため、どの番号にどのアイコンを登録したか覚える必要があります❤️

 

私の場合は「会話1」投資OLちゃん、「会話2」証券ガール、「会話3」旧しょこらさまというように覚えています✨

 

忘れた場合の確認の方法としては、先ほどと同様にプレビューを押せば確認できます❤️

 

それでは、次いきます❤️

 

③affinger5 内部リンクの使い方

 

次に、affinger5で数記事書いたら覚えるべき機能「内部リンクの使い方」の説明です❤️

 

内部リンク(こちらもチェック)とは、下のやつですね❤️

 

affinger5 機能

 

投資OLちゃん
上記のようにわかりやすく内部リンクを貼ることで、読者さまが別記事にアクセスしやすいようになるぜ

 

内部リンクを貼る方法は、下記のとおりです。

 

記事作成画面において、「タグ」→「記事一覧/カード」→「ブログカード」→CHECK(ふきだし)

 

affinger5 機能

 

クリックすると、下の画像のとおり複雑なコードが表示されますが、id=""のところに記事ナンバーを入れるだけです❤️

 

affinger5 機能

 

記事ナンバーを検索するには、「投稿一覧」→それぞれの記事にidが付与されているので、紹介したい記事のidをメモします。

 

affinger5 機能

 

記事に戻って、下の画像のとおり「id="4099"」みたいな形で入力する。

 

affinger5 機能

 

ちゃんと内部リンクができているかどうかは、プレビューを押せば確認できます❤️

 

affinger5 機能

 

それでは、次いきます❤️

 

④affinger5 光るボタンの使い方

 

次に、affinger5でアフィリエイトを始めたら覚えるべき機能「光るボタンの使い方」の説明です❤️

 

光るボタンは、私がよく使うやつです✨

 

詳しくはコチラ

 

↑これですね(*´ω`*)💞

 

他にも、いろんなボタンがあります↓

 

詳しくはコチラ

詳しくはコチラ

もっと詳しく

角丸ボタン

角丸ボタン

詳しくはコチラ

 

上記はほんの一部ですが、affinger5は様々なボタンが一瞬で呼び出すことができます❤️

 

証券ガール
光るボタンは、通常のバナーと比較してクリック率が良くなるらしいわ

 

アフィリエイターなら必ず覚えておきたい機能ですね❤️

 

それでは、光るボタンの使い方をご説明いたします❤️

 

下の画像のとおり「タグ」→「カスタムボタン」→「ノーマル」→「詳しくはコチラ(レッド)」

 

affinger5 機能

 

すると、下記のとおりコードが入力されます。

 

affinger5 機能

 

ちょっと複雑に見えるのですが、いじるところは上の画像の赤い部分だけです。

 

まずは、"#"の部分ですが、ここに飛ばしたいURLを入力します。

 

例えば、私のブログのリンクを作りたい場合は、「#」→「https://investment-ol.com」に変えます。

 

次に、文字については「詳しくはコチラ」→「24歳丸の内OL 投資で資産形成」に変えます。

 

下記のような形で入力できればOK❤️

 

affinger5 機能

 

上記のようにできれば、指定したリンクに飛ぶことができる光るボタンを作成することができます❤️

 

24歳丸の内OL 投資で資産形成

 

↑できてますね(*´ω`*)💞

 

これを応用して、アフィリエイトのボタンを作成する方法は下記のとおりです❤️

 

ASPのサイトにアクセス→提携中のプログラムを選ぶ→「テキストリンクコードを取得」→下の画像のとおり、"   "で囲まれている部分をコピー

 

affinger5 機能

 

証券ガール
上の部分が、アフィリエイトの成果を計測する部分なのよ

 

あとはさっきと同じように、「"#"」の「#」を消して↑のコピーを貼り、「詳しくはコチラ」を「楽天証券公式サイト」などにすればOKです❤️

 

⑤affinger5 テキストリンクの使い方

 

最後に、affinger5でアフィリエイトを始めたら覚えるべき機能「テキストリンクの使い方」の説明です❤️

 

テキストリンクは、これ←です(*´ω`*)

 

証券ガール
文字をクリックすると、任意の場所にアクセスすることができるようにするものね

 

テキストリンクを作成する方法は下記のとおりです❤️

 

リンクを付けたい文字を選択する→右上の鎖みたいなボタンを押す

 

affinger5 機能

 

あとは、URLを貼るだけです❤️

 

ちなみに、先ほどの光るボタンでアフィリエイトリンクを貼りましたが、下の画像のような感じで、テキストリンクでもアフィリエイトリンクを作成することができます❤️

 

affinger5 機能

 

楽天証券公式サイト

 

↑こんな感じ(*´ω`*)💞

 

 

まとめ

 

 

今回の記事では、affinger5における目次の作り方に始まり、アフィリエイトで成果をあげるために効果的な「光るボタン」「テキストリンク」作成方法をご紹介いたしました❤️

 

affinger5はブログを無限にカスタマイズできると言われているくらい、様々な機能を備えています✨

 

投資OLちゃん
私は、affinger5の全機能の2%くらいしか使いこなせていないと思う

 

カスタマイズで奥を深めるのもいいし、私みたいに必要最低限の機能だけで記事を書くことに集中してもいい✨

 

みなさまにおかれましては、私がこうやってaffinger5の必須機能をご紹介したことで、affinger5でいとも簡単にブログを運営することができます✨

 

>>Affinger5をテーマにする

 

affinger5をテーマにする

 

ブログのアイコンや吹きだし用のアイコンを作るなら

【ココナラ】

※多くのブロガーさんがこちらで好みのデザイナーさんを見つけ、吹きだし用のアイコンを作成しています

 

まだアフィリエイトを始めていない方は、下記の記事にておすすめのASPをご紹介しておりますので、ASPと提携のうえ好きな広告を貼って光るボタンを使いましょう✨

 

こちらもCHECK

アフィリエイト 怪しい 初心者
アフィリエイト=怪しい?収益発生の仕組みと収益化の手順【おすすめASPと審査合格のコツ】

続きを見る

 

それでは、今回は以上となります❤️投資OLちゃんでした❤️

-affinger5

Copyright© 24歳丸の内OL 投資でゆるふわ資産形成 , 2020 All Rights Reserved Powered by AFFINGER5.