[GONSY]

ログイン ‹ アルフレッド株式会社 — WordPress

alfred-lab.co.jp

これはログイン画面ですね。

ご質問にある、このページ

セクション【背景画像/動画】を挿入し、配置を全幅にしているのですがプレビューで表示しても全幅で表示されません。

こちらのページを「公開」していただいてから、そのURLを教えていただけますか？

♥ 0

いいねをした人: 居ません

[GONSY]

すみませんまだうまくいきません・・・
PCヘッダーが優先されてスマホででないようです・・・

そうですか。。。わたしのデモだとできているんですが。。。
テスト環境とのことですが、どのようにスマホで検証されていますか？

♥ 0

いいねをした人: 居ません

[GONSY]

【カバー】ブロックを追加、「アップロード」もしくは「メディアライブラリ」で画像を選択、画像が表示されたら、【カバー】の中心でカーソルが点滅しているので、左上の青い【ブロック追加】を押し、【カラム】ブロックを選択。で、できると思います。

もしくは、
画像を選択後、【カバー】の中心でカーソルが点滅しているので、いったん「Enter」キーを押すと、カバー内の右側に【＋】が表示されるので、そこに【カラム】を追加。でも可能です。

もしくは、
画像を選択後、【カバー】の中心でカーソルが点滅している箇所は「タイトルを入力」となっていますが、そのブロックを【カラム】に変更して、カラム数をあとから設定することでできると思います。

３つほど紹介しましたがた、ほかにも方法があると思います。
ご自分に合ったやり方を見つけるのもおもしろいですね。

♥ 4

いいねをした人:

[GONSY]

PC用のヘッダーコンテンツに入れたショートコードが機能しないのは、1つのページ内に複数設置できない（ドロワー用のコードが先に読み込まれている）ためかと思います。
PC時にスマホやタブレットのショートコードを無効にできるように、wp_is_mobileの条件を挟むとどうでしょうか？

add_action(
	'snow_monkey_append_drawer_nav',
	function() {
		if( wp_is_mobile() ) { //モバイルデバイスの場合
			echo do_shortcode( '[google-translator]' );
		}
	}
);

♥ 0

いいねをした人: 居ません

[GONSY]

JKDECORさん

さきほど気になって再検索したら、ディスクリプションがなおっていました。

ベースブレッド 口コミ – Google 検索

www.google.com

その後、何かされましたか？

♥ 1

いいねをした人:

[GONSY]

確認なんですが、ショートコードは何で作成されていますか？

♥ 0

いいねをした人: 居ません

[GONSY]

カスタマイズの「追加CSS」に

.c-entry__header, .c-entry-summary__figure {
	display: none;
}

が入っているからだと思いますが、一度display: none;をはずして試してみていただけますか？

♥ 0

いいねをした人: 居ません

[GONSY]

投稿一覧を拝見しましたが、更新順になっているようです。

♥ 0

いいねをした人: 居ません

[GONSY]

ログインしている状態で該当ページを開き、上のツールバー【カスタマイズ】→【デザイン】を開くと、「アーカイブページ設定」や「投稿ページ設定」など、それぞれレイアウトを設定できると思いますので、【ページレイアウト】を「左サイドバー」か「右サイドバー」にすれば良いと思います。

特定の固定ページだけなら、その固定ページの編集画面・右メニューの【ページ属性】のテンプレートを「左サイドバー」か「右サイドバー」にすれば良いと思います。

♥ 2

いいねをした人:

[GONSY]

元々、アイキャッチ画像の位置は「ページヘッダーの上にタイトルを表示」にしていたので、それを「ページヘッダー」に変えたら非表示になってしまうんですね。

アイキャッチ画像の位置→「コンテンツの上」や「なし」でも同じでしょうか？

♥ 0

いいねをした人: 居ません

[GONSY]

【カスタマイズ】→【デザイン】→【投稿ページ設定】→ ページレイアウトを「1カラム」にして、アイキャッチ画像の位置はページヘッダーに変更します。

その後、投稿のコンテンツ部分のみにCSS（以下）を当てれば、パンくずは投稿一覧と同じ位置、コンテンツ幅は指定のサイズになると思います。

@media ( min-width: 64em ) {
  .single-post .l-contents__inner {
    max-width: 46em;
    margin: 0 auto;
  }
  .single-post .c-entry__header {
    text-align: center;
  }
}

♥ 0

いいねをした人: 居ません

[GONSY]

ショートコードを表示するなら、ドロワーナビゲーションの最後に HTML を表示させるsnow_monkey_append_drawer_navというアクションフックが最適かと思います。

inc2734/snow-monkey

Premium WordPress Theme. This theme is published here for users and developers. Please buy themes when using themes on live site. we can not provide support to…

github.com

すでにショートコード（例：[hello]）があるようでしたら、my-snow-monkey.phpに

add_action(
	'snow_monkey_append_drawer_nav',
	function() {
		echo do_shortcode( '[hello]' );
	}
);

PCのヘッダーコンテンツには[hello]を入れれば良いと思います。
お試しください。

♥ 0

いいねをした人: 居ません

[GONSY]

投稿一覧（ https://sample01.glasscoope.com/news/ ）は表示されているようですので、投稿のみに限りますが、投稿用のテンプレートが「フル幅」になっているからではないでしょうか。
ご提示の投稿ページのレイアウトであれば、「1カラム（スリム幅）」にするとパンくずが表示されると思います。

投稿ページが開いた状態で上部ツールバー内の【カスタマイズ】→【デザイン】→【投稿ページ設定】→ ページレイアウトを「1カラム（スリム幅）」に。
ただ、投稿一覧と異なる場所にパンくずが表示されるため、操作性がよくありません。
投稿一覧と同じ位置に表示する場合は別の方法になると思います。

ご希望の完成イメージをアップしていただいたほうが、よく的確な回答が得られるかと思います。

♥ 2

いいねをした人:

[GONSY]

再現してみましたが、こんな感じでしょうか？
テーマ側のCSSの記述が不足している可能性もあると思いますが、取り急ぎであれば、以下のCSSで解消できるかと思います。

@media ( min-width: 64em ) {
	[data-has-sidebar=false] .c-entry__content > .alignwide,
	[data-has-sidebar=false] .c-entry__content [class*=smb-] > .alignwide,
	[data-has-sidebar=false] [data-is-content-widget-area=true] .custom-html-widget > .alignwide {
		right: 0;
		transform: translate(0);
		margin: auto;
	}
}

CSSを反映させたデモページです。

カバーブロックのデモ

見出し ボタン @media ( min-width: 64em ) { [data-has-side…

demo.gonsy.net

お試しください。

♥ 4

いいねをした人:

[GONSY]

.c-ic-angle-right:beforeのheightとwidthの数値を上げれば大きくなると思います。
また、線を太くする場合は、border-top-widthとborder-right-widthを2px以上にすれば太くなると思います。

♥ 4

いいねをした人:

[投稿者]

投稿