AFFINGER

【AFFINGER5使い方】記事装飾を使いこなしてブログを書こう

2020年3月24日

AFFINGER5の使い方

AFFINGER5は機能がとにかく多いので、購入したばかりの人が最初から使いこなすのは至難の業です。

僕自身、最初は思い通りの記事が全然書けなくてがっかりしました。

この記事では、「よく使う記事装飾の見本とその使い方」を詳しく解説していきます。

真似するだけで、人気の記事装飾が使えるようになりますので是非参考にしてください。

 

こんな人のお役に立てる記事です。

小豆
せっかくAFFINGER5を買ったのに、機能が多すぎて全然使いこなせない。
特に記事装飾。
上手に装飾された読みやすい記事の作り方をわかりやすく教えて。

AFFINGER5でよく使われる基本の記事装飾を覚えよう

数えきれないほど多くの記事装飾機能が備わっているAFFINGER5ですが、その中でもよく使われる人気の記事装飾を紹介します。

今回使う記事装飾は12種類。

  • 画像の挿入
  • 見出し付きフリーボックス
  • 箇条書き(リスト)
  • クリップメモ
  • 会話ふきだし
  • ステップ
  • リンクの挿入
  • ミニふきだし
  • ボックス(シンプル)
  • マーカー
  • こんな方におすすめ
  • ボタン

 

これら12種類の記事装飾を使ってこんな記事を作っていきます。

12種類の記事装飾で作られた見本記事

テキストは全て「サンプルテキスト」としようと思いましたが、よりイメージが湧くよう「AFFINGERの良さを伝える記事」を例に作成しました。

 

AFFINGER5が人気に理由はこれ。

人気のポイント

  • 記事装飾機能が豊富
  • 稼ぐことに特化した機能が満載
  • 利用者が多く、カスタマイズ方法がたくさん紹介されている

ブログ幅に合わせた画像

AFFINGER5の価格は14,800円税込みです。

小豆
AFFINGER5はどこで買えるの?
公式サイトからダウンロードできるよ。
大福

 

step
1
公式サイトに移動する

まずはこちらから公式サイトに移動してください。

AFFINGER5公式販売サイト

 

step
2
購入ボタンをクリックする

画面中盤ほどに【ご購入はこちら】というボタンがあります。

 

購入時の注意点

購入後、ダウンロードができるのは14日間のみです。

かならずその間にダウンロードを行ってください。

 

大福
AFFINGER5はこんな人におすすめだよ。

こんな方におすすめ

  • 記事の装飾を簡単にしたい人
  • スタイリッシュでお洒落なブログを作りたい人
  • ブログの収益化を目指している人

 

AFFINGER5公式サイトはこちら

見本を見ながら実際にAFFINGERで記事装飾をしていこう

記事を眺めるだけでは、使い方を覚えることはなかなかできません。

実際にAFFINGER5を立ち上げて、見本の記事を一緒に作っていきましょう。

 

こちらの文章をWordPressにコピペ→見本を見ながら記事装飾していきます

コピペ用

AFFINGER5が人気の理由はこれ。

記事装飾機能が豊富

稼ぐことに特化した機能が満載

利用者が多く、カスタマイズ方法がたくさん紹介されている

 

AFFINGER5の価格は14,800円税込みです。

AFFINGER5はどこで買えるの?

公式サイトからダウンロードできるよ。

 

公式サイトに移動する

まずはこちらから公式サイトに移動してください。

AFFINGER5公式販売サイト

 

購入ボタンをクリックする

画面中盤ほどに【ご購入はこちら】というボタンがあります。

 

購入時の注意点

購入後、ダウンロードができるのは14日間のみです。

かならずその間にダウンロードを行ってください。

 

AFFINGER5はこんな人におすすめだよ。 

 

記事の装飾を簡単にしたい人

スタイリッシュでお洒落なブログを作りたい人

ブログの収益化を目指している人

 

AFFINGER5公式サイトはこちら

 

今回の記事装飾では、以下の5つのボタンを使用します。

使用するボタン

大福
3ステップで仕上げていくよ!

 

step
1
見出し付きフリーボックス・リスト・画像の挿入・クリップメモ

ステップ1画像

 

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

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

①見出し付きフリーボックスで囲いたい文章を選択した状態で、タグボックスデザイン見出し付きフリーボックス基本

見出し付きフリーボックスタイトル

②赤枠内のデフォルトで入力されている文字を削除して、見出しタイトルを入力します。

ここでは【人気のポイント】とでも入力しておいてください。

 

  • リスト

リスト表示

①箇条書きにしたい文章を選択した状態で、スタイルリストマル(リスト)

番号なしリスト

②番号なしリストをクリック

 

  • 画像の挿入

画像の挿入

画像を挿入したいところにカーソルを合わせメディアを追加→画像を選択→投稿に挿入

メモ

サンプルで使用する画像は、見本記事から画像を右クリック名前をつけて画像を保存でパソコンに保存して使用してください。

 

  • クリップメモ

クリップメモ

クリップメモに表示したい文章を選択した状態でタグテキストパーツクリップメモメモ

 

step
2
会話ふきだし・ステップ・リンクの挿入・ミニふきだし

ステップ2の画像

 

  • 会話ふきだし

会話ふきだし

会話ふきだしにしたい文章を選択した状態でタグ会話ふきだし会話

メモ

会話ふきだしを使うためには、あらかじめAFFINGERに会話吹き出しようの画像を登録しておく必要があります。

WordPressメニューAFFINGER5管理会話・ファビコン等会話風アイコン

ふきだしの向きを逆にするには、タグに「(半角スペースを空けて)r」を挿入します。

[st-kaiwa7 r]公式サイトからダウンロードできるよ。[/st-kaiwa7]

 

  • ステップ

ステップ

ステップ表示にしたい文章を選択した状態でタグテキストパーツステップ

ステップ内の数字を編集

タグ内の数字を変更することでステップNoを変えることができます。

 

  • リンクの挿入

リンクの挿入

リンクにしたい文字列を選択した状態でリンクの挿入・編集→表示された枠内にリンクを挿入し適用をクリック

ここでは、試しにAFFINGER5トップページ「https://the-money.net/」をコピペして入れてみましょう。

 

  • ミニふきだし

ミニふきだし

ミニふきだしとして表示したい文字列を選択した状態でタグテキストパーツミニふきだしレッド

このままの状態だとふきだしの位置が上過ぎるのでタグ内の数字を変更します。

ミニふきだしを調整

「20px」から「-10px」へ変更してください。

 

step
3
ボックス(シンプル)・マーカー・こんな方におすすめ・ボタン

ステップ3の画像

 

  • ボックス(シンプル)

ボックス

ボックスで囲いたい文章を選択した状態でタグボックスデザインマイボックスしかく(枠のみ)

 

  • マーカー

マーカー

マーカーを引きたい文字列を選択した状態でスタイルマーカー赤マーカー(細)

 

  • こんな方におすすめ

こんな方におすすめ

こんな方におすすめBOXを挿入したい場所にカーソルを合わせ、タグボックスデザインこんな方におすすめ(v)

「これはダミーのテキストです」を削除して文章を入力していきます。

メモ

キーボードのEnterを押すごとに項目を増やしていくことができます。

 

  • ボタン

ボタン

ボタンを表示したい場所にカーソルを合わせ、タグカスタムボタンノーマル詳しくはコチラ(レッド)

ボタンの入力の仕方

リンク先に指定したいURLを入力、ボタン内に表示したい文字列を入力します。

たとえば今回の場合だとこんな感じ👇

ここにリンク先URLを入力:https://the-money.net/

ボタン内に表示させたい文字列を入力:AFFINGER5公式サイトはこちら

メモ

ボタンをクリックしたときに、リンク先を別ウィンドウで開きたくないときはtarget="_blank"target=""に書き換えよう。

 

大福
これで記事装飾は完成だよ!画面右上のプレビューで確認してみよう。

記事装飾をする時に参考にしているサイト

僕が記事を書くときは、基本的にはここで紹介した12種類の記事装飾をメインで使っています。

でも、AFFINGER5にはまだまだ使いきれないほどの記事装飾がいっぱい。

 

どこにどんな記事装飾を使うか迷った時には、僕はこちらのサイトを参考にしています。

 

AFFINGER5で使用できる記事装飾一覧を確認することができるので、自分の記事に使った時のイメージがしやすくなり便利です。

 

まとめ:まずは記事を書くことに集中しよう

AFFINGER5を購入して間もない頃は、全然使いこなせなくて当然です。

一番良くないのは、記事装飾やブログカスタマイズにこだわり過ぎて全然記事を書けなくなってしまうこと。

ブログで稼ぎたい!と思っている人は、記事を書いてなんぼです。

 

使い慣れるまでは、今回紹介した12種類の記事装飾を使ってとにかく記事を書いてみて下さいね。

 

AFFINGER5の購入がまだの人はこちらからどうぞ。

\ 今なら人気プラグイン無料プレゼント中 /

AFFINGER5公式販売サイト

 

AFFINGER5の購入を検討している人はこちらの記事を参考にしてください。

レビュー
AFFINGERレビューTOP
【AFFINGER5レビュー】6つのココが気に入った!と2つの残念

続きを見る

 

AFFINGERの記事装飾に関する記事をさらに見たい人はこちら。

挿入した画像がぼやける
WordPress|画面キャプチャした文字入り画像がぼやけるを解決

続きを見る

見やすい表の作り方
AFFINGER5見やすい表の作り方【手順を全て解説】

続きを見る

AFFINGER5お気に入り記事装飾
AFFINGER5でお気に入りの機能や記事装飾20選【2020年版】

続きを見る

こちらの記事もよく読まれています

  • この記事を書いた人
大福

大福

人間関係に嫌気がさして10年間務めた会社を退職。その後3年間のニート生活を送る。自宅にいながらパソコン1台で稼げることを知り、現在はストレスフリーな毎日を送っています。このサイトではブログやアフィリエイトで稼ぐ方法を発信しています。自宅にいながら稼げるって素晴らしい♪

-AFFINGER

© 2020 大福日記