AFFINGER5のタグ一覧

概要

WordPressとAFFINGER5についての解説記事でも少し紹介しましたが、AFFINGER5には270以上のタグ機能があります。
あまりにも数が多く探すのが大変なので、効果一覧を作っておきました。

 

 

 

テキストパーツ

▼クリップメモ　＞　メモ

 

▼クリップメモ　＞　外部リンク

 

▼クリップメモ　＞　ブックマーク

 

▼クリップメモ　＞　お知らせ

 

▼クリップメモ　＞　はてな

 

▼クリップメモ　＞　コメント

 

▼クリップメモ　＞　コード

 

▼クリップメモ　＞　ポイント

 

▼クリップメモ　＞　ユーザー

 

▼クリップメモ　＞　初心者

 

▼クリップメモ　＞　注意文

 

▼クリップメモ　＞　注意文（グレー）

 

▼クリップメモ（テキスト）　＞　メモ

 

▼クリップメモ（テキスト）　＞　参考

 

▼クリップメモ（テキスト）　＞　関連

 

▼クリップメモ（テキスト）　＞　注意

 

▼クリップメモ（テキスト）　＞　Check

 

▼クリップメモ（テキスト）　＞　次へ進む

 

▼クリップメモ（テキスト）　＞　前に戻る

 

▼クリップメモ（テキスト）　＞　質問

 

▼クリップメモ（テキスト）　＞　回答

 

▼ミニふきだし　＞　基本

 

▼ミニふきだし　＞　オレンジ

 

▼ミニふきだし　＞　ピンク

 

▼ミニふきだし　＞　ブルー

 

▼ミニふきだし　＞　グリーン

 

▼ミニふきだし　＞　レッド

 

▼ミニふきだし　＞　＋マイボックス

 

▼複合　＞　自由なメモ

 

▼複合　＞　ココがポイント

 

▼複合　＞　ココがおすすめ

 

▼複合　＞　ココがダメ

 

▼複合　＞　ココに注意

 

▼複合　＞　もっと詳しく

 

▼複合　＞　女性コメント

 

▼複合　＞　男性コメント

 

▼複合（アイコンなし）　＞　自由なメモ

 

▼複合（アイコンなし）　＞　ココがポイント

 

▼複合（アイコンなし）　＞　ココがおすすめ

 

▼複合（アイコンなし）　＞　ココがダメ

 

▼複合（アイコンなし）　＞　ココに注意

 

▼複合（アイコンなし）　＞　もっと詳しく

 

▼複合（アイコンなし）　＞　はてなマーク

 

▼まるもじ（小）　＞　基本
テキスト入力サンプル

 

▼まるもじ（小）　＞　オレンジ
テキスト入力サンプル

 

▼まるもじ（小）　＞　ピンク
テキスト入力サンプル

 

▼まるもじ（小）　＞　ピンク
テキスト入力サンプル

 

▼まるもじ（小）　＞　ブルー
テキスト入力サンプル

 

▼まるもじ（小）　＞　うすい注意
テキスト入力サンプル

 

▼まるもじ（小）　＞　注意
テキスト入力サンプル

 

▼まるもじ（大）　＞　基本

テキスト入力サンプル

 

▼まるもじ（大）　＞　オレンジ

テキスト入力サンプル

 

▼まるもじ（大）　＞　ピンク

テキスト入力サンプル

 

▼まるもじ（大）　＞　ブルー

テキスト入力サンプル

 

▼まるもじ（大）　＞　はてな

テキスト入力サンプル

 

▼まるもじ（大）　＞　チェック

テキスト入力サンプル

 

▼まるもじ（大）　＞　うすい注意

テキスト入力サンプル

 

▼まるもじ（大）　＞　注意

テキスト入力サンプル

 

▼HTML（カスタム）　＞　ルビ（ふりがな）
ふりがな

 

▼HTML（カスタム）　＞　Pタグ

このテキストをPタグで囲む

 

▼HTML（カスタム）　＞　spanタグ
ここをspanタグで囲む

 

▼カスタムフォント　＞　デフォルト

ここのテキストに反映

 

▼カスタムフォント　＞　白影

このテキストに反映

 

▼ステップ

step
1テキスト入力サンプル

step
2テキスト入力サンプル

 

 

▼ポイント

テキスト入力サンプル

 

▼ラベル

 

 

▼流れる文字（marquee風）

 

 

ボックスデザイン

▼ボックスデザイン　＞　バナー風ボックス　＞　基本

 

▼ボックスデザイン　＞　バナー風ボックス　＞　背景無し（400px）

 

▼ボックスデザイン　＞　バナー風ボックス　＞　左寄せ

 

▼ボックスデザイン　＞　マイボックス　＞　基本

 

▼ボックスデザイン　＞　マイボックス　＞　しかく（枠のみ）

 

▼ボックスデザイン　＞　マイボックス　＞　まるみ

 

▼ボックスデザイン　＞　マイボックス　＞　参考

 

▼ボックスデザイン　＞　マイボックス　＞　関連

 

▼ボックスデザイン　＞　マイボックス　＞　メモ

 

▼ボックスデザイン　＞　マイボックス　＞　ポイント

 

▼ボックスデザイン　＞　マイボックス　＞　注意ポイント

 

▼ボックスデザイン　＞　マイボックス　＞　はてな

 

▼ボックスデザイン　＞　マイボックス　＞　＋ミニふきだし

 

▼ボックスデザイン　＞　マイボックス　＞　ShortCode

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　メモ

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　メモ（下線のみ）

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　メモ（枠のみ）

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　メモ（枠・下線あり）

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　注意（下線のみ）

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　必要なモノ

 

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　必要なモノ（ドット下線）

 

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　チェックリスト

 

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　チェックリスト（ドット下線）

 

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　簡単な流れ

 

 

▼ボックスデザイン　＞　マイボックス（＋CSSクラス）　＞　簡単な流れ（ドット下線）

 

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　基本

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　注意

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　はてな

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　ポイント

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　メモ

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　基本（タイトル幅100%）

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　注意（タイトル幅100%）

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　はてな（タイトル幅100%）

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　ポイント（タイトル幅100%）

 

▼ボックスデザイン　＞　見出し付きフリーボックス　＞　メモ（タイトル幅100%）

▼ボックスデザイン　＞　メモボックス

 

▼ボックスデザイン　＞　スライドボックス

 

▼ボックスデザイン　＞　チェックボックス（番号無しリスト）

 

▼ボックスデザイン　＞　こんな方におすすめ (v)

 

 

▼ボックスデザイン　＞　こんな方におすすめ [v]

 

 

▼ボックスデザイン　＞　ガイドマップメニュー

 

 

▼ボックスデザイン　＞　pre

 html
テキスト入力サンプル

 

▼ボックスデザイン　＞　pre: terminal

 command
テキスト入力サンプル

 

▼ボックスデザイン　＞　pre: shortcode

 shortcode
テキスト入力サンプル

 

 

カスタムボタン

▼カスタムボタン　＞　ノーマル　＞　基本

ボタン

 

▼カスタムボタン　＞　ノーマル　＞　詳しくはコチラ（オレンジ）

詳しくはコチラ

 

▼カスタムボタン　＞　ノーマル　＞　詳しくはコチラ（レッド）

詳しくはコチラ

 

▼カスタムボタン　＞　ノーマル　＞　詳しくはコチラ（グリーン）

詳しくはコチラ

 

▼カスタムボタン　＞　ノーマル　＞　詳しくはコチラ（ブルー）

詳しくはコチラ

 

▼カスタムボタン　＞　ノーマル　＞　お問合せ

お問合せ

 

▼カスタムボタン　＞　ノーマル　＞　もっと詳しく（オレンジ）

もっと詳しく

 

▼カスタムボタン　＞　ノーマル　＞　もっと詳しく（ピンク）

もっと詳しく

 

▼カスタムボタン　＞　ノーマル　＞　もっと詳しく（ブルー）

もっと詳しく

 

▼カスタムボタン　＞　ノーマル　＞　人気ランキング

人気ランキング

 

▼カスタムボタン　＞　ノーマル　＞　ランキングはこちら

ランキングはコチラ

 

▼カスタムボタン　＞　角丸　＞　基本

角丸ボタン

 

▼カスタムボタン　＞　角丸　＞　詳しくはコチラ（オレンジ）

角丸ボタン

 

▼カスタムボタン　＞　角丸　＞　詳しくはコチラ（レッド）

角丸ボタン

 

▼カスタムボタン　＞　角丸　＞　詳しくはコチラ（グリーン）

角丸ボタン

 

▼カスタムボタン　＞　角丸　＞　詳しくはコチラ（ブルー）

角丸ボタン

 

▼カスタムボタン　＞　ミニ　＞　基本
ボタン

 

▼カスタムボタン　＞　ミニ　＞　詳しくはコチラ（オレンジ）
詳しくはコチラ

 

▼カスタムボタン　＞　ミニ　＞　詳しくはコチラ（レッド）
詳しくはコチラ

 

▼カスタムボタン　＞　ミニ　＞　詳しくはコチラ（グリーン）
詳しくはコチラ

 

▼カスタムボタン　＞　ミニ　＞　詳しくはコチラ（ブルー）
詳しくはコチラ

 

▼カスタムボタン　＞　MCボタン　＞　オレンジ

 

▼カスタムボタン　＞　MCボタン　＞　レッド

 

▼カスタムボタン　＞　MCボタン　＞　グリーン

 

▼カスタムボタン　＞　MCボタン　＞　ブルー

 

▼カスタムボタン　＞　ボックスメニュー　＞　基本（4列）

• メニューA

• メニューB

• メニューC

• メニューD

 

▼カスタムボタン　＞　ボックスメニュー　＞　サブあり（4列）

• メニューA

  サブテキスト

• メニューB

  サブテキスト

• メニューC

  サブテキスト

• メニューD

  サブテキスト

 

▼カスタムボタン　＞　ボックスメニュー　＞　縦並びタイプ

• メニューA

• メニューB

• メニューC

• メニューD

 

▼カスタムボタン　＞　ボックスメニュー　＞　縦並びタイプ（サブあり）

• メニューA

  サブテキスト

• メニューB

  サブテキスト

• メニューC

  サブテキスト

• メニューD

  サブテキスト

 

▼カスタムボタン　＞　ボックスメニュー　＞　縦並びタイプ（単品）

• メニューA

  サブテキスト

 

▼カスタムボタン　＞　ボックスメニュー　＞　ボタンA

 

 

▼カスタムボタン　＞　ボックスメニュー　＞　ボタンB

 

 

会話ふきだし

▼会話ふきだし　＞　会話１（ r]で反対向き）
管理画面　＞　AFFINGER5 管理　＞　会話・ファビコン等　で設定したアイコン設定が表示。
下記会話例では、「会話2」までアイコンが設定されているという前提。

 

 

▼会話ふきだし　＞　会話２

 

 

 

 

ランキング

▼ランキング　＞　ランキング1位（基本）

 

▼ランキング　＞　ランキング2位

 

▼ランキング　＞　ランキング3位

 

▼ランキング　＞　ランキング4位以下

 

 

レイアウト

▼レイアウト　＞　全サイズ　＞　左右30：70%

 

 

▼レイアウト　＞　全サイズ　＞　左右50：50%

 

 

▼レイアウト　＞　全サイズ　＞　左右free%

 

▼レイアウト　＞　全サイズ　＞　均等横並び

 

 

▼レイアウト　＞　PCとTab（959px以上）　＞　3分割

 

 

▼レイアウト　＞　PCとTab（959px以上）　＞　左右30：70%

 

 

▼レイアウト　＞　PCとTab（959px以上）　＞　左右70：30%

 

 

▼レイアウト　＞　PCとTab（959px以上）　＞　左右40：60%

 

 

▼レイアウト　＞　PCとTab（959px以上）　＞　左右60：40%

 

 

▼レイアウト　＞　DIV　＞　メイン

 

▼レイアウト　＞　DIV　＞　サブ

 

▼レイアウト　＞　DIV　＞　背景ワイド

 

▼レイアウト　＞　タブ（切替ボタン）　＞　2つ

 

 

▼レイアウト　＞　タブ（切替ボタン）　＞　3つ

 

▼レイアウト　＞　タブ（切替ボタン）　＞　4つ

 

▼レイアウト　＞　タブ　＞　2つ

 

▼レイアウト　＞　タブ　＞　3つ

 

▼レイアウト　＞　タイムライン　＞　基本

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

 

▼レイアウト　＞　タイムライン　＞　センター

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

 

▼レイアウト　＞　タイムライン　＞　基本（ステップ）

• step.1

  ここにコンテンツ




• step.2

  ここにコンテンツ




• step.3

  ここにコンテンツ

 

▼レイアウト　＞　タイムライン　＞　センター（ステップ）

• step.1

  ここにコンテンツ




• step.2

  ここにコンテンツ




• step.3

  ここにコンテンツ

 

▼レイアウト　＞　タイムライン　＞　ブログカード

• 

  イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

  Tweets by hazki_art 

  続きを見る




• 

  イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

  Tweets by hazki_art 

  続きを見る




• 

  イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

  Tweets by hazki_art 

  続きを見る

 

▼レイアウト　＞　タイムライン（カウント）　＞　基本

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

 

▼レイアウト　＞　タイムライン（カウント）　＞　センター

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

 

▼レイアウト　＞　タイムライン（カウント）　＞　ブログカード

• 

  イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

  Tweets by hazki_art 

  続きを見る




• 

  イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

  Tweets by hazki_art 

  続きを見る




• 

  イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

  Tweets by hazki_art 

  続きを見る

 

 

その他パーツ

▼その他パーツ　＞　Googleアイコン　＞　Mac
desktop_mac

 

▼その他パーツ　＞　Googleアイコン　＞　iPhone
phone_iphone

 

▼その他パーツ　＞　Googleアイコン　＞　tablet
tablet_mac

 

▼その他パーツ　＞　Googleアイコン　＞　タイマー
timer

 

▼その他パーツ　＞　Googleアイコン　＞　Map
location_on

 

▼その他パーツ　＞　Googleアイコン　＞　自転車
directions_bike

 

▼その他パーツ　＞　Googleアイコン　＞　走る
directions_run

 

▼その他パーツ　＞　Googleアイコン　＞　車
directions_car

 

▼その他パーツ　＞　Googleアイコン　＞電車
directions_transit

 

▼その他パーツ　＞　Googleアイコン　＞　地下鉄
subway

 

▼その他パーツ　＞　Googleアイコン　＞　飛行機
flight

 

▼その他パーツ　＞　Googleアイコン　＞　駐車場
local_parking

 

▼その他パーツ　＞　Googleアイコン　＞　レストラン
restaurant

 

▼その他パーツ　＞　Googleアイコン　＞　ストア
store_mall_directory

 

▼その他パーツ　＞　Googleアイコン　＞　ケーキ
cake

 

▼その他パーツ　＞　スター　＞　スター（5）

 

▼その他パーツ　＞　スター　＞　スター（4.5）

 

▼その他パーツ　＞　スター　＞　スター（4）

 

▼その他パーツ　＞　スター　＞　スター（3.5）

 

▼その他パーツ　＞　スター　＞　スター（3）

 

▼その他パーツ　＞　スター　＞　スター（2）

 

▼その他パーツ　＞　スター　＞　スター（1）

 

▼その他パーツ　＞　画像付きコメント

 

▼その他パーツ　＞　アドセンス

スポンサーリンク

 

▼その他パーツ　＞　オリジナルショートコード

 

▼その他パーツ　＞　Youtube

 

▼その他パーツ　＞　三角（下矢印）

 

▼その他パーツ　＞　スクロールナビ

 

 

 

▼その他パーツ　＞　目次（カスタム）

 

 

▼その他パーツ　＞　目次（TOC+）

 

 

記事一覧/カード

▼記事一覧/カード　＞　記事一覧

 

▼記事一覧/カード　＞　カテゴリー一覧

 

▼記事一覧/カード　＞　カテゴリー一覧（スライドショー）

 

▼記事一覧/カード　＞　スライドショー（※クラス）

 

 

▼記事一覧/カード　＞　おすすめ記事一覧

 

▼記事一覧/カード　＞　ブログカード　＞　参考

 

▼記事一覧/カード　＞　ブログカード　＞　CHECK（ふきだし）

イラスト素人がオリジナルキャラを作れるようになるまでの練習仮定を公開😌

Tweets by hazki_art 

続きを見る

 

▼記事一覧/カード　＞　条件表示　＞　コメントアウト

 command
[st-out]テキストサンプル[/st-out]

 

▼記事一覧/カード　＞　条件表示　＞　エディタ用メモ

 command
[st-comment-out memo="メモ"]

 

▼記事一覧/カード　＞　条件表示　＞　PC閲覧時のみ表示

 command
[pc]テキストサンプル[/pc]

 

▼記事一覧/カード　＞　条件表示　＞　PC閲覧時のみ非表示

 command
[nopc]テキストサンプル[/nopc]

 

▼記事一覧/カード　＞　条件表示　＞　AMPページのみ表示

 command
[st-amp]テキストサンプル[/st-amp]

 

▼記事一覧/カード　＞　条件表示　＞　AMPページのみ非表示

 command
[st-no-amp]テキストサンプル[/st-no-amp]

 

▼記事一覧/カード　＞　条件表示　＞　フロントページのみ表示

 command
[frontonly]テキストサンプル[/frontonly]

 

▼記事一覧/カード　＞　条件表示　＞　フロントページのみ非表示

 command
[no-frontonly]テキストサンプル[/no-frontonly]

 

▼記事一覧/カード　＞　条件表示　＞　指定したカテゴリーIDのみ表示

 command
[catonly cat="0"]テキストサンプル[/catonly]

 

▼記事一覧/カード　＞　条件表示　＞　ログイン時のみ表示

 command
[login-only]テキストサンプル[/login-only]

 

▼記事一覧/カード　＞　条件表示　＞　ログイン時のみ非表示

 command
[logout-only]テキストサンプル[/logout-only]

 

 

ショートコード補助

ショートコードのクラスは、これ単体では動作しません。
下記の「fa-file-text-o」の部分を書き換えると該当のクラスのスタイルが反映されます。

 command
[st-cmemo fontawesome="fa-check-circle" iconcolor="#4FC3F7" bgcolor="#E1F5FE" color="#000000" bordercolor="" borderwidth="" iconsize=""][/st-cmemo]

 

▼「fa-check-circle」を入力した場合

 

 

AFFINGER5について

AFFINGER5はアフェリエイトに強いCMSとして有名です。
そのためSEO対策には強く、それらが簡単に設定するための機能が充実しています！

 

デザイン以外でも、これらの機能が非常に便利です！

 

 

AFFINGERついてのまとめ

AFFINGER5に限らず、WordPressの有料テーマはこのように多くの機能でが充実しているので、費用対効果はとても高いと思います！
少なくとも、もう無料テーマの自己カスタマイズには戻れないですね...！

 

尚、AFFINGER5は拡張できる特別版として、アナリティクスとデザインを強化した拡張機能の「EX版」や「すごいもくじ」などの拡張機能がありますが、一番安い基本パッケージだけで十分です！

 

有料のテーマだと「THE THOR（ザ・トール）」と「Afiinger」で迷う方が多いかと思いますが、トールがデフォルトでオールインワンで機能が豊富なのに対して、AFFINGER5は他の機能は好みに応じてプラグインをインストールするのに適しているようです。
また、上記のような用意されている装飾タグはAFFINGER5の方が多く使い易い感じですかね。

プラグインの追加や、コード変更でカスタマイズをする中級者以上のかたは、AFFINGER5の方が良いかなと思います。