[星乃 みなみ]

.c-entry-summary__meta {
	display:none;
}

あらら、これはでないや！
すっとこどっこいでした
大変失礼しました。

♥ 1

いいねをした人:

[星乃 みなみ]

あ、でました
CSSがコンフリクトしてるのですね

調べます！
ありがとうございます！
こういうこともあるのだ

.hoge {
	background-color:red;
}

/*スマホ*/
@media screen and (min-width:320px) {

/* ロゴ余白　*/
.l-1row-header__branding {
	padding-top:0px;
	padding-bottom:0px;
}

.c-entries {
    padding:10px;
	}
}

/*ヘッタ*/

/*ナビ */
.p-global-nav .c-navbar__item a　{
	font-size:16px !important;
	font-weight:bold;
}

.p-global-nav--hover-underline .c-navbar__item > a:after {
	/* デフォルトは1px */
	height: 3px;
}

/* ロゴ余白　*/
.l-1row-header__branding {
	padding-top:20px;
	padding-bottom:20px;
}

/* コンテンツ余白 */
.l-contents__inner:first-child {
	padding-top:0px;
}

/* キービジュアル　*/

@media (min-width: 64em) {
.smb-section {
	padding-top:200px;
	padding-bottom:200px;
}
｝

/* ホーム　特集 */
.c-entry-summary__figure {
	padding-top:200px;
	padding-bottom:200px;
	margin-bottom:2px;
	}

	.c-entry-summary__figure:before {
   padding-top: 56.25%;
}

.c-entry-summary__meta {
	display:none;
}

/*
.c-entry-summary__figure>img, .c-entry-summary__figure>picture>img {
	height:200px;
}
*/

/* 見出し  */
/* h2 */
.p-entry-content>h2 {
	text-align:center;
	background-image:url(/wp-content/uploads/2021/08/hoshi.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.p-entry-content>h2 {
		padding:80px 0 !important;
}

h2.migi {
	  background-position:60% 50%;
}

h2.hidari {
	  background-position:40% 50%;
}

.c-meta {
		display:none;
}

/*フッタ*/

.l-footer-widget-area {
	background-color:#333;
	color:#fff;
}

.c-copyright {
	background-color:#333;	
}

/* PCだけコラムサイズを調整 */
@media (min-width: 64em) {
  .l-footer-widget-area__item:nth-child(1) {
    flex-basis: ３３%;
    max-width: ３３%;
  }

  .l-footer-widget-area__item:nth-child(2),
  .l-footer-widget-area__item:nth-child(3) {
    flex-basis: ３３%;
    max-width: ３３%;
  }
}

/*h2 罫線変更*/
h2.c-widget__title {
	justify-content: left;
	border-bottom: 1px solid #FFF;
}

.c-widget__title:after, 
.c-widget__title:before {
	display:none;
	border-bottom: 1px solid #333;
}

/*Googleマップ*/

.google-maps {
position: relative;
padding-bottom: 30%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

♥ 0

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

[星乃 みなみ]

はい、当該箇所気付いてなんどかオンオフきりかえてます
現在はオンになっています

♥ 0

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

[星乃 みなみ]

ありがとうございます！
また疑似要素だったんですね。気がつきませんでした

CSSでできることは、自分でできるようになりたいです
努力します！

いったん閉じますね

もう1つこないだ質問の件にちかいものがおもいうかんだのでのちほど投稿します。

♥ 1

いいねをした人:

[星乃 みなみ]

特集(カルーセル)はラップしてるクラスにpaddingないから、また違った対応が必要ですかね…
デザイナー的には１６：９にして欲しい感じなんですが（デフォルトでは4：3）

♥ 0

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

[星乃 みなみ]

あ、paddingを大胆に200pxとかにしたらいけました
これ、スマホに影響ないようメディアクエリー内ですね

♥ 0

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

[星乃 みなみ]

.smb-section {
	padding-top:0px;
	padding-bottom:0px;
}

みたいな感じで書けてみましたが、余計天地が詰まってしまいました
これ、フィットにしてれば幅フィット天地成行でこれが最大なのですかね

いっそ、広めにしてマージンとったほうがいいですかね

これはどこの話ですかね？

ソース長いので全部かけませんが、srcsetで記述されているimgがlg md sm と3ブロック並んで記述されています。

特集のカルーセルも同じやりかたでいけますでしょうか？

♥ 0

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

[星乃 みなみ]

ぎゃくにその下の特集カルーセルの画像は、天地をつめて１６：９にしたいのですが、可能ですか？

♥ 0

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

[星乃 みなみ]

この記事は読んで試してみました

ブロック「セクション（背景画像あり）」のモバイルでの表示について

このトピックには6件の返信、2人の参加者があり、最後にM Tにより2年前に更新されました。 7件の投稿を表示中…

snow-monkey.2inc.org

結局、フィット＝横幅いっぱい天地トリミングなので、モバイル対応を考えるとこれしか仕方ないのでしょうか

♥ 0

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

[星乃 みなみ]

できました！　　ありがとうございます！
そっか　疑似要素だったんですね
!important無くても大丈夫でした

ほんと泣きそうでした。感謝します！
もうこのコミュニティなければ生きていけない
なんとかして還元出来る側になりたいです

早速デザイナーに自慢します！

余白もいけたのでトピック閉じますね
ほんとありがとうございます。
となりにいたらハグしてチューしてますねw

♥ 1

いいねをした人:

[星乃 みなみ]

頑張って格闘中です
余白はほぼほぼ出来た感じ
以外と、ナビ下部バーの構造がイマイチ把握できてないです
泣きそう

/*ヘッタ*/

/*ナビ　動作しない*/
.p-global-nav .c-navbar__item>a　{
	font-size: 16px;
	font-weight: bold;
}

/* ロゴ余白　*/
.l-1row-header__branding {
	padding-top:20px;
	padding-bottom:20px;
}

/* コンテンツ余白 */
.l-contents__inner:first-child {
	padding-top:0px;
}

♥ 0

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

[星乃 みなみ]

結果的に全部いったん非表示になったので、関連記事の非表示以外はコメントアウトしました

ありがとうございます。とても勉強になりました。
いったん閉じますね

♥ 0

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

[星乃 みなみ]

結果こうなりました。MTGで詰める予定
本当にありがとうございます。なんとなく感覚がわかって来た
あとはこの連想配列というか、多次元配列というかこの宣言の仕方に慣れるだけですね

add_action(
	'snow_monkey_get_template_part_args_templates/view/content',
	function( $args ) {
		// カスタム投稿タイプ information のとき（カスタマイザーでビューテンプレートを変更している場合は効きません）
		if ( 'information' === $args['name'] ) {
			// 投稿日を表示
			$args['vars']['_display_entry_meta'] = true;
			// 前後の記事を表示
			$args['vars']['_display_entry_footer'] = true;
			$args['vars']['_display_prev_next_nav'] = true;
			// 関連記事を非表示
			$args['vars']['_display_related_posts'] = false;
		}
		return $args;
	}
);

add_action(
	'snow_monkey_get_template_part_args_templates/view/content',
	function( $args ) {
		// カスタム投稿タイプ special のとき（カスタマイザーでビューテンプレートを変更している場合は効きません）
		if ( 'special' === $args['name'] ) {
			// 投稿日を表示
			$args['vars']['_display_entry_meta'] = true;
			// 前後の記事を表示
			$args['vars']['_display_entry_footer'] = true;
			$args['vars']['_display_prev_next_nav'] = true;
			// 関連記事を非表示
			$args['vars']['_display_related_posts'] = false;
		}
		return $args;
	}
);

♥ 2

いいねをした人:

[星乃 みなみ]

‘_display_entry_footer’が true になってないからじゃないですか？

その通りでした！　ありがとうございます。

‘_display_entry_meta’　の投稿者だけを消すとはCSSですかね.
17時半からのMTGで希望を確認します！

♥ 0

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

[星乃 みなみ]

おしらせ4

港区青山の情報サイト

x04.kglb.net

時間があいたので、投稿日（メタ）と前後のリンクだけ表示しようとしています

投稿日、更新日、投稿者は表示されました（これらの個別編集をしたいところですがそれはのちほど）

ページの前後が表示されません。　なにかたりない？　のでしょうか

add_action(
	'snow_monkey_get_template_part_args_templates/view/content',
	function( $args ) {
		// カスタム投稿タイプ information のとき（カスタマイザーでビューテンプレートを変更している場合は効きません）
		if ( 'information' === $args['name'] ) {
			// 投稿日を表示
			$args['vars']['_display_entry_meta'] = true;
			// 前後の記事を表示
			$args['vars']['_display_prev_next_nav'] = true;
		}
		return $args;
	}
);

もしや1つづつかとおもったのですが、だめでした。

これって、$args[‘vars’][‘hoge’] となってる多次元配列を
検索してみつけたら上書きするという流れで認識間違えないでしょうか

♥ 0

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

[投稿者]

投稿