crftロゴ

Elementorで投稿のタイトルを自由に!

Elementorの固定ページ設定にあるたタイトルを隠すボタン。テーマが出すタイトルと自分でデザインしたタイトル、隠すボタンをオンにすると両方とも消えちゃいます。
投稿のタイトル
Minoru Nitta
Minoru Nitta
グラフィックデザイナー・フォトグラファー
このエントリーをはてなブックマークに追加

Elementorで投稿のタイトルを自由に!

Elementorのページタイトル

 テーマによると思いますが、通常ページタイトルは普通にページトップあたりに表示されます。Elementor推奨のテーマHelloでも同様ですが、Elementorの機能で簡単に表示をキャンセルすることが可能です。設定はElementorの編集パネルの下にあるギアマークの中で行います。

タイトル表示のオフ

 このギアマークをクリックすると、表示される投稿・固定ページの個別設定画面の中にタイトルを隠すボタンがあります。このボタンを有効にするとテーマが表示しようとするタイトルを強制的に隠すことが可能です。

 また、自分でデザインしたページタイトルで表示したい場合はPost Title (Page Title)ウィジェットを使いたくなりますが、ウィジェットで処理してもページの内容はページのタイトルなので、同様に非表示になってしまいます。

ページタイトルを自由に出すには?

 このような場合は見出しウィジェット を使います。

 見出しウィジェットは<H>タグを配置して見出しを設定するウィジェットです。一見わかりにくいですが、表示内容を動的に設定することも可能です。

見出し編集

 この方法だと、タイトルを隠すボタンに影響されることなく、ページタイトルを表示することが可能になります。ウィジェットなのでデザインの自由度も非常に高いです。