[GLH]

【お使いの Snow Monkey のバージョン】
20.5.1
【お使いの Snow Monkey Blocks のバージョン】
19.10.1
【お使いの Snow Monkey Editor のバージョン】
9.2.5
【お使いのブラウザ】
Chrom
【当該サイトのURL】

HOME – 株式会社アクシア不動産

購入・売却までの流れや物件管理などの情報はこちらから。 土地・戸建て・マンションを 買いたい 土地・建物を 売

axia2103.net

### 実現したいこと
現在おすすめ物件が12件までしか表示ができません。
こちらを最大30件まで表示させるにはどのような方法でできますでしょうか。

[HaseGawa]

Olein_jp様

情報提供していただきありがとうございます。

wp_theme_json_data_themeフックを試してみます。

♥ 0

Who liked: No user

[Olein_jp]

実際にテストしたわけではありませんが、こちらの wp_theme_json_data_theme というフックを利用してみてはいかがでしょうか？

Filters for theme.json data

New server-side filters in WordPress 6.1 to hook into different data layers with theme.json-like structure.

make.wordpress.org

ただ、「追加」と書かれているので、Snow Monkey が持つ既存のカラーパレットを保持したまま、ということであればこの方法では実現できないかもしれません。（確か既存を全て上書きした上で追加される仕様だったはず）

なおSnow Monkeyのフィルターフックに「snow_monkey_editor_color_palette」がありますが、使い方がわかりませんでした。

こちらは v19.0.0 で廃止になっています。

Snow Monkey v19.0.0 をリリースしました

Snow Monkey のメジャーアップデートである v19.0.0 をリリースしました！メジャーアップデート…

snow-monkey.2inc.org

♥ 1

Who liked:

[まーちゅう]

php.iniでメモリーの上限を上げると、問題なくアップデートできました。

♥ 1

Who liked:

[キタジマ タカシ]

CSS で横並びにすることになります。こんな感じですかね？

.p-footer-sticky-nav a {
  display: flex;
}

.p-footer-sticky-nav a svg {
  flex: 0;
  margin: 0 1em 0 0;
}

♥ 0

Who liked: No user

[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

Who liked:

[abchan1222]

【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】chrome

 

### 実現したいこと

スマホ版固定フッターをアイコンと文字を横並びにしたい

### 発生している問題

fontawesomeからアイコンのコードをコピーして貼り付けると

自動で改行される。

理想はアイコンと文字が横並びで表示できてその下に改行して営業時間がある形が理想なのですが

ナビゲーションラベルには改行タグなど入れれないので改行する方法、アイコンと文字を横並びする方法が

あればご教授願いたいです。

よろしくお願いします。

[キタジマ タカシ]

下記、確認お願いします！

– WordPress Popular Posts は 6.2.1 が最新のようなのでアップデートしてみてください。
– Display post thumbnail、Use custom HTML Markup は不要なのでチェックを外してください。
– THEME　は None にしてください。
– コードにループが含まれておらず、1件しか表示されないので下記のコードに置き換えてください。

add_filter(
	'wpp_custom_html',
	function( $popular_posts, $instance ) {
		global $post;
		ob_start();
		?>
		<ul class="c-entries c-entries--rich-media">
			<?php foreach ( $popular_posts as $popular_post ) : ?>
				<?php $post = get_post( $popular_post->id ); ?>
				<?php setup_postdata( $post ); ?>
				<li class="c-entries__item">
					<?php
					$taxonomies = get_post_taxonomies( get_the_ID() );
					$_taxonomy = ! empty( $taxonomies[0] ) ? $taxonomies[0] : false;
					$_terms = ( $_taxonomy ) ? get_the_terms( get_the_ID(), $_taxonomy ) : [];
					\Framework\Helper::get_template_part(
						'template-parts/loop/entry-summary',
						$args['_name'],
						array(
							'_entries_layout'       => 'rich-media',
							'_display_author'       => true,
							'_display_published'    => true,
							'_display_item_excerpt' => true,
							'_terms'                => $_terms ? array( $_terms[0] ) : array(),
							'_display_meta'         => true,
						)
					);
					?>
				</li>
			<?php endforeach; ?> 
		</ul>
		<?php
		wp_reset_postdata();
		return ob_get_clean();
	},
	10,
	2
);

♥ 1

Who liked:

[KUGA]

キタジマ様

ありがとうございます。
バージョン情報、設定内容につきまして下記となります。

■各バージョン
PHP：7.4.33
Snow Monkeyテーマ： 20.5.1
Snow Monkey Blocks：19.10.1
Snow Monkey Editor：9.2.5
WordPress Popular Posts：6.1.4

■貼り付けているＰＨＰコード

add_filter(
'wpp_custom_html',
function( $popular_posts, $instance ) {
global $post;
ob_start();
?>
<ul class="c-entries c-entries--rich-media">
 	<li style="list-style-type: none;">
<ul class="c-entries c-entries--rich-media"><!--?php setup_postdata( $post ); ?-->
 	<li class="c-entries__item"><!--?php $taxonomies = get_post_taxonomies( get_the_ID() ); $_taxonomy = ! empty( $taxonomies[0] ) ? $taxonomies[0] : false; $_terms = ( $_taxonomy ) ? get_the_terms( get_the_ID(), $_taxonomy ) : []; \Framework\Helper::get_template_part( 'template-parts/loop/entry-summary', $args['_name'], array( '_entries_layout' => 'rich-media',<br ?--> '_display_author' => true,
'_display_published' => true,
'_display_item_excerpt' => true,
'_terms' => $_terms ? array( $_terms[0] ) : array(),
'_display_meta' => true,
)
);
?>&nbsp;

<!--?php <br ?--> wp_reset_postdata();
return ob_get_clean();
},
10,
2
);

`

■WordPress Popular Postsの設定情報
画像で申し訳ございません。
https://72.gigafile.nu/0801-c45a8f82dd25c022c43f77c44e4c9a9c0

♥ 0

Who liked: No user

[キタジマ タカシ]

「スクロール時は背景が白になるので〜」は PC のことですよね？

「モバイル端末時のロゴ」はあくまでモバイル端末時用なので、PC でもそれを使うのは結構難しいというか、メンテが複雑になる気がします。

下記ページにあるフックでロゴを2つにして、スクロール時とそうでないときで CSS で出し分けるのが簡単だと思います。

オーバーレイ（上部固定・スクロール時背景白）でロゴを変更したい。

このトピックには7件の返信、3人の参加者があり、最後にi3Masakiにより2ヶ月、 3週前に更新されました。…

snow-monkey.2inc.org

♥ 1

Who liked:

[hisanobu]

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

とりあえず仕様ではないということですね…。

どうやらエディターではidが入力されていないみたいです。

新しい環境でSnow Monkey BlocksとSnow Monkey Editorのみ有効化、追加CSSは該当箇所のみにしてみましたが同じ状況でした。

 

♥ 0

Who liked: No user

[キタジマ タカシ]

んー id だと出力されないとかは普通は無いと思うので、なぜ反映されないのかをまず調べる必要があるのかなと思います。

– フロントには反映されるのか
– エディター上で CSS 自体はどのように出力されているのか
– エディター上で HTML に id は出力されているのか

♥ 0

Who liked: No user

[hisanobu]

【お使いの Snow Monkey のバージョン】20.5.1
【お使いの Snow Monkey Blocks のバージョン】19.10.1
【お使いの Snow Monkey Editor のバージョン】9.2.5
【お使いのブラウザ】safari, chrome
【当該サイトのURL】

### 実現したいこと

追加CSSからIDで指定すると、エディター（編集画面）に反映されません。

これを解決したいです。

 

### 発生している問題

仮にセクションをaboutとします。

クラス名指定：.about .smb-panels__item__figure {}だとエディターに反映されますが、

ID指定：#about .smb-panels__item__figure {}だとエディターに反映されません。

 

### 試したこと

セクションにはIDとクラス名両方記述して対応していますが、出来ればID指定のみでCSSを反映させたいです。

解決方法はありますでしょうか？

[GONSY]

<a class="<?php the_permalink(); ?>">詳細を見る</a>

class を href にすれば機能すると思います。

♥ 2

Who liked:

[KUGA]

キタジマ様

ご返信ありがとうございます。
失礼いたしました。当方にて開始させて頂いたトピックは下記になります。
下記のトピックでご教示頂いたコードをそのまま張り付けたところ、上記に添付した画像のエラーが発生しておりました。

WordPress Popular Postをリッチメディア表示にする方法についてご教示頂きたいです。

このトピックには2件の返信、2人の参加者があり、最後にKUGAにより1週、 5日前に更新されました。 3件の投…

snow-monkey.2inc.org

＞また、追加したコードを消すと何もエラーはでなくなりますか？
⇒はい、追加したコードを消しますとエラーは表示されなくなりました。

>具体的にどのような CSS を追加しましたか？ こちらでも試してみたいので共有いただけると助かります。
以下のコードを追加CSSにて適応してみたのですが、反映がされませんでした。
(wordpress-popular-postsの表示状態はcardviewを指定しております。)

/*投稿タイトルの文字色を変更*/
a.wpp-post-title{
color:red!important;
}

/*cardviewの表示を縦並びから横並びに変更*/
ul.wpp-list.wpp-cardview {
display: flex!important;
}

以上となります。よろしくお願いいたします。

♥ 0

Who liked: No user