Amazonで商品を見る セール会場へ

SWELL│投稿リストにカスタムフィールドを表示するカスタマイズ

SWELLの投稿リストは便利ですが、カスタムフィールドなどの値が表示できないのがネックです。

今まで自作のブログカード等で対応してきましたが、どうしてもSWELLの投稿リストを使いたいという要望で、なんとかカスタムフィールドの値を渡せないか試してみました。

ということで、渡せそうな場所が抜粋文の箇所しかありませんでしたので、そこにカスタムフィールドを表示するカスタマイズをしてみました。

ショートコードを使うことで抜粋文で消されるHTMLも表示できるようにしています。

サンプル

サンプルとして3記事だけにカスタマイズを適応しています。

本記事では投稿リストにカスタムフィールドを表示するカスタマイズを紹介します。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

SWELLで投稿リストにカスタムフィールドを表示するカスタマイズ

やり方は簡単です。

カスタムフィールドの値を抜粋文に格納して、SWELLの投稿リストに表示させるだけです。

今回は記事は記事を読む目安時間のカスタムフィールドを作成して表示させてみます。

カスタムフィールドを設置

まずはカスタムフィールドの値を作りましょう。

Smart Custom Fieldsというプラグインを使ってreadtimeという名前で設定しました。

Smart Custom Fieldsプラグインを使ってreadtimeという名前のカスタムフィールドを設定する画面。

日本語は1分あたり600文字文字読めるそうなので、その数字で計算してみます。

SWELLであれば編集記事タイトル横に文字数が記載されていますので、こちらでざっくり分数を算出して、カスタムフィールドに記載します。

記事編集画面のタイトル横に表示されている文字数の確認箇所。

今回は600文字以下なので1分としました。

算出した読了目安の分数をカスタムフィールドに入力した状態。

こんな感じで必要な値をカスタムフィールドに記載します。

ちなみに記事を読む目安時間の自動化も別記事にて紹介しています。

以下は有料コンテンツです。

この記事だけ読みたい方は単品購入、ほかの有料記事も読みたい方は購読プランをご確認ください。

購読対象の記事・料金は、下のプラン案内で確認できます。

役に立った記事を、ブログやSNSで紹介しませんか?

紹介制度の対象記事・購読プランを購入した方は、codocで専用リンクと報酬条件を確認できます。

専用リンク経由で購入されると、設定された紹介報酬が発生します。

購読プランの紹介報酬は初回課金のみが対象です。

codocで紹介リンク・報酬条件を確認する

紹介時は、広告・PRであることが読者に分かるように明記してください。

  • URLをコピーしました!

実装を任せたい方へ

SWELLのカスタマイズ代行

記事のコードをそのまま使うのが不安な場合や、サイトに合わせた調整が必要な場合は当社が実装します。1時間 ¥8,000〜(税込)。テーマ更新に強い書き方で納品します。

WAZAの有料記事のサブスクリプションも開始しました。

サービス

Service

WordPressサイトのカスタマイズのサービスに関心がありましたら、ぜひ詳細をご覧ください。

目次