悩む人
サイドバーに設置できるウィジェットに「[SWELL]人気記事」や「[SWELL]新着記事」はあるけど「おすすめ記事」がありません。「おすすめ記事」を作成およびサイドバーに設置する方法を教えてほしいです。
こういった悩みにお答えします。
本記事を読むことで以下のように「おすすめ記事」をサイドバーに設置できるようになります。
本記事で解決できること
- 「おすすめ記事」を作れるようになる
- 「おすすめ記事」をサイドバーに設置できるようになる
News
以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。
【SWELLブロックエディタ使い方ガイド】テーマ専用機能まとめ
SWELLでのブロックエディタの使い方を知りたいですか?本記事では、ブロックツールバーで使えるSWELL専用機能やWordPress標準搭載のブロックをカスタマイズしたブロック、SWELL専用のカスタムブロックの使い方を解説しています。SWELLでのブロックエディタの使い方を知りたい方は是非ご覧ください。
本記事の内容
【SWELL】「おすすめ記事」を作成する方法
「おすすめ記事」の作り方
管理画面メニューから、「ブログパーツ」>「新規追加」を選択します。
投稿画面から、「ブロック挿入ツールを切り替え」>「ブロック」>「SWELLブロック」>「投稿リスト」を選択します。
投稿画面から、「設定」>「ブロック」>「Pickup」を選択した後、以下を行います。
- 投稿IDを直接指定:管理画面メニューの「投稿」>「投稿一覧」の記事ごとに割り当てられているIDを入力します。
投稿IDの表示場所
タブを「ブロック」から「ブログパーツ」へ切り替えた後、以下を行います。
- 用途:「ブロックパターン」にチェックを入れます。
ブログパーツ一覧を確認すると「おすすめ記事」が追加されています。
【SWELL】ブログパーツの使い方【確実に出来ることの幅が広がる】
SWELLのブログパーツの使い方を知りたいですか?本記事では、ブログパーツを使った実装例の紹介から実装例を元にブログパーツの登録方法や使い方の解説までしています。SWELLのブログパーツの使い方を知って出来ることの幅を広げたい方は是非ご覧ください。
【SWELL】専用ブロック「投稿リスト」のカスタマイズ方法を解説
SWELLブロック「投稿リスト」のカスタマイズ方法を知りたいですか?本記事では、投稿リストのSettingsとPickupの使い方からカスタマイズ方法までを解説しています。SWELLで自分好みのサイトにしたい・実装の幅を広げたい方は是非ご覧ください。
【SWELL】「おすすめ記事」をサイドバーに設置する方法
サイドバーに設置
管理画面メニューから、「外観」>「ウィジェット」を選択します。
ウィジェットから、カスタムHTMLをトップページ専用サイドバーにドラッグ&ドロップします。その後、以下を行います。 ※ 「共通サイドバー」にドラッグ&ドロップしてもOKです。
- タイトル:「おすすめ記事」と入力します。
- 内容:「ショートコード」をコピペします。
ちなみに、
- 共通サイドバーとは:サイドバーが設置されているページであれば同じウィジェットが表示される。
- トップページ専用サイドバーとは:「トップページのみ」および「共通サイドバー」の上部に表示させることができる。
です。
設置確認
カスタムHTMLを保存後、サイトを表示させるとサイドバーに「おすすめ記事」が設置されています。
News
以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。
【SWELLブロックエディタ使い方ガイド】テーマ専用機能まとめ
SWELLでのブロックエディタの使い方を知りたいですか?本記事では、ブロックツールバーで使えるSWELL専用機能やWordPress標準搭載のブロックをカスタマイズしたブロック、SWELL専用のカスタムブロックの使い方を解説しています。SWELLでのブロックエディタの使い方を知りたい方は是非ご覧ください。
今回は以上です。