サポート » テーマ » オリジナルテーマのbodyのbackground-imageが表示されません

  • Naoto 7010

    (@naoto-7010)


    wordpress初心者で、初質問です。
    初歩的なミスかもしれませんが、自分ではどうにもならず悩んでいます。
    原因がお分かりになる方教えてください。
    最初にDWで静的サイトを作成、サーバー(サクラインターネット)へアップしました。
    アップ前は普通に表示されていた背景画像ですが、アップしてブラウザーで表示したのですが、〈body〉のbackground-imgだけが表示されていない状態です。
    他の部分のCSSは全て反映されているのでリンク切れではないですし、〈body〉以外のbackground-imageも通常どうり反映されていますのでimageフォルダのディレクトリの間違いやファイル名の間違いでは無いようです。
    今回で3回目のWEBサイトですが初回は何の問題もなく2回目は同じようにつまずいてしまいましたがCSSのcodeを打ち直したところ表示されましたが、今回はどうしても表示されません。
    WPの問題ではないかもしれませんがお分かりになる方ご協力お願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • wp-kunash

    (@wp-kunash)

    私も同じことでつまずいていました。以下が解決方法です。

    1. functions.phpにadd_theme_support('custom-background');を追加。
    2. wpの管理画面より、外観 > 背景 > 背景画像で、画像を設定。

    以上です。

    初めてfunctions.phpを書く場合は、はじめに<?phpをお忘れなく。

    まず、確認です。

    backgroundのイメージは動的でしょうか静的でしょうか?

    wp-kunashさんのおっしゃる通り動的にしたいならfunctionがよろしいと思うのですが
    静的に作りたい場合はテーマフォルダのリンク画像を直接得る必要があります。

    その際、CSSファイルに書き込むとURLにPHPを含めることができないので以下のように書くとよいでしょう。

    header.php内(作り方によります)のbodyの箇所に
    <body style="background-image:url(<?php bloginfo('template_directory'); ?>/common/img/background-img.jpg);">
    っとかいてあげると、あまりfunctionに慣れていない、静的中心のコーディングでも対応できると思います。

    モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    >mura0403さん

    <?php bloginfo('template_directory'); ?>

    は現在非推奨なので

    <?php echo esc_url( get_template_directory_uri() ); ?>

    ですね。

    あ、そうですよね^^
    攻撃対象になっちゃいますもんね

    チェックありがとうございます。
    勉強になります

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「オリジナルテーマのbodyのbackground-imageが表示されません」には新たに返信することはできません。