サポート » テーマ » Lightningの固定ページヘッダーに画像表示

  • fujico

    (@fujico)


    テーマ : Lightning(Free)

    デフォルトの固定ページでは、色付きの帯にそのページのタイトルが表示されます。
    それを全幅の画像で表示させたいのですが何か方法をご存じな方いらっしゃいますか?
    色々調べこちらのページを参考にもしてみたのですが、ダメでした。

    お手隙の際にご教示いただけたら助かります。
    よろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • DRILL LANCER

    (@rickaddison7634)

    Lightning と Lightning Pro の違いを徹底解説!

    上記の通りその機能は Pro 版限定の機能です。

    RICKさん ありがとうございます。

    Pro版に実装されているのは承知しているのですが、カスタマイズで表示させられないものかと思い書込みをさせていただきました。

    CSS で記述するのはどうでしょうか?

    例:

    .page-id-1234 .page-header {
    	background: url("画像.jpg") no-repeat 50% center;
    	background-size: auto;
    	background-size: cover;
    	color: #333;
    	text-shadow: 1px 1px 10px #fff, -1px 1px 10px #fff, 1px -1px 10px #fff, -1px -1px 10px #fff;
    }

    ※ 「1234」は固定ページの ID。

    または、

    XO Post Background プラグインを使用すると固定ページごとに画像を設定することができます。

    そのままではページの背景なので、下記コードでタイトルの背景に変更します。

    テーマの functions.php に、

    function my_post_background_style( $style, $image_src ) {
    	$style = "
    .page-header {
    	background: url('{$image_src}') no-repeat 50% center;
    	background-size: auto;
    	background-size: cover;
    	color: #333;
    	text-shadow: 1px 1px 10px #fff, -1px 1px 10px #fff, 1px -1px 10px #fff, -1px -1px 10px #fff;
    }";
        return $style;
    }
    add_filter( 'xo_post_background_style', 'my_post_background_style', 10, 2 );

    ishitakaさん ありがとうございます。
    年末年始の為返信が遅れ申し訳ありませんでした。

    ご教示いただいたcssやプラグインで近日中に試させていただこうと思います。
    こちらで結果をご報告させていただきますね。
    まずは、拝見したご報告のみで失礼致します。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。