ブログカード作成に!SWELLの関連記事ブロック

SWELL専用ブロックである「関連記事ブロック」について説明します◎

「関連記事ブロック」とは下のようなブロックです!

目次

Cocoonとの比較

Cocoonとの比較です。

Cocoonでは似たような機能に「ブログカード」と呼ばれるブロックがあります。

SWELLでは記事を選択するとエディター画面上で確認が可能です◎

それに対し、Cocoonでは実際に反映されているかをプレビュー画面で確認する必要があります。。。

SWELL
Cocoon
  • 機能有無:有
  • 時短比較:差異有り (より速い)
  • 機能有無:有 「ブログカード」
  • 時短比較:差異有り (より遅い)

関連記事ブロックのだしかた

ブロックを追加

「ブロックを追加」をクリックしてください。

関連記事ブロックの選択

SWELLブロック内の「関連記事」を選択すれば完了です!

ブロックの確認

関連記事ブロックを選択すると、下のようなブロックが挿入されます。

内部リンクから入力する場合は「ID」もしくは「タイトル」から添付したい関連記事を検索してください。

内部リンクタブを選択時

外部リンクから入力する場合は「URL」を直接入力します。

外部リンクタブを選択時

もしくは「/blogcard」か「/postlink」と入力すれば、簡単に呼び出せることができ、時短になり便利です◎

関連記事ブロックのデザイン

内部リンクと外部リンクの違い

内部リンクから検索した場合と外部リンクから検索した場合でデザインが若干異なります。

↓内部リンクから検索した場合

↓外部リンクから検索した場合

テキストリンク表示

関連記事ブロックを選択した状態で右側のエディター画面からテキストリンク表示を設定することができます。

テキストリンク表示をONにするとブログカードは下のようになります。

画像の非表示

関連記事ブロックを選択した状態で右側のエディター画面から画像の非表示も設定することが可能です◎

画像非表示をONにするとブログカードは下のようになります。

抜粋文の非表示

関連記事ブロックを選択した状態で右側のエディター画面から抜粋分の表示を設定することができます。

抜粋文非表示をONにするとブログカードは下のようになります。

「あわせて読みたい」の文字を変更

内部リンクから設定した場合、デフォルト設定では「あわせて読みたい」と表示されます。

外部リンクから設定した場合は「サイト名」がデフォルトで設定されています。

関連記事ブロックを選択した状態で右側のエディター画面から表示される文字を変更することができます。

例えばキャプションに「関連記事」と入力をすることで下のようなブログカードを作成できます!

さいごに

当ブログでは5 STEPでCocoonからSWELL移行検討の悩みを解決できるブログとなっています。

必要に応じて記事をご確認下さい◎

STEP0 コンセプト
当ブログのコンセプトを確認できます。

STEP1 比較する
CocoonとSWELLを比較していきます。
この記事を読むことでテーマ間の大きな違いを理解できるようになります。

STEP2 機能を知る
SWELLでできることを具体的に説明します。
Cocoonにも有る機能かも解説していきます。

STEP3 評判を知る
SWELLの評判についてまとめています。
評判を知ることで、テーマ移行するか否かの参考にしてみてください。

STEP4 移行する
SWELLへのテーマ移行手順を説明しています!
この手順を完了すれば、いよいよSWELLでのブログ生活がスタートします。

STEP5 整える
SWELLへ移行後にやっておきたい諸設定をまとめています!

最後まで読んでいただきありがとうございました◎

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ご訪問ありがとうございます!
サイト運営者のけんです。
普段は化学メーカー勤務のサラリーマンをしている28歳男性です!
社会人5年目になりました。
当サイトではワードプレステーマ「Cocoon」から「SWELL」へ移行すべきか否かの悩みを解決する情報を中心に発信しています。
アイコンは日本の有名なNFTプロジェクト「CNP」です。

コメント

コメントする

目次