affinge5の装飾機能スタイル一覧!装飾をうまく用いていい記事を作成しよう!

この記事の著者

名前:みこみこ 専門:外注化ブロガー&コンサル、外注化のプロ(今まで500人以上一人で雇った経験あり) 肩書き:元IT系サラリーマン 社畜の中の社畜! 上司に気に入られずパワハラされてた社畜時代に「くっそこいつら絶対見返してやる!ブログかくぞおお稼ぐぞおおお」精神で在職中にブログで収益化。 平日の隙間時間をフルコミットして、外注化をして最高1日100記事作成を可能とした。 そしてわずか半年で300万PV達成! 最高月収350万達成!(2021年5月達成) 現在は、社畜で忙しい方々に、ブログを書いてもらう方法を伝授している! 会社辞めたい手取給料18万で頑張っているサラリーマンに「ブログは自分で書いたらオワコン」とお話しさせていただいています。得意分野は外注化。1人で常時100人程雇い、最低でも1ヶ月100記事以上を自分の時間を使わずに記事追加しており、時間のない社畜に外注化を薦めている。

最近知った耳で聞ける読書アプリ。780円聴き放題。これは革命。自転車や電車やどこでも聞ける。これで1日1冊、年間100冊の本のハードル下がった。読書が本なしで楽しめる!荷物にならへんし、いいですよ! - audiobook.jp 無料期間あるので是非お試しを。世界変わります^^。

---------------------------------------

 

 

こんにちは。

 

ブログや、アフィリエイトサイトなど、上位サイトの人の多くは、affinger5を使っています。

 

こんなに多くの人に使われる理由としてあげられる理由の一つが、機能が充実していることですが、

 

みこみこ
みこみこ
ブロガー視点からいうと機能はとても大切

 

実際機能が多いからこそ、どんな機能があるの?って悩むことにもつながりますよね。

 

なので今日はそんなaffinger5の機能を説明していこうと思います。

 

さらにその中でも、装飾について、より詳しく書いていきたいと思いますので、ぜひ最後まで目を通していただければと思います!

 

affinger5ってもっと詳しく知りたい方は、こちらの記事をどうぞ

 

affinger5って何?稼ぎやすいって本当?メリット、デメリット、機能を分かりやすく解説!

 

 

affinger5の装飾をするメリット

 

 

  • 装飾により記事自体の質を高められる。
  • 装飾で読みやすくできるほか、手間も省けるので、記事作成にかける時間を増やせる。
  • 記事数が増え、露出が増える
  • 良い記事だと人が紹介してくれたら、そこからまた見に来てくれる人が増える!

 

など、装飾をうまく使って、いい記事を書くことが結果的に、いろいろなことにいい風に作用します。

 

みこみこ
みこみこ

まずは記事を更新しないことには、何も始まりませんが、変な記事量産しても、伸びないのが、ブログでもありますからね

 

良い記事内容であるのは、もちろんですが、装飾も実はかなり大切です!!

 

しっかりこの記事で装飾について、理解してもらえたらと思いますので、さっそく紹介していきます。

 

affinger5スタイルの装飾一覧

 

この記事では、affinger5スタイルの機能を一つ一つ紹介します!

 

テキスト

 

画像がないので、イメージしづらいかもしれませんが、スタイルを押した後、テキストを選択したら、一覧が出てきます!

 

よく使うやつ
  • 赤文字
  • 太文字
  • 赤太文字
  • 大文字
  • 小文字

 

 

他にも、

 

  • ドット線

文字の下にドット線が引いてある状態になります。

 

  • 参照リンク

リンクの前に、リンクマークを設定できるので、リンクを目立たせることができます。

 

  • 参考

参考マークが目立つように設定できます。

 

  • 必須

参考と同じ感じで、必須マークがあるので、目立ちますし、強調もできます。

 

  • 打ち消し

 

追記などしたいときにかなり使えます。

○○という風に言えます

–2021/7月21日追記—

 

 

  • code

 

<span class="st-hisu">必須</span>

このようにコードがそのまま出ている状態になります。

 

  • codeが見えない

 

先ほどのとは反対で、コードを目立たないようにできます。

個人的には、こっちの方がおしゃれかな?

 

  • NotoSans(フォント)

Google FontsのNotoSansというのを設定できます。

 

  • RoundedM+1c(フォント)

Google FontsのRoundedM+1c、こちらも、先ほどと同じように設定できます。

 

この上の2つは、サイトだけでは、伝えずらいですが、文字のフォントイメージが変わります。

書く記事によって使い分けるといいかもしれません。

 

 

アニメーション

 

 

続いてアニメーションです!

 

文字や画像などにアニメーション(動き)を付けることができます。

 

動きがあるだけでかなり、凝ったサイトに見えてサイトのイメージが、格段に良くなります。

 

アニメーション
  • 45°揺れ
  • ベル揺れ
  • 横揺れ
  • 縦揺れ
  • 点滅
  • バウンド
  • 回転
  • ふわふわ
  • 大小
  • シェイク
  • シェイク(強)
  • 拡大(ゆれ)
  • 過ぎる
  • 戻る
  • バースト
  • 落ちる

 

 

 

アニメーションだけで、こんなに種類があります。

 

動きを実際に見せられないのが悔しいですが、アニメーションは、サイトをうまく活用するうえで必須スキルです!

 

アイコン

 

アイコンにもこんなに種類があります。

 

うまく活用できると、かなり伝えやすくなりますよね!

 

アイコン
  • はてな
  • 注意
  • 人物
  • チェック
  • メモ
  • 王冠
  • 初心者マーク

 

 

 

見出し

 

どんなブログにも必ず必要な見出しは必要ですよね(^▽^)

 

私も、初めてブログ書いたときに、見出しを作った瞬間、ブログができてきたなあと感動したのを覚えています

見出し
  • キャッチコピー
  • キャッチコピー(目次)
  • カウント
  • 記事タイトル
  • h2風
  • h3風
  • h4風
  • h5風

基本的には、あくまで、見出し風なので、実際には見出しに反映されることはありません!

 

みこみこ
みこみこ

まとめのみは、目次に反映されますので覚えておきましょう

 

 

ランキング

 

ランキングを挿入すると目次に反映されてしまいますが、商品紹介などで使うとかなりブログの完成度を引き上げてくれる装飾です

ランキング
  • ランキング1位(基本)
  • ランキング2位
  • ランキング3位
  • ランキング4位以下

 

マーカー

 

マーカーは、説明不要ですよね(笑)

文章がつらつら書いてある記事はどうしても読みづらいものですが、

マーカーがあるだけで一気に記事の印象を変えることができます!

 

この記事でもかなりお世話になってます(笑)

 

標準マーカー

 

  • 黄マーカー

黄マーカー(細)

  • 赤マーカー

赤マーカー(細)

  • 青マーカー

青マーカー(細)

  • 鼠マーカー

鼠マーカー(細)

 

さらにこんなマーカ―もあります!

 

蛍光色マーカー

 

  • 黄緑マーカー
  • 黄緑マーカー(細)
  • オレンジマーカー
  • オレンジマーカー(細)

 

みこみこ
みこみこ
マーカ―1つで、読者にあたえる印象を、がらりと変えることができますから、うまく活用したいですね

 

写真

 

写真にも装飾することが可能なんです!

 

少し手のこんだひと手間こそ、ほかのサイトとの差別化を図るうえで重要となります

 

写真
  • 枠線
  • ポラロイド風
  • ワイド

 

 

ボックス

 

同じくたくさんお世話になっているボックスです!

 

ボックス
  • 黄色ボックス
  • 薄赤ボックス
  • グレーボックス
  • 引用風ボックス
  • チェックボックス(番号なしリスト)

 

 

これ以外にもこのような用途も可能です!!

ナンバリング
  • 例題
  • 例題
  • 例題
  • 例題

 

番号付きナンバリング
  1. 例題
  2. 例題
  3. 例題
  4. 例題

 

 

サイトイメージや、記事内容で使い分けることができたら、かなり、いいサイトに仕上がること間違いなしです!

 

 

レイアウト

 

全体的なバランスなどのレイアウトをよくしたいときには、うまく用いましょう

 

レイアウト

 

  • 回り込み解除
  • センター寄せ
  • 下に余白
  • カードスタイル

縦型のカード表示になります

  • カードスタイルB

PC、タブレット閲覧時のみ縦型表示になります

  • width100%リセット
  • imgインラインボックス

 

みこみこ
みこみこ
おろそかにされがちですが、人間が視覚からたくさんの情報を受け取っていることも考えると、レイアウトって本当に大切なんですよね。

 

 

スタイルだけでこんなにも装飾があるんですね!

 

知ってはいたんですが、改めてまとめながら書きながら自分もびっくりしました!(笑)

 

みこみこ
みこみこ
こんだけの方が、affinger5を導入するのも納得ですね。

まとめ

 

 

ということで、affinger5の装飾「スタイル」の一覧を紹介しました!

 

機能がたくさんあることが強みでもありますが、デメリットにもなります!

 

まずは使ってみないことには、なれることもありませんので、しっかり慣れて使いこなして、自分好みのおしゃれで、満足いくサイトを作成しましょう!

 

affinger5公式サイト

 

—————————————————————————————————————————

「いつまでブログ書いてるの?」でおなじみのみこみこです!

つーか君は誰なん?みこみこってなんや!
ちょっとだけちょっとだけ自己紹介いたします。

僕は、元IT系サラリーマンの鬱病患者でした。
ブログで300万PV達成&最高月収350万した過去があります

月100万以上稼ぐことに成功して

サラリーマン辞めました

資格は運転免許しかない

高校受験も大学受験も失敗しつづけ、大学院は中退

もちろん高校でも大学でも、ずっと下から10番以内の頭の出来でした。

なんとかIT企業に就職するも、鬱病で退職。

仕事もできない、鬱病になるような人でした。

面倒臭がりのダメダメ人間ですが、
なんとか仕事辞められるくらいの
収入は手に入れました。

正直、やったら誰でもできると思います。

僕がどうやって仕事を辞めて月収100万
稼げるようになったか、下記の記事で公開しています。

—————————————————————————————————————————

—————————————————————————————————————————

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)