1/01SWELL2023年1月1日SWELLのブログカード機能である『関連記事ブロック』の設定方法やできることの解説記事です。ver2.7.2のアップデートでSWELLのブログカード機能である『関連記事ブロック』に新しい機能とスタイルが追加されました。アップデートに合わせて記事も更新済みです。SWELLここに注目!今回のアップデートで一番目立つのは関連記事ブロックに新しいスタイルが追加されたことです。過去バージョンと比べるとUIが変わっているので、使い勝手に慣れる時間が必要かもしれません。※サンプルのため、押してもページ遷移しません。この記事の目次スタイル&設定機能紹介まずは一番気になるであろう関連記事ブロックの表示スタイルをサンプルでご覧ください。ver2.7.1のアップデートでSWELLに新しい専用ブロック機能が追加されました。リンクリストブロックは複数のリンクをリスト化して並べることに特化した専用ブロッ...※サンプルのため、押してもページ遷移しません。※サンプルのため、押してもページ遷移しません。ブロックは基本スタイルからさらに細かな設定が可能です。画像を非表示にするデフォルトスタイルで自動的に表示されるアイキャッチ画像を非表示にすることができます。THORのカラムは調整大変。SWELLならサクッと設定できます。THOR」と「SWELL」で使える機能一つひとつ取り上げて真剣レビューする連載を続けています。今回はコンテンツを横並びに配置で...※サンプルのため、押してもページ遷移しません。抜粋文を非表示にするデフォルトスタイルで抜粋されるテキストを非表示にすることができます。※サンプルのため、押してもページ遷移しません。キャプションを変える未設定だと「あわせて読みたい」と表示されるテキストを変更することができます。ここがキャプションだよ!!1位はあのWordPressテーマ!アフィリエイトアワード受賞サイト利用テーマ調査報告(2021年度)※サンプルのため、押してもページ遷移しません。ページタイトルを上書きする未設定だとリンク先のページタイトルが表示されるテキストを変更することができます。※サンプルのため、押してもページ遷移しません。関連記事ブロックで「スリム」or「テキスト」スタイルを選択している場合、表示アイコンを変更することができます。スリムサンプルリンクサンプルリンク※サンプルのため、押してもページ遷移しません。テキストサンプルリンクサンプルリンク※サンプルのため、押してもページ遷移しません。各スタイルで使える設定比較表スタイルによって使える設定機能をまとめました。大まかな設定の流れSTEP関連記事ブロックを設置するとにかく設置。STEPリンク先を設定する2通りの設定方法があります。関連記事ブロックを設置する兎にも角にもまずは最初に関連記事ブロックを設置します。リンク先を設定する」が出現するので押してみましょう。するとリンク先設定項目がピコッと表示されます。リンク先の設定方法は2通りです。それぞれのメリット・デメリットも交えて解説します。「検索またはURLを入力」に投稿ページタイトルやカテゴリー名称などで検索して指定するやり方です。外部サイトのURLを入力すれば、ブログカードのリンク先に外部サイトを指定することができます。実際に触ってみてちょっと気になったことを下記にまとめました。完全に検証しきった訳ではないですし、公式情報ではないので、ご参考までに。検索結果の表示上限は20件までっぽい検索結果の表示件数に上限がありそうです。そのためサイト内でよく使う文字列で検索すると、目当てのページが検索結果に出てこない可能性があります。わたしのサイトの場合、SWELLに関する記事をよく書いているので、「SWELL」と検索してもカテゴリーページは検索結果に表示されませんでした。検索範囲はタイトルだけではなく、本文も含まれる検索したときの対象はページタイトルだけでなく、ページ内の文字列やページ内に掲載している画像URLの文字列まで含まれるようです。その一方で本文内の文字列でも検索にヒットしないケースもありました。プラグインで生成しているコンテンツは対象外になっていると思われます。キーワード検索では目当てのページが出てこない場合があり得るので、サイト内リンクをブログカードにする場合は、次で解説する「投稿またはタームのIDを直接入力」で検索することをおすすめします。「投稿またはタームのIDを直接入力」に投稿ページやカテゴリーページのIDを直接入力して指定するやり方です。IDによる指定なので、外部サイトを指定することはできません。ID入力欄の右隣にある「投稿|ターム」タブどちらを選択するかで、IDの検索対象が変わります。ID列タームタブ選択時カテゴリーIDタグID先に解説した「検索またはURLを入力」でサイト内リンクを生成しようとした場合、検索範囲が広すぎて、目当てのページが表示されないことが起こり得ましたが、こちらはID指定なので、検索結果が必ず一意(ユニーク)となります。IDを調べて入力する手間はかかりますが、正確なIDを入力すれば必ずリンク先が指定できるところがメリットです。外部サイトは指定できないIDを探す手間がかかるリンク先設定方法のメリット&デメリットリンクの再編集する関連記事ブロックを選択した状態にするとツールバーに「リンク」ボタンが表示されます。「リンク」ボタンを押すと一度設定したリンクを再編集できます。リンクのREL属性を設定する関連記事ブロックではリンクのREL属性を指定することができます。noreferrer」が自動的に挿入されます。この他にREL属性値を追加するケースがないか調べてみましたが、どれもケースバイケースで必須ではなさそうです。属性とはアフィリエイトリンクの場合、rel=”sponsored”を付けることが考えられますが、これはGoogleが支持している一方、付けないからといってペナルティを受けたという事実もないようです(つまり必須ではなく推奨レベル)。アフィリエイトサイトは、リンクのrel=nofollowをrel=sponsoredに置き換えるべきか?スタイル・表示内容を設定する関連記事ブロックのスタイルは「関連記事ブロック用設定パネル」で設定します。設定項目は選択したスタイルによって異なります。SWELLのブログカード機能は設定簡単ですごく優秀!今回のアップデートでブログカードの表現の自由度が増しました。カテゴリーページへのリンクが関連記事ブロックで設定できるようになったことで、より見栄えのいいサイト内導線が設計できるようになったことは大きなメリットだと思います。設定のUIがこれまでと違う部分が多いので、既存のSWELLユーザーもとにかく一度触ってみることをおすすめします。SWELLは開発者である了さんの熱量がすごくて、新しいブロック機能の追加や、既存ブロック機能のアップデートがとても多いWordPressテーマです。ありがたいことに、SWELLは買い切りのWordPressテーマなので、一度購入すれば、アップデートされた機能を追加料金なしで使うことができます。ブログを書いたり、デザインしたりする時間がすごく短縮されることを考えると、使えば使うほどコスパがいいWordPressテーマだと思います。今後もSWELLのアップデートが楽しみです!たくさんのブログの中から最後まで読んでいただきありがとうございました。気軽に、楽しく記事を書こう。ブロックエディタ&SWELLでよく使うショートカットコマンド2021年11月7日satou金融系Web広告担当ブログ未経験でいきなりワードプレスからはじめました!金融業界で働く一介のWeb広告担当者です。わかりやすい肩書はWebマーケターだけど、マーケティングって言えるほど大層な仕事でもない。ブログでは、Webマーケティングのことや生活を豊かにする情報をシェアしていきます。最近はワードプレステーマ『SWELL』にどっぷりハマってます。『SWELL』についてばかり書くことになりそう。