Menu
カテゴリー

【SWELL】おすすめ記事の作成とサイドバーへの設置方法を解説

悩む人

サイドバーに設置できるウィジェットに「[SWELL]人気記事」や「[SWELL]新着記事」はあるけど「おすすめ記事」がありません。「おすすめ記事」を作成およびサイドバーに設置する方法を教えてほしいです。

こういった悩みにお答えします。

本記事を読むことで以下のように「おすすめ記事」をサイドバーに設置できるようになります。

本記事で解決できること

  • 「おすすめ記事」を作れるようになる
  • 「おすすめ記事」をサイドバーに設置できるようになる

News

以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。

本記事の内容

【SWELL】「おすすめ記事」を作成する方法

「おすすめ記事」の作り方

管理画面メニューから、「ブログパーツ」>「新規追加」を選択します。

投稿画面から、「ブロック挿入ツールを切り替え」>「ブロック」>「SWELLブロック」>「投稿リスト」を選択します。

投稿画面から、「設定」>「ブロック」>「Pickup」を選択した後、以下を行います。

  • 投稿IDを直接指定:管理画面メニューの「投稿」>「投稿一覧」の記事ごとに割り当てられているIDを入力します。

投稿IDの表示場所

タブを「ブロック」から「ブログパーツ」へ切り替えた後、以下を行います。

  • 用途:「ブロックパターン」にチェックを入れます。

ブログパーツ一覧を確認すると「おすすめ記事」が追加されています。

【SWELL】「おすすめ記事」をサイドバーに設置する方法

サイドバーに設置

管理画面メニューから、「外観」>「ウィジェット」を選択します。

ウィジェットから、カスタムHTMLをトップページ専用サイドバーにドラッグ&ドロップします。その後、以下を行います。 ※ 「共通サイドバー」にドラッグ&ドロップしてもOKです。

  • タイトル:「おすすめ記事」と入力します。
  • 内容:「ショートコード」をコピペします。

ちなみに、

  • 共通サイドバーとは:サイドバーが設置されているページであれば同じウィジェットが表示される。
  • トップページ専用サイドバーとは:「トップページのみ」および「共通サイドバー」の上部に表示させることができる。

です。

設置確認

カスタムHTMLを保存後、サイトを表示させるとサイドバーに「おすすめ記事」が設置されています。

News

以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。

今回は以上です。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
本記事の内容