[akosan]

ありがとうございます、モバイルのみでやりたかったのですが記事を参考にやってみたところPHPを少し変更しCSSで実現できました。

add_action(
	'snow_monkey_get_template_part_template-parts/header/site-branding',
	function() {
		?>
		<div class="c-site-branding c-site-branding--has-logo">
			<h1 class="c-site-branding__title"><a class="custom-logo-link logoTop" href="<?php echo esc_url( home_url() ); ?>" rel="home" aria-current="page"><img class="custom-logo-2" src="ここにロゴ画像URL" alt="LOGO" width="60" height="45" /></a><?php \Framework\Helper::the_site_branding(); ?></h1>
		</div>
		<?php
	}
);

♥ 1

いいねをした人:

[akosan]

GONSYさん

ありがとうございます。初歩的なミスで失礼しました。

解決したのでトピックを閉じさせていただきます。

♥ 1

いいねをした人:

[akosan]

キタジマさん、ありがとうございます。理解できました。

うまくいきましたのでトピックを閉じさせていただきます。

♥ 1

いいねをした人:

[akosan]

キタジマさん

ありがとうございます。新しい機能なんて便利なのでしょうか…！記事を参考にしながらデバックモードでslugの部分を確認して作ってみました。

// 記事一覧部分全体（template-parts/loop/entry-summary）をカスタマイズ
add_filter(
	'snow_monkey_pre_template_part_render_template-parts/loop/entry-summary',
	function( $html, $name, $vars ) {
		// 最近の投稿以外の場合は処理しない
		if ( $vars['_context'] !== 'snow-monkey-blocks/recent-posts' || $vars['_context'] !== 'snow-monkey-blocks/recent-posts' ) {
			return $html;
		}

	// _entries_id が # 以外のときは処理しない アンカー名がhome_picku以外は処理しない
	if ( $vars['_entries_id'] !== '#home_pickup' ) { // clientId かアンカー名が入る
		return $html;
	}

		ob_start();
		?>
		<div>
			<div><?php the_title(); ?></div>
			<div><?php echo esc_html( get_post_meta( get_the_ID(), 'test', true ) ); ?></div>
			<a class="<?php the_permalink(); ?>">詳しく見る</a>
			<div><?php the_post_thumbnail('thumbnail'); ?></div>
		</div>
		<?php
		return ob_get_clean();
	},
	10,
	3
);

 

真ん中のこの部分のみうまくいきませんでした。

// _entries_id が # 以外のときは処理しない アンカー名がhome_pickup以外は処理しない
if ( $vars['_entries_id'] !== '#home_pickup' ) { // clientId かアンカー名が入る
return $html;
}

 

というのもコメントに// clientId かアンカー名が入る　とあるのですがこれが何を指すのかわからないままとりあえずやったためです。

clientId→検索するもわからず
アンカー名→htmlアンカー？とりあえず試してみたものの失敗

この２つについてはどこを見ればわかるでしょうか？既出でしたら申し訳ありません。

♥ 0

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

[akosan]

キタジマさん

ありがとうございます、無事に実現できました。

いつもありがとうございます。

♥ 1

いいねをした人:

[akosan]

＞キタジマさん

アップデートしたら元通りきれいな位置に収まりました。ありがとうございます！

解決したのでトピックを閉じます。

♥ 1

いいねをした人:

[akosan]

＞Olein jpさん

お返事ありがとうございます！

＞キタジマさん

調査してくださるとのことでありがとうございます。

♥ 0

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

[akosan]

解決したのでトピックを閉じます。

♥ 1

いいねをした人:

[akosan]

こちら解決しました。ラベルが表示されない原因は

↓

ページ速度最適化→get_template_part() を拡張する

これが無効化されていたことが原因でした。わからず色々やっていたのですが根本的なところが原因でした申し訳ありません。

※キタジマさんがTwitterでもシェアされていました

♥ 1

いいねをした人:

[akosan]

キタジマさん

無事にエラーが出なくなり編集もできるようになりました。

迅速なご対応ありがとうございます！

♥ 1

いいねをした人:

[akosan]

キタジマさん

ありがとうございます。やってみます。

うまく行ったコードを書きこむためこちらはまだ空けておきます。

♥ 2

いいねをした人:

[akosan]

ありがとうございます。その後いろいろ調べながらやってみたのですが実現できず、とん挫しています。

エラーメッセージが出たので

}
return $html;

を追加してエラーは出なくなったのですが表示はできずでした。

Advanced Custom Fieldsの関数get_fieldを使えばいいのでは？と思い変更したのですがそれではダメでした。※get_post_metaでも出来るようでしたが

https://lucy.ne.jp/bazubu/advanced-custom-fields-36452.html

 

add_filter(
	// template-parts/loop/entry-summary を書き換える
	'snow_monkey_template_part_render_template-parts/loop/entry-summary',
	function( $html, $name, $vars ) {
		// 「シンプル」のときだけ実行
		if ( 'simple' === $vars['_entries_layout'] ) {
			// カスタムフィールドを取得して、それをもとに加工した HTML をバッファリングする
			// ACF や実際に保存されているデータの構造がわからないので実際の状況にあわせて書き直してください。
			$course_types = get_field( 'course_type' );
			ob_start();
			foreach ( $course_types as $course_type ) {
				echo '<span>' . $course_type . '</span>';
			}
			$course_type_html = ob_get_clean();

			return str_replace(
				'</section>',
				$course_type_html . '</section>',
				$html
			);
		}
		return $html;
	},
	10,
	3
);

♥ 0

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

[akosan]

キタジマさん

機能があったんですね！すごい…！見つけきれず失礼しました。
無事に実現できました。ありがとうございます。

解決したのでトピックを閉じさせていただきます。

♥ 1

いいねをした人:

[akosan]

es:エスさん

ご教示くださってありがとうございます。

無事に実現できました。

CSSはこのようにしました※画面の各サイズで変更が必要です

.c-entry-summary__figure{
overflow:visible;
}

.lesson_list .c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(1){
transform:translate(75px,73px);
}

.lesson_list .c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){
transform:translate(130px,37px);
}

.lesson_list .c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){
transform:translate(212px,0px);
}

解決したのでトピックを閉じさせていただきます。

♥ 2

いいねをした人:

[akosan]

キタジマさん

ありがとうございます。カテゴリーラベルを表示しCSSでの調整を行ってみました。

ラベルはposition:absoluteで位置を調整されているのですが、親要素のposition:relativeが画像　.c-entry-summary__figure　に設定されています。

ですので、CSSで.c-entry-summary__figure画像内での移動はできるのですが、外に出すことができませんでした。

それならば.c-entry-summary__figureのposition:relativeを変更すればいいのでは？と思いやってみたのですが、今度はデザイン全体が崩れてしまい無理でした。

この場合どのようにしたらいいでしょうか？

♥ 0

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

[投稿者]

投稿