SWELL│特定のカテゴリーの投稿記事にCTAを挿入するカスタマイズ

swell-cat-cta

投稿記事の下に、特定のカテゴリー限定のCTAを入れ込みたいということはことはないでしょうか?

SWELLというカテゴリーに、記事の最後に特定のブログパーツを挿入しています。

こういったカテゴリー別の表示非表示は、下記の3つの方法があります。

  • WordPressプラグイン「Widget Options」を使う
  • CSSで表示・非表示をする
  • functions.phpで条件をつけてブログパーツを挿入する

プラグインを付ける場合は余計な機能がついてしまいますし、CSSを使う方法は要素を読み込んで非表示にしているだけなのでお勧めしません。

本記事では3番目のちょっとしたコードでブログパーツを挿入するカスタマイズを紹介いたします。

目次

SWELLで特定のカテゴリーの投稿記事にCTAを挿入するカスタマイズ

特定のカテゴリー記事にCTAを挿入するカスタマイズはfunctions.phpをコードを挿入するだけです。

以下、詳しく解説いたします。

特定のカテゴリー専用のブログパーツを作成する

ブログパーツから差し込みたい内容のCTAを作成します。

今回はカテゴリーページのブログカードを入れてみます。

functions.phpにコードを挿入する

WordPressの管理画面 > 外観 > テーマファイルエディター > functions.php

functions.phpに下記のコードを挿入してください。

2行目にブログパーツのID、3行目にカテゴリー番号を入力してください。

function motoki_cat_cta($the_content) {
    $add = do_shortcode('
');//ブログパーツのID if( is_single() && in_category('9') ) { //特定のカテゴリーIDの投稿記事 $return = $the_content; ob_start(); $return .= $add; $return .= ob_get_clean(); return $return; } else { return $the_content; } } add_filter('the_content','motoki_cat_cta');

カスタマイズは以上です。

コード挿入後にキャッシュをクリアして、指定したカテゴリーの記事を開いて確認しましょう。

まとめ

本記事ではSWELLで特定のカテゴリーの投稿記事にCTAを挿入するカスタマイズを紹介しました。

将来的にSWELLで条件式のウィジェットの出し分け機能が実装されるようですが、このカスタマイズの利点は2点あります

  • 細かい条件をつけてブログパーツを挿入できる
  • 記事終わりに直挿入できる

是非、本記事のカスタマイズを参考にしてください。

SWELLカスタマイズ全まとめ

SWELLに関連するカスタマイズ記事を全てまとめました。

是非チェックしてみてください。

contact

お問い合わせ

WordPressの技術的なお悩みやご要望がありましたら、お気軽にお問い合わせください。

もちろんデザインに関することも相談できます。

  • 見た目の調整エラー相談その他技術に関する相談をしたい
  • 絞り込み検索オリジナルのブロックを作りたい
  • SEO内部施策構造化データの設定を依頼したい
  • サイトの高速化を診断・依頼したい
  • トップページデザインを依頼したい

この記事を書いた人

すいみんのアバター すいみん テクニカルアーティスト

カナダ在住のテクニカルアーティスト。
大学ではアート(油画)を専攻。卒業後はアニメ・映画・映像・ゲーム業界で、2Dから3DCG、ゲームエンジン、WEB制作まで幅広いコンテンツ制作の経験を積んでいます。デザイナーとエンジニアの中間のポジションでお仕事をするのが得意。

目次
閉じる