サポート » 使い方全般 » カスタム背景を使って各ページに違う背景画像

  • タイトル通り、各ページに別々の背景を割り振りたいと思っています。
    ページ数は全部で5ページです。

    cssを使って既に作成できているのですが、
    顧客より自分達で好きなように背景画像を変えたいとの希望があり、
    カスタム背景を使用したいと思っています。

    ところがカスタム背景でどうしてもひとつの背景しか設定できません。

    カスタム背景を利用して各ページに違う背景画像を設定する事は可能でしょうか?

    宜しくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • calmekさん

    ご質問の趣旨とはズレてしまいますが……一つの案として。
    「各ページに別々の背景を割り振りたい」ということなら、背景画像(のパス)を格納するカスタムフィールドをページごとに設定してはどうでしょう?

    もっとも、デフォルトのカスタムフィールドは、画像のアップロードに適したインタフェースとは言い難いので、『Advanced Custom Fields』など、カスタムフィールドの使い勝手を向上するプラグインを導入するのがよいかとおもいます。

    トピック投稿者 calmek

    (@calmek)

    teckingさん、
    アドバイスありがとうございます。

    Advanced Custom Fieldsというのがあるのを初めて知りました。
    お礼が遅れてしまったのはプラグインをインストールしようとするのですが何故かできず…
    そこからつまづいているようなワードプレス初心者なのでもう少し頑張って他の方が参考になるようなものを見つけられたらまた書き込みしようと思います。

    Advanced Custom Fields ですが、
    http://ja.forums.wordpress.org/topic/13902?replies=3

    トピック投稿者 calmek

    (@calmek)

    ありがとうございます!
    早速やってみます!

    こんにちは、

    ワードプレスの外側ですが、簡単な方法

    add_shortcode('my_bg', 'my_style_bg');
    
    function my_style_bg( $attr ){
    	extract(shortcode_atts(array(
    		'image' => 'http://example.com/images/example.jpg',
    	), $attr));
    if( is_page() ){
    ?>
    <script type="text/javascript">
      jQuery(function() {
    	jQuery('body').css({'background-image':'url(<?php echo $image;?>)'});
      });
    </script>
    <?php
    }
    return;
    }
5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「カスタム背景を使って各ページに違う背景画像」には新たに返信することはできません。