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

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. Nishiki(Pro)
  4. Nishiki Pro:フックを使って特定のページを Twitter ボタンからシェアする時のタイトルテキストを変更する方法【上級者向け】

このページでは、Nishiki Pro テーマで、特定の投稿や固定ページに設置してある Twitter ボタンを使ってシェアする際に、タイトルテキストを変更する方法について解説しています。

注意!

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

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

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

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

サンプルコード

いきなりですが、以下のサンプルコードを参考ください。

「nishiki_pro_share_twitter_title_text」フィルターを使って、セパレーター(区切り)の文字列を「 - 」に変更しています。

if( ! function_exists( 'nishiki_pro_custom_twitter_title_text' ) ) {
 function nishiki_pro_custom_twitter_title_text( $title_text, $page_title, $separator, $site_title ){
  $separator = ' - ';

  $title_text = $page_title . $separator . $site_title;

  return $title_text;
 }
	
 add_filter( 'nishiki_pro_share_twitter_title_text', 'nishiki_pro_custom_twitter_title_text', 10, 4 );
}

使用できる引数を以下にまとめましたので参考ください。

引数の解説

引数デフォルト値備考
$title_text$page_title . $separator . $site_title
$page_titleget_the_text()取得したテキストが 100 文字を超えるの場合は"..."で省略
$separatorurlencode( ' | ' )
$site_titleget_bloginfo('name')

タイトルテキストは、最終的にエスケープ(esc_html)して出力しています。条件分岐などを加えて、柔軟にタイトルテキストを変更できますので、お試しください😀

WordPress テーマ Nishiki Pro

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

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

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

最新情報をチェック!

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

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

など