MENU
  •   ワーク
    •   特殊美術
    •   舞台美術
    •   宣伝美術
  •   お知らせ
    •   公演案内
  •   アーカイブ
    •   groschat
  •   ぶいログ
    •   SWELL
    •   うぇぶ万覚帳
    •   ぎんたノート
      •   ドレッサー演出ノート
  •   なぎさの遁走日記
    •   怪猫見参!
    •   伝説の少女
    •   なぎさ写真
groschat online
  •   ワーク
    •   特殊美術
    •   舞台美術
    •   宣伝美術
  •   お知らせ
    •   公演案内
  •   アーカイブ
    •   groschat
  •   ぶいログ
    •   SWELL
    •   うぇぶ万覚帳
    •   ぎんたノート
      •   ドレッサー演出ノート
  •   なぎさの遁走日記
    •   怪猫見参!
    •   伝説の少女
    •   なぎさ写真
groschat online
  •   ワーク
    •   特殊美術
    •   舞台美術
    •   宣伝美術
  •   お知らせ
    •   公演案内
  •   アーカイブ
    •   groschat
  •   ぶいログ
    •   SWELL
    •   うぇぶ万覚帳
    •   ぎんたノート
      •   ドレッサー演出ノート
  •   なぎさの遁走日記
    •   怪猫見参!
    •   伝説の少女
    •   なぎさ写真
  1. ホーム
  2. ぶいログ
  3. SWELL
  4. SWELL カテゴリーページのカスタマイズ

SWELL カテゴリーページのカスタマイズ

2024 7/21
SWELL
2024-07-21
swell

ブログパーツでカテゴリーページのカスタマイズ

SWELLでは、カテゴリーページのカスタマイズも出来るらしいので、チャレンジして見ました。

WebNote+
SWELLのカテゴリーページとタグページをカスタマイズする方法! | WebNote+ WordPressテーマ『SWELL』では、カテゴリーページやタグページも柔軟にカスタマイズすることができます。 たとえば、以下のようにアレンジすることも可能です。 オリジナル…

カテゴリーページのカテゴリー名の下にブログパーツが表示されるとの事。

カテゴリーページでブログパーツを表示するには、カテゴリーの一覧ページで、表示させたいカテゴリーの編集画面に行って設定すれば良いらしい。

カテゴリーページでブログパーツ表示する手順

  • 表示させたいブログパーツを作る
  • 管理画面→ブログパーツ→新規作成
  • ブログパーツをカテゴリー用として保存
  • 管理画面→投稿→カテゴリーでカテゴリーの一覧を表示
  • 編集したいカテゴリーを選択して、編集画面に
  • 編集画面の下の方の「ページで呼び出すブログパーツ」からブログパーツを選択
  • カテゴリーを更新

以上の手順で、カテゴリーページにブログパーツが表示出来ると言う訳ですね。

ブログパーツで記事一覧を作るつもりなので、カテゴリーの設定で「記事一覧リストを表示する」を「表示しない」に設定しました。

ブログパーツを作る

レイアウトは、投稿ページのレイアウトに合わせて2カラムにしました。
左に画像、右に記事一覧。
記事一覧はSWELLの「投稿リスト」ブロックでカテゴリーを指定すれば良いと思っていました。

しかし、ひとつ問題がありまして、どうもSWELLの「投稿リスト」ブロックでは、ページ送りは表示出来ないらしいのです。
カテゴリーページで記事が並んでいる下にある数字「1・2・3・・・・」の事です。

そこで、考えたのが「SWELLの「archive-term.php」を読み込んでしまおう。」と言う事でした。

WPCodeで記事一覧のPHPをショートコードにする

  • WPCodeで新規コードスニペットを作成。
  • SWELLの「archive-term.php」のコードをコピー。
  • コードスニペットにコードをペースト。
  • 「ブログパーツの表示」の部分を消去。
  • コードスニペットを保存して有効化。
  • コードスニペットのショートコードをコピー。
  • ブログパーツの右カラムにペーストして保存。

そのままだと、以下の問題が発生しました。

  • 「カテゴリー名」が表示されて、重複する。
  • カテゴリーで設定している「記事一覧リストを表示する」を「表示しない」に設定すると表示されなくなる。
Screenshot

対応策として、いくつかの項目をコメントアウトしました。

  • 9行目「$wp_obj = get_queried_object();」を//でコメントアウト(タイトル消す)
  • 13行目「$is_show_list = get_term_meta( $term_id, ‘swell_term_meta_show_list’, 1 );」を//でコメントアウト(一覧表示)

はい、これで完成です。

これをカテゴリーの数だけ作らなければいけないのですが、
面倒なのでコピペしようと思います。

ブロックのコピーの仕方は、投稿編集画面の右上にある「・・・」の

全てのブロックをコピーする

  • 全てのブロックをコピーする。
  • 新規のブログパーツ作成。タイトル入力。
  • ブロックをペーストして画像を差し替え、保存。

この作業を繰り返して、各カテゴリーページが出来上がりました。

あわせて読みたい
SWELL 記事一覧リストを4カラムにする PCで記事一覧リストを4カラムにする SWELLの記事一覧リストはデフォルトで3カラムまでですが、これを4カラムに変更します。 以下のサイトの記事を参考にしました。 PC表…

コメントアウトしたSWELLの「archive-term.php」のコードを記載しようと思いましたが、有料テーマなのでやめておきます。

SWELLは、ネットでもカスタマイズ情報が多くて助かります。

SWELL
設定マニュアル | WordPressテーマ SWELL このページでは、WordPressテーマ「SWELL」の各種設定方法についての説明記事をまとめています。SWELLをご利用になられる方は、ぜひ順番にご確認ください。 解説記事一覧ペ…
SWELL
  • URLをコピーしました!

swell

SWELL カテゴリーページのカスタマイズ

2024 7/21
SWELL
2024-07-21