1. ホーム
  2. フォーラム
  3. 使い方に関する質問
  4. 固定ページにおける左右サイドバー時のアイキャッチ画像をフル幅にするには

固定ページにおける左右サイドバー時のアイキャッチ画像をフル幅にするには

このトピックには11件の返信が含まれ、2人の参加者がいます。1 ヶ月前 hurley さんが最後の更新を行いました。

12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • 投稿者
    投稿
  • #21912

    hurley
    参加者

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】v 7.4.3
    【お使いのブラウザ】Chrome
    【当該サイトのURL】http://demo0226.sakura.tv/

    ===

    固定ページにおいて、右または左のサイドバーを設けた場合、トップのアイキャッチ画像のみを、フル幅(左右サイドバーなし)で表示するにはどこの設定を変更すればよいのでしょうか。

    ↓このような感じで

    https://snow-monkey.2inc.org/2019/01/18/snow-monkey-v5-0/#

     

    #21978

    キタジマ タカシ
    キーマスター

    ↑と同じアイキャッチ画像の表示を、固定ページでもやりたい、ということですよね?

    下記を参考に、固定ページのアイキャッチ画像の表示を「ページヘッダー」にしてみてください。

    #22000

    hurley
    参加者

    そうです。ただ添付画像の通り、デザインにページ設定の項目がでないんです。何か設定漏れでしょうか。

    あと、アイキャッチ画像ではなく、スライダーなどのウィジェットをアイキャッチ画像として貼り付けたい場合は、これは別スレッドに質問したほうがいいですか、。

    #22011

    キタジマ タカシ
    キーマスター

    そうです。ただ添付画像の通り、デザインにページ設定の項目がでないんです。何か設定漏れでしょうか。

    んーなんでしょう、この項目は、カスタマイザーのプレビュー画面が固定ページの場合にしか表示されません。固定ページ以外のページを開いていたりはしないでしょうか?

    あと、アイキャッチ画像ではなく、スライダーなどのウィジェットをアイキャッチ画像として貼り付けたい場合は、これは別スレッドに質問したほうがいいですか、。

    そうですね、別トピックが好ましいです。ただ、ウィジェットを既存のウィジェットエリア以外の場所に表示するのは結構コードを書かないといけないのでハードルは高いと思います。

    #22040

    hurley
    参加者

    んーなんでしょう、この項目は、カスタマイザーのプレビュー画面が固定ページの場合にしか表示されません。固定ページ以外のページを開いていたりはしないでしょうか?

    うーん、確かに固定ページなんですが、他に検証方法はありませんでしょうか。
    必要ならログインIDとパスワードをお教えいたしますのでご指示ください。

    そうですね、別トピックが好ましいです。ただ、ウィジェットを既存のウィジェットエリア以外の場所に表示するのは結構コードを書かないといけないのでハードルは高いと思います。

    なるほど!こちらは難しそうなのでまたの機会にいたします。

     

    #22078

    キタジマ タカシ
    キーマスター
    #22092

    hurley
    参加者

    あれ?サンプルページはうまくいってますね。
    新規に作ったホーム(フロントページ)は表示されていないです。
    こちらも固定ページのはずなんですが、なにか設定が間違っているのでしょうか。

    #22104

    キタジマ タカシ
    キーマスター

    あ、なるほどです。トップページですね。トップページについては他のページより自由にデザインしたいという方が多いため、アイキャッチ画像の自動表示はナシになっているんです。もし自動表示させたい場合は子テーマ、もしくは My Snow Monkey プラグインでのカスタマイズが必要です。

    ちょっとカスタマイズコードを準備しますので少々お待ちを。

    #22106

    キタジマ タカシ
    キーマスター

    下記のコードを My Snow Monkey プラグイン、もしくは子テーマの functions.php に貼り付けてみてください。

    /**
     * ホームページに割り当てた固定ページでもページヘッダーにアイキャッチ画像を表示
     */
    add_filter(
    	'snow_monkey_pre_page_header_image_url',
    	function( $url ) {
    		if ( is_front_page() && is_page() && has_post_thumbnail() ) {
    			$thumbnail_id = get_post_thumbnail_id();
    			if ( $thumbnail_id ) {
    				return wp_get_attachment_image_url( $thumbnail_id, 'xlarge' );
    			}
    		}
    		return $url;
    	}
    );
    #22131

    hurley
    参加者

    早速のご対応ありがとうございます。
    こんなにスラスラコードが書けるってすごいです。Wordpress初心者ですが、いつかキタジマさんのようになれるといいなぁ。

    プラグインをインストールし、なんとかコピー出来てうまくいきました。
    フロントページにサイドバーを入れた状態でアイキャッチだけ大きくスライダーなどウィジェットを使えるのが一番いいのですが、現状ではウィジェット大きく使うにはシングルページにして、ブロックエディタでカラム分けをするしかなく、ブロックエディタのカラム分けだと、中央でカラム分けされてしまって、左右どちらかに寄せてサイドバーのように使うってことができないんですよね。

    上記ご説明のウィジェットエリア以外のエリアにウィジェットを配置するのは難易度が高いのですよね・・・他の方法としてはElementorなどで左右非対称のカラム分けをつくるかですよね。
    アドバイスがあればご教示いただきたいです。

    #22144

    キタジマ タカシ
    キーマスター

    こんなにスラスラコードが書けるってすごいです。Wordpress初心者ですが、いつかキタジマさんのようになれるといいなぁ。

    僕はプログラマーとしてのスキルはそんなに高くなくて、基礎的なことを地道にレゴみたいに組みあわせていっているだけなので、1行1行の意味を理解しながら書くクセをつければ、僕程度になら絶対なれると思いますよ!

    上記ご説明のウィジェットエリア以外のエリアにウィジェットを配置するのは難易度が高いのですよね・・・他の方法としてはElementorなどで左右非対称のカラム分けをつくるかですよね。
    アドバイスがあればご教示いただきたいです。

    Elementor は詳しくないのでちょっとわからないのですが、ぱっと思いついたのは、Meta Slider のようなスライダーをショートコードでつくれるプラグインを使い、つくったショートコードをアクションフックにつっこむパターンですかね。お知らせバーやヘッダーコンテンツを使っていると変になってしまうかもなのですが、下記のようなコードでスライダーのショートコードを入れればそれっぽくなるかもしれません。

    <?php
    add_action(
    	'snow_monkey_prepend_contents',
    	function() {
    		if ( ! is_front_page() ) {
    			return;
    		}
    
    		echo do_shortcode( 'ここにスライダーのショートコード' );
    	}
    );
    #22153

    hurley
    参加者

    なるほど!別途プラグインを入れたらよかったんですね。
    上記アクションフックをmy snow monkeyに追加して、プラグインで生成されたショートコードを追加したらうまくいきました。すごい・・・

    1行1行の意味を理解しながら書くクセをつければ、僕程度になら絶対なれると思いますよ!

    私からしたら神様みたいな方ですよ・・・おっしゃる通りしっかり意味を理解しながら頑張ってみます。
    これでクローズで結構です。ありがとうございました。

12件の投稿を表示中 - 1 - 12件目 (全12件中)

トピック「固定ページにおける左右サイドバー時のアイキャッチ画像をフル幅にするには」への新規返信追加は締め切られています。