• 解決済 Chanchan.

    (@eureka20080321)


    こんにちは、質問をさせてください。

    beautiplusのテーマで、子テーマを作成してカスタマイズしています。

    記事の最上部へ、ヘッダー画像の様な画像を配置したいのですが教えてください。

    ヘッダー画像にしてしまうとグローバルメニューの文字と被ってしまい、うるさくなってしまう気がしました。なので、グローバルメニューの下に隙間なく画像を配置したいと思っています。
    しかも記事ごとに違う画像を指定できると助かります。

    追加CSSなどで設定出来ないでしょうか?
    どなたかよろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    記事ごとに違う画像を指定できると助かります。

    アイキャッチ画像を表示するのはどうでしょうか?

    例:

    header.php の末尾または single.php の get_header() の後あたりに、

    <?php if ( has_post_thumbnail() ) : ?>
    <div class="inner-banner"><?php the_post_thumbnail( 'full' ); ?></div>
    <?php endif; ?>

    ※ header.php、single.php は親テーマよりコピーなどして作成。

    style.css に、

    .inner-banner img { width: 100%; height: auto; }

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    まさにイメージ通りの記事に仕上がりました!
    ありがとうございます。

    ただ一点だけ、親ページよりheader.phpの全文をサーバー側にある子テーマのフォルダーに作成。
    ワードプレスのテーマエディターにあるheader.phpの末尾に教えていただいたphpを追加。
    その後、同テーマエディターにあるstyle.cssに.inner-banner img { width: 100%; height: auto; }をペーストしました。

    更新後、サイトを表示させると画像には問題がなかったのですが、サイトの上部に
    [http://*****########.jp/wp-admin/theme-editor.php?file=header.php&theme=beautiplus]

    のような文字が出てきてしまう様になってしまいました。

    何か原因の様なことは分かりますでしょうか?

    どうぞよろしくお願いします。

    ちょっと分かりません。
    header.php を元に戻してみて表示されないことを確認し、再度追加してみてください。

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    出来ました。
    サーバーにある親テーマのフォルダーにあるheader.phpをダウンロードし、子テーマのフォルダーにアップロードしたところ問題なく表示される様になりました!

    お手数とご心配をおかけしました。
    これで希望通りの記事に仕上がりました。

    またぜひよろしくお願いします。
    本当にありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「記事の最上部へ画像の配置」には新たに返信することはできません。