お知らせ
このページで紹介している機能はこれまで Nishiki Pro 製品版のみ利用可能でしたが「よりテーマの機能や便利さを知ってもらい、ワードプレスを使ったブログやウェブサイト運営を楽しみながら継続できるきっかけにして欲しい」という思いから、お試し版でも利用可能といたしました。
もし、お試し版をご使用いただき、気に入っていただけましたら、継続的なアップデートやサポートのサービスが利用できる「製品版」のご利用を検討ください。
Nishiki Pro テーマでは、投稿/固定ページのアイキャッチ画像を表示レイアウトを変更できます。
レイアウトのパターン
- タイトルの背景(デフォルト)
- タイトルの上
- タイトルの下
- 本文の先頭
- 本文の先頭(広め)
![](https://support.animagate.com/wp/wp-content/uploads/2020/02/wp-nishiki-eye-catch-layout000-1280x720.png)
カスタマイザーから設定できます
ワードプレスの管理画面から「外観」→「カスタマイズ」を選択して「投稿ページ」または「固定ページ」のパネルを開きます。
![](https://support.animagate.com/wp/wp-content/uploads/2020/02/wp-nishiki-eye-catch-layout03.png)
パネル内の設定項目に「アイキャッチ画像のレイアウト」がありますので、選んでください。ここで設定したレイアウトがデフォルト設定になります。
![](https://support.animagate.com/wp/wp-content/uploads/2020/02/wp-nishiki-eye-catch-layout00.png)
投稿/固定ページそれぞれ個別に設定できます
投稿/固定ページの編集画面の中にも「アイキャッチ画像のレイアウト」の項目があります。
![](https://support.animagate.com/wp/wp-content/uploads/2020/02/wp-nishiki-eye-catch-layout01.png)
設定するアイキャッチ画像によって、ページごとにレイアウトを変えたい場合もあると思います。お好みのレイアウトを選んでください。
![](https://support.animagate.com/wp/wp-content/uploads/2020/02/wp-nishiki-eye-catch-layout02.png)
アイキャッチ画像の内容に合わせて上手にレイアウト変更しよう
基本的には、カスタマイザーで投稿/固定ページそれぞれのデフォルトのレイアウトを設定すれば OK だと思います。
ただ、ページによってアイキャッチ画像の内容は全然違ってくると思います。
例えば、以下のような場合はレイアウトを変えることで、訴求力にも影響すると考えます。
- アイキャッチ画像の中に文字があるので、タイトルと重ねるとわけがわからなくなる。重ねたくない
- アイキャッチ画像は画面いっぱいに広げなくてもいい
- タイトルよりアイキャッチ画像を先に表示して見てもらいたい
などなど。
この辺は、アイキャッチ画像の内容に合わせてレイアウトを変更するのがおすすめです。
AMP ページにも適用されます
下の画像のように、AMP ページにもアイキャッチ画像のレイアウトが適用されます。
![](https://support.animagate.com/wp/wp-content/uploads/2020/02/wp-nishiki-eye-catch-layout000-1-1280x720.png)
WordPress テーマ Nishiki Pro
![](https://support.animagate.com/wp/wp-content/uploads/2020/04/wp-nishiki-pro-2020-846x720.png)
「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。
ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。
ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。
最新情報をチェック!
![](https://support.animagate.com/wp/wp-content/uploads/2020/04/nishiki_ac_CMYK-1.png)
Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀
- リリース情報
- 新機能の紹介
- 便利な使い方
- 開発中の機能紹介
- 導入事例
- あるある日常ネタ
など