ワードプレス

AFFINGER5で、リンクの一種「ブログカード」を作る手順【WordPressブログ】

AFFINGER5_リンクをブログカードで作る_アイキャッチ



あずきです🐥

このブログでも愛用中のWordPressテーマ、「WING(AFFINGER5)」における…

「ブログカード」の作成手順

について、初心者さん向けに1から解説していきます♪

まず「ブログカード」とは、ブログにおける「リンク」の一種で…

AFFINGER5_リンクをブログカードで作る_top-01

↑ こういったもの

通常の…

AFFINGER5_リンクをブログカードで作る_top-02

↑ こういったテキストリンク(青字のとこ!)よりも、よりキャッチーかつ目立たせることができます

で、「WING(AFFINGER5)」なら、このブログカードの作成は「超簡単」です

具体的には、次の2ステップにわかれます

  1. ブログカードにしたい記事の、「ページID」をチェックする
  2. そのページIDを、「カード」ボタンでショートコード化する
30秒もかからないよ!

それではさっそく見ていきましょー🐥

ブログカードにおける「抜粋文」の表示設定のカスタマイズ方法は、↓ をどうぞ♪

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_アイキャッチ
AFFINGER5で、「ブログカード」の抜粋表示の設定をカスタマイズする手順【WordPressブログ】

続きを見る

このブログのWordPress環境

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

AFFINGER5における、「ブログカード」の作成手順【WordPress】

【ステップ①】ブログカードにしたい記事の、「ページID」をチェックする

ブログガイド_見出し_01

まずは、ブログカードにしたい記事の「ページID」を調べましょう

WING(AFFINGER5)」では…

AFFINGER5_リンクをブログカードで作る_1-01

↑ WordPress管理画面 > 投稿一覧 をクリックすると…

AFFINGER5_リンクをブログカードで作る_1-02

↑ この投稿一覧から、各記事の「ページID」が簡単にわかるようになってます

拡大すると…

AFFINGER5_リンクをブログカードで作る_1-03

↑ ここです

今回は例として、このページIDが「1」の記事を、ブログカードにしていきたいと思います

次パートへ!

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

【ステップ②】そのページIDを、「カード」ボタンでショートコード化する

ブログガイド_見出し_02

「ページID」が無事わかったら、新たに記事の編集画面を開きましょう

ちなみに編集エディタは、普通に「ビジュアルエディタ」のままでOKです

「そもそもエディタって何…?」という方は、↓ をどうぞ♪

wp-editor-visual-and-text-20200308_ec
WordPressの「ビジュアルエディタ&テキストエディタ」とは?【クラシックエディタにおけるブログ記事編集】

続きを見る

ということで編集画面を開いたら、本文欄の…

AFFINGER5_リンクをブログカードで作る_2-01

↑ ブログカードを作りたい場所に、まずその「ページID」を普通に入力しましょう

入力したら…

AFFINGER5_リンクをブログカードで作る_2-02

↑ そのページIDを、丸ごと選択した状態で…

AFFINGER5_リンクをブログカードで作る_2-03

↑ 画面上部の「カード」ボタンをクリックすると…

AFFINGER5_リンクをブログカードで作る_2-04

↑ ブログカード用の「ショートコード」が、自動で挿入されます

編集画面だと実感は沸かないですが、これでもう「ブログカード」は完成してます

プレビューで見てみると…

AFFINGER5_リンクをブログカードで作る_2-05

↑ こんな感じ

WING(AFFINGER5)」におけるブログカードの基本的な作成手順は、これでOKです🐥

ただ!

こちらのブログカードは、「抜粋文」の表示設定をカスタマイズすることで、例えば…

AFFINGER5_リンクをブログカードで作る_2-06

↑ こんなふうに、スッキリしたデザインにすることも可能です

「抜粋文の表示設定」のカスタマイズ方法は、↓ をどうぞ♪

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_アイキャッチ
AFFINGER5で、「ブログカード」の抜粋表示の設定をカスタマイズする手順【WordPressブログ】

続きを見る

おしまい♪

あずき🐥

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-ワードプレス

© 2020 あずきのぶろぐ。