この記事はアフィリエイト広告を利用しています。

以下の投稿を書いたときは、公開日・更新日・投稿者 をページヘッダーに表示することを断念して、パンくずリストの下に表示しました。

ページヘッダーに投稿のタイトルを表示するやり方

公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。

再挑戦してみたところ、 公開日・更新日・投稿者 をページヘッダーに表示することに成功しましたので、そのやり方を紹介します。

 公開日・更新日・投稿者 をページヘッダーに表示することに成功しました

カスタマイズ手順

子テーマの functions.php に以下の2つのフィルターフックを追加しました。

// ページヘッダーに投稿のタイトルとメタ情報を表示
function my_lightning_page_header_title_html( $page_header_title_html ) {

  if( is_singular( 'post' ) ){
    $page_header_title_html  = '<div class="page-header-title">' . get_the_title() . '</div>';
    $page_header_title_html .= lightning_get_entry_meta();
  }

  return $page_header_title_html;
}
add_filter( 'lightning_page_header_title_html', 'my_lightning_page_header_title_html' );


// 記事本文のヘッダーを非表示
function my_lightning_is_entry_header( $is_entry_header_display ) {

  if( is_singular( 'post' ) ){
    $is_entry_header_display = false;
  }

  return $is_entry_header_display;
}
add_filter( 'lightning_is_entry_header', 'my_lightning_is_entry_header' );

前回の記事 では lightning_the_entry_meta() を使ったところ、メタ情報を思った通りの位置に出力できませんでした。なぜかタイトルよりも前に出力されてしまって、その原因がわからず、パンくずリストの下に表示させるという逃げ方をしました。

今回は lightning_get_entry_meta() を使ったところ、意図した通りの結果になりました (^^♪

この手のカスタマイズがお好きな方はご参考にどうぞ。そうでない方におすすめなのが Lightning G3 Pro Unit !!

G3 Pro Unit をインストールすれば、こんな手間をかけなくても(ノーコードで)ページヘッダーに投稿のタイトルを表示できるんです (^^♪

Lightning G3 Pro のページヘッダー設定
Lightning G3 Pro のページヘッダー設定

この ↑ 設定画面で 投稿タイトル を選べば投稿のタイトルがページヘッダーに表示されますし、投稿タイトルとメタ情報 を選べば投稿タイトルの下に 公開日・更新日・投稿者 も表示されます。

さらに、 公開日・更新日・投稿者 のうち、どれを表示するのかも ↓ この画面でかんたんに選べます。

Lightning G3 Pro の詳細ページ設定
Lightning G3 Pro の詳細ページ設定

Lightning G3 Pro Unit の入手方法

Lightning G3 Pro Unit 有料の WordPress プラグインですが、単体では販売されていなくて、Vektor Passport というライセンス製品に含まれて販売されています。

Vektor Passport は、コピペで使える豊富なプロ品質プレミアムパターン、Lightning G3 Pro Unit、VK Blocks Pro を好きなだけ使える大変お得なライセンス製品です。ライセンス1つで自分が制作・管理する複数のサイトに使うことができます。ライセンス期間は 1年 / 3年 / 5年 から選べます。

Vektor Passport(ライセンス期間1年)
Vektor Passport(ライセンス期間3年)
Vektor Passport(ライセンス期間5年)

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス (新潟県南魚沼市)
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、お手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

メールでのお問い合わせはこちら

Lightning テーマ使用

中小企業様、個人事業主様向け

最適なホームページ

を制作いたします

制作費用クオリティを落とさずに



価格を抑えたサイトを制作します
必要十分お問い合わせフォーム、新着情報など



必要なものが最初から揃っています
サポート1年間のサポートがついて安心
初めてでもホームページを活用できます