AFFINGER

AFFINGER6(アフィンガー6)のタグ機能の装飾一覧

AFFINGER6(アフィンガー6)のタグ機能の装飾一覧
困っている人
  • AFFINGER6のタグを一覧で見たい

こんなお悩みを解決します。

本記事の内容

  • AFFINGER6のタグ一覧表

本記事の信頼性

この記事を書いているぼくは、

  • AFFINGER使用歴5ヶ月
  • AFFINGERを500時間以上使用
  • 副業収入5桁

AFFINGER6には記事を装飾するタグ機能が豊富にあります。

バリエーションが豊富すぎて混乱することもあるかと思いますので、本記事をタグの早見表としてお役立てください。

なおタグの場所は、記事の編集画面で左上の「+」をクリックして「クラシック」を追加し、

タグ①

以下の表示の「タグ」から選ぶことができます。

タグ②

まだAFFINGER6を導入していない方へ

【忖度なし】AFFINGER6(アフィンガー6) の評判や口コミは?でAFFINGER6を徹底レビューしています。

よし

忖度なしでレビューしているので、気になる方は参考にどうぞ

オススメ!
AFFINGER6
【特典付き】AFFINGER6(アフィンガー6) の評判は?【デメリットも暴露

続きを見る

もくじ

テキストパーツ

最初はテキストを装飾する「テキストパーツ」を一覧でご紹介します。

クリップメモ

メモ

外部リンク

ブックマーク

おしらせ

はてな

コメント

コード

ポイント

ユーザー

初心者

注意文

注意文(グレー)

クリップメモ(テキスト)

メモ

参考

関連

注意

Check

次へ進む

前に戻る

質問

回答

ミニふきだし

基本

          

オレンジ

          

ピンク

          

ブルー

          

グリーン

          

レッド

          

+ マイボックス

ふきだしテキスト

複合

自由なメモ

自由なメモ

ココがポイント

ココがポイント

ココがおすすめ

ココがおすすめ

ここがダメ

ココがダメ

ココに注意

ココに注意

もっと詳しく

さらに詳しく

女性コメント

◯才女性

男性コメント

◯才男性

複合(アイコンなし)

自由なメモ

自由なメモ

ココがポイント

ココがポイント

ココがおすすめ

ココがおすすめ

ココがダメ

ココがダメ

ココに注意

ココに注意

もっと詳しく

もっと詳しく

はてなマーク

つまづきポイント

まるもじ(小)

基本

          

オレンジ

          

ピンク

          

ブルー

          

うすい注意

          

注意

          

まるもじ(大)

基本

          

オレンジ

          

ピンク

          

ブルー

          

はてな

          

チェック

          

うすい注意

          

注意

          

HTML(カスタム)

ルビ(ふりがな)

ふりがな

Pタグ

          

spanタグ

          

カスタムフォント

デフォルト

           デフォルト

白影

白影

ステップ

step
1
step1

step
2
step1

step
3
step3

ポイント

ラベル

おすすめ

流れる文字(marquee風)

流れる文字

ボックスデザイン

つづいて「ボックスデザイン」の装飾を一覧でご紹介します。

バナー風ボックス

基本

タイトル

背景なし(高さ400px)

タイトル

左寄せ

タイトル

マイボックス

基本

ポイント

しかく(枠のみ)

まるみ

参考

参考

関連

関連

メモ

メモ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

+ ミニふきだし

ふきだしテキスト

ShortCode

マイボックス(+CSSクラス)

メモ

メモ

メモ(下線のみ)

メモ

メモ(枠のみ)

メモ

メモ(枠・下線あり)

メモ

注意(下線のみ)

ここに注意

必要なモノ

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

必要なモノ(ドット下線)

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

チェックリスト

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

チェックリスト(ドット下線)

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

簡単な流れ

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

簡単な流れ(ドット下線)

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

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

基本

見出し(全角15文字)

注意

注意

はてな

はてな

ポイント

ポイント

メモ

メモ

基本(タイトル幅100%)

見出し(全角15文字)

注意(タイトル幅100%)

注意

はてな(タイトル幅100%)

はてな

ポイント(タイトル幅100%)

ポイント

メモ(タイトル幅100%)

メモ

メモボックス

メモ

スライドボックス

チェックボックス(番号なしリスト)

 

こんな方におすすめ(V)

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです

こんな方におすすめ[V]

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです

ガイドマップメニュー

pre

 html

pre:terminal

 command

pre:shortcode

 shortcode

カスタムボタン

つづいて「カスタムボタン」の装飾一覧です。

ノーマル

基本

ボタン

詳しくはコチラ(オレンジ)

詳しくはコチラ

詳しくはコチラ(レッド)

詳しくはコチラ

詳しくはコチラ(グリーン)

詳しくはコチラ

詳しくはコチラ(ブルー)

詳しくはコチラ

お問合せ

お問合せ

もっと詳しく(オレンジ)

もっと詳しく

もっと詳しく(ピンク)

もっと詳しく

もっと詳しく(ブルー)

もっと詳しく

人気ランキング

人気ランキング

ランキングはコチラ

ランキングはコチラ

角丸

基本

角丸ボタン

詳しくはコチラ(オレンジ)

角丸ボタン

詳しくはコチラ(レッド)

角丸ボタン

詳しくはコチラ(グリーン)

角丸ボタン

詳しくはコチラ(ブルー)

角丸ボタン

ミニ

基本

ボタン

詳しくはコチラ(オレンジ)

詳しくはコチラ

詳しくはコチラ(レッド)

詳しくはコチラ

詳しくはコチラ(グリーン)

詳しくはコチラ

詳しくはコチラ(ブルー)

詳しくはコチラ

MCボタン

オレンジ

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

レッド

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

グリーン

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

ブルー

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

ボックスメニュー

基本(4列)

サブあり(4列)

縦並びタイプ

縦並びタイプ(サブあり)

縦並びタイプ(単品)

ボタンA

ボタンB

会話ふきだし

つづいて「会話ふきだし」の一覧です。

会話1〜8までアイコンと名前、ふきだしの背景色を設定できるのでお好みで変更しましょう。

困っている人

会話1

会話2 反転バージョン

困っている人

よし

会話3

会話4 反転バージョン

おさげさん

ランキング

つづいて「ランキング」の一覧です。

ランキング1位(基本)

ランキング1位

ランキング2位

ランキング2位

ランキング3位

ランキング3位

ランキング4位以下

ランキング4位以下

レイアウト

つづいて「レイアウト」の一覧です。

全サイズ

左右30:70%

このテキストは最後に消して下さい(30%)

このテキストは最後に消して下さい(70%)

左右50%

このテキストは最後に消して下さい(50%)

このテキストは最後に消して下さい(50%)

左右free%

このテキストは最後に消して下さい(%)

このテキストは最後に消して下さい(%)

均等横並び

  • 横並びコンテンツ
  • 横並びコンテンツ
  • 横並びコンテンツ

PCとTab(959px以上)

3分割

このテキストは最後に消して下さい(33%)

このテキストは最後に消して下さい(33%)

このテキストは最後に消して下さい(33%)

左右30:70%

このテキストは最後に消して下さい(30%)

このテキストは最後に消して下さい(70%)

左右70:30%

このテキストは最後に消して下さい(70%)

このテキストは最後に消して下さい(30%)※スマホ(599px以下)ではこちらが上になります

左右40:60%

このテキストは最後に消して下さい(40%)

このテキストは最後に消して下さい(60%)

左右60:40%

このテキストは最後に消して下さい(60%)

このテキストは最後に消して下さい(40%)※スマホ(599px以下)ではこちらが上になります

左右50%

このテキストは最後に消して下さい(50%)

このテキストは最後に消して下さい(50%)

背景ワイド

タブ(切替ボタン)

2つ




タブ1のコンテンツ

タブ2のコンテンツ


3つ





タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ


4つ






タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ

タブ4のコンテンツ


タブ

2つ




タブ1のコンテンツ

タブ2のコンテンツ


3つ





タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ


タイムライン

基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


センター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


基本(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


センター(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


ブログカード

タイムライン(カウント)

基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


センター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


ブログカード

その他のパーツ

つづいて「その他のパーツ」の一覧をご紹介します。

スター

星5:

星4.5:

星4:

星3.5:

星3:

星2:

星1:

三角(下矢印)

スクロールナビ

目次(カスタム)

記事一覧/カード

つづいて「記事一覧/カード」の一覧をご紹介します。

記事一覧

カテゴリ一覧

カテゴリ一覧(スライドショー)

おすすめ記事一覧

ブログカード

参考

no image
参考Poeの詳しい説明

続きを見る

CHECK(ふきだし)

こちらもCHECK

no image
Poeの詳しい説明

続きを見る

まとめ:AFFINGER6の装飾を有効的に使おう。

以上のとおり、AFFINGER6ではプラグインを入れたり難しい操作をしなくても、おしゃれな装飾をすることができます。

やりすぎには注意が必要ですが、たくさんある装飾をうまく活用しておしゃれな記事に仕上げてください。

本記事が参考になれば幸いです。

-AFFINGER
-