【AFFINGER5】ブログをすっきりさせるブログカードの作り方

男性

AFFINGER5（アフィンガー）で使用できるCSSの装飾について色々知りたい！

こんな悩みに答えます。

稼ぐことに特化したWordPressテーマ「AFFINGER5（アフィンガー）」。

今回はブログオシャレに見える「ブログカード」についてご紹介します。

ブログカードを使うとサイトの見た目がスッキリするのでオシャレになりますよ！

AFFINGER5でブログをおしゃれにする「ブログカード」とは

こんなのを指します↓

参考記事のリンクになっているので、クリックしたときにページへ誘導できます。おしゃれ！

なによりこれの良いところは、AFFINGER5 ならショートコードを使用して

手軽にブログカードを作ることができるのです！

では、やり方を見ていきましょう。

AFFINGER5のブログカードの作り方

記事作成画面のエディターから

カード

から作成できます。

できるショートコードは

st-card myclass="" id= label="" pc_height="" name="" bgcolor="" color="" fontawesome="" readmore="on"

 ですね（［ ］は削除しています）

文言の記載方法は、

• id="" に遷移先記事のIDを入力する
  ※例: id=424
• label=""に「おすすめ」「参考記事」など入力（入れなくてもおｋ）
• readmore="on"をoffにすると「続きをみる」の表示がなくなります。

よく使用するので、覚えておくといいですよ！

プレビューで見ながら書くと出来上がりのイメージが付くかもしれません。

これだけ！

あとは必要なの分だけショートコードを書くだけです。

まとめ：AFFINGER5使ってるならタグ装飾はすごい簡単

以上、今回は「ブログカード」ついてご紹介しました。

すごい簡単ですよね。

WordPressそもそもの機能がすごいので、

HTMLやCSSの知識がなくても、

おしゃれな装飾が簡単にできます。

特にAFFINGER5だと様々な種類ががあるので、

使いこなすほうが難しいです笑

今後もこういったAFFINGERに関することを紹介していきます。

お疲れさまでした。