これから Nishiki Pro
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. Nishiki(Pro)
  4. Nishiki Pro:フックを使ってアーカイブページなどの投稿の「抜粋」の周辺の html を変更する方法

このページでは、Nishiki Pro テーマ(バージョン 1.0.210 以降)の「投稿一覧」ブロック、最近の投稿、カテゴリーやタグなどのアーカイブページの投稿一覧などで表示している「抜粋」のテキストや、その周辺の html を変更する方法について解説しています。

注意!

ここからの情報は、PHP でコードが書けたり、ワードプレスのカスタマイズ知識や技術をある程度持っている上級者向けの内容として公開しています。

カスタマイズ用のプラグインを作ったり、子テーマを作って functions.php 内にコードを追記するなどで実装してください。

このようなカスタマイズがスラスラできるようになると、ワードプレスを扱う技術力も向上し、自信にもつながります。

もし駆け出しや初心者の方でも「やってみようかなぁ・・・」と、やる気がある方は、ぜひ挑戦してみてください!

サンプルコード

「抜粋」の周辺の html を変えたい場合

「抜粋」の周辺の html を変えたい場合は以下のように書きます。

//抜粋 html変更
if ( ! function_exists( 'nishiki_pro_custom_excerpt_html' ) ) {
 function nishiki_pro_custom_excerpt_html( $html, $post_id ){
  if( $post_id == 11059 ){
   $html = 'test';
  }

  return $html;
 }

 add_filter( 'nishiki_pro_excerpt_html', 'nishiki_pro_custom_excerpt_html', 10, 2 );
}

「nishiki_pro_excerpt_html」フィルターを使って、$post_id(投稿 ID)が 11059 の場合に html を変更しています。好きなクラスやテキストを設定してもいいですね。

「抜粋」の周辺の html を全て非表示(削除)にする方法

とりあえず「抜粋」のテキストやその周辺の html を全て非表示(削除)にしたい、という場合は、以下のコードを書けばできます。

add_filter( 'nishiki_pro_excerpt_html', '__return_false' );

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。

ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。

ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。

最新情報をチェック!

Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀

  • リリース情報
  • 新機能の紹介
  • 便利な使い方
  • 開発中の機能紹介
  • 導入事例
  • あるある日常ネタ

など