AFFINGER6のブログカード（内部リンク）を記事内に貼る方法

悩みを抱えている人

ブログカードの使い方がわからないので知りたい！ブログカードのデザインも変えてブログカードの見出しを消したい！

上記お悩みについて解決します。

  本記事の内容

  本記事の信頼性

AFFINGERの「ブログカード」ってどうやるの？と悩んでいませんか？

そんな方に向けて、AFFINGERのブログカードの使い方を紹介しますね。

ちなみに、当ブログも 「ACTION（AFFINGER6）」を導入しています。

まだの方は、下の記事でインストール方法を解説しているので参考にしてください。

AFFINGER6のブログカードの使い方

ねとまる

よく使われているブログカードは2種類あるよ

例えばこちらの「吹き出しあり」

こちらは「吹き出し」がなくラベルが付いているパターン

せっかくなので、2つのパターンをご紹介します。

お好みでブログカードを作成してみてください。

ブログカードで吹き出し付きを設置する手順

ブログカード「吹き出しあり」を設置する手順は以下のようになります。

するとこのように簡単にブログカードを設置することができました。

「こちらもCHECK」の文字を変えたい場合は、ここを好きな文字に変えればOKです。

ブログカードでラベル付きを設置する手順

ブログカード「ラベル付き」を設置する手順は以下のようになります。

上記画像の赤枠部分にある「カード」を押すとラベル付きブログカードを設置することができます。

こんな感じですね。

しかし、この状態だとラベルが付いておらずラベルを付ける為にはコードに文字を入力する必要があります。

カードを選択すると記事内ではこちらのコードが表示されています。

上記画像のように

ここでは、”AFFINGER”と入力しました。

するとこのように、ラベルが表示されましたね。

このままでは、希望のブログカードを設置できないので、次項で指定の記事をブログカードにする方法をご紹介します。

AFFINGER6で指定した記事をブログカードにする方法

まずは先程と同じようにブログカードを呼び出します。

記事画面ではこのようにコードが表示されていますが、触る場所は１ヵ所だけなので安心してください。

上記画像にあるように、

ブログのIDは、

上記画像の赤枠で囲っているID番号を先程の「id=“”」の間に数字を入れます。

このように入力すると無事に指定した記事をブログカードにすることができました。

ブログカードの吹き出しとラベルの背景色を変える方法

ブログカードの背景色を変える方法は、ブログカードを選択した時に表示されるコードの中にある

bgcolor=の後ろにある「○○○○」の部分を変えると色が変わります。

上記画像の赤枠部分ですね。

色のコードの場所はこちら

吹き出しがあるブログカードで「青薄」を選んだ場合このようになります。

ラベルがあるブログカードで「赤」を選んだ場合このようになります。

AFFINGER6のブログカードの抜粋を消す方法

ブログカードの抜粋された文字を非表示にする手順は以下のようになります。

するとこちらの画面が表示されます。

上記画像の赤枠部分のみチェックを入れることでこのように非表示になります。

まとめ：ブログカードはお好みでカスタマイズしよう

今回はブログカードの使い方についてご紹介させて頂きました。

ブログカードは見た目がいいので使う機会も多いかと思います。

お好みのデザインにして、いろいろ試してみてください。

 本記事の振り返り

また、この記事をみて「AFFINGER」のテーマを導入してみたいと思った方はこちらからどうぞ↓

＼ 「ACTION（AFFINGER6）」をテーマにする ／

AFFINGERの目次・会話吹き出し・光るボタンの設定方法はこちら↓

AFFINGERのWebアイコンについてはこちら↓

今回は以上です。