WORDPRESS

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 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

About me

あずきアイコン main-01 背景透過

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

あずき

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

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

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

Twitter

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

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

WordPressブログ「完全初心者」ガイド 見出し a-01

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

WING(AFFINGER5)」では…

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

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

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

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

拡大すると…

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

↑ ここです

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

次パートへ!

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

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

WordPressブログ「完全初心者」ガイド 見出し a-02

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

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

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

WordPressの「ビジュアルエディタ&テキストエディタ」とは? アイキャッチ
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 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

About me

あずきアイコン main-01 背景透過

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

あずき

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

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

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

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ