Snow Monkey Blocks のタクソノミーブロックでは難しいと思います。コアのカテゴリー一覧ブロックが出力的には良さそうなのですが、「カテゴリー」しか対応していないのでこちらもダメそう…。
検索したら下記のプラグインがでてきました。僕は全く触ったことがないのでどういう出力になるのかもわかっていないのですが、試してみると良いかもしれません。
iPhone にはセーフエリアというものがあり、目には見えていないけどそこをタップするとブラウザのメニューが開いたりするというエリアです。そのセーフエリアの範囲は env(safe-area-inset-bottom) という変数で取得できるようになっていて、ちゃんとページトップへ戻るボタンがタップできるように calc(env(safe-area-inset-bottom) + 49px)!important; を付与しています。セーフエリアはスクロールの状況によって範囲が変わるのでボタンの位置が変わってしまうんですよね。
僕も動かないほうが良いとは思っているのですが、iPhone ややこしいです…。
書き直してみました！ 下記試してみてください。
add_filter(
'snow_monkey_get_template_part_args_template-parts/widget/snow-monkey-posts',
function( $args ) {
// 最近の投稿ブロックのとき
if ( 'snow-monkey-blocks/recent-posts' === $args['vars']['_context'] ) {
// レイアウトが「テキスト2」のとき
if ( 'text2' === $args['vars']['_entries_layout'] ) {
// 抜粋の表示を有効化
$args['vars']['_display_item_excerpt'] = true;
// 抜粋の文字数を変更
$args['vars']['_excerpt_length'] = 30; // 任意の数値を設定してください
// 表示件数を変更
$args['vars']['_posts_query']->set( 'posts_per_page', 30 );
// 並び順を変更
$args['vars']['_posts_query']->set( 'orderby', 'title' );
$args['vars']['_posts_query']->set( 'order', 'ASC' );
// セットしたクエリーをもとに WP_Query をリセット
$args['vars']['_posts_query']->query( $args['vars']['_posts_query']->query_vars );
}
}
return $args;
}
);
すみません、一端と閉じたのですが、ソートがうまくいかなくって
以下のコードを加えてみました。
// 並び順を変更
$args['vars']['_posts_query']->orderby = 'title';
$args['vars']['_posts_query']->order = 'ASC';
50音順にならびません。パラメーターまちがえてるでしょうか？
なるほどです。やはりそのほうが良さそうは良さそうですよね。僕も試してみないとわかりませんが、display: contents にしたらいけるのでは？と想像しているので、ちょっと試してみます！
依存関係なども曖昧なのですが、wp-rich-textのみで良かったりしますかね？
うーんどうなんでしょう、僕はいつも wp-scripts というライブラリを使っていて、これでビルドすると自動的に依存関係を解決してくれるので、依存関係についてあまり意識しないので詳しくなく…。
特にエラーがでていないのであれば問題ないのではないかと思います。
最後に1点、このブロックの場合、ソート順は新着順（日付降順）ですか？
ブロック側では特に指定していないので WordPress コアのデフォルトの挙動になります。具体的にデフォルトの挙動が何なのかは僕も詳しくありませんが、基本的には公開日の降順だと思います（そこが被ったときにどうとかまではわかりません）。変更したい場合は _posts_query のところにパラメーターを追加する必要があります。_posts_query には WP_Query が入っているので、WP_Query に指定できるパラメーターが指定できます。
参考：
Olein_jpさま、キタジマさま
お世話になります。こちらから質問しておきながら確認が遅くなり大変失礼いたしました。ご丁寧にご回答いただき有難うございます。
「Custom Post Type UI カスタムタクソノミー」で調べてみます！
いつも有難うございます。どうぞよろしくお願いします。（すみませんでした）
ありがとうございます！ 下記のように書き換えてみてください。
（表示件数を変更、抜粋の文字数を変更のところを書き換えました）
/**
投稿一覧の制御
*/
add_filter(
'snow_monkey_get_template_part_args_template-parts/widget/snow-monkey-posts',
function( $args ) {
// 最近の投稿ブロックのとき
if ( 'snow-monkey-blocks/recent-posts' === $args['vars']['_context'] ) {
// レイアウトが「テキスト2」のとき
if ( 'text2' === $args['vars']['_entries_layout'] ) {
// 抜粋の表示を有効化
$args['vars']['_display_item_excerpt'] = true;
// 表示件数を変更
$args['vars']['_posts_query']->posts_per_page = 30;
// 抜粋の文字数を変更
$args['vars']['_excerpt_length'] = 30; // 任意の数値を設定してください
}
}
return $args;
}
);
見様見真似で作ってみました。
my-snow-monkey.phpに記述
// ブロックエディター用の JS 読み込み
add_action(
'enqueue_block_editor_assets',
function () {
wp_enqueue_script(
'my_editor',
MY_SNOW_MONKEY_URL . '/js/editor.js',
[
'wp-element',
'wp-rich-text',
'wp-editor'
],
filemtime( MY_SNOW_MONKEY_PATH . '/js/editor.js' ),
true
);
}
);
jsに記述
(function (richText, element, editor) {
richText.registerFormatType('my-editor/editor01', {
title: '折り返しを制限',
tagName: 'span',
className: 'inline-block',
edit: function (args) {
return element.createElement(wp.blockEditor.RichTextToolbarButton, {
icon: 'admin-customizer',
title: '折り返しを制限',
onClick: function () {
args.onChange(richText.toggleFormat(args.value, {
type: 'my-editor/editor01'
}));
},
isActive: args.isActive,
});
},
}),
richText.registerFormatType('my-editor/editor02', {
title: 'カスタムspan',
tagName: 'span',
className: 'custom-span',
edit: function (args) {
return element.createElement(wp.blockEditor.RichTextToolbarButton, {
icon: 'editor-code',
title: 'カスタムspan',
onClick: function () {
args.onChange(richText.toggleFormat(args.value, {
type: 'my-editor/editor02'
}));
},
isActive: args.isActive,
});
},
})
}(
window.wp.richText,
window.wp.element,
window.wp.editor
));
一応動いてはいるようですが、ハンドブックを見ても前提が多く難しいので、他の記事を見ながら作成しました。
依存関係なども曖昧なのですが、wp-rich-textのみで良かったりしますかね？
もし可能であれば、ご教示いただければ幸いです。
文字数ありがとうございます
エラーメッセージは以下の通りです
—
‘
Fatal error: Uncaught Error: Cannot use object of type WP_Query as array in /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-content/plugins/my-snow-monkey/my-snow-monkey.php:46 Stack trace: #0 /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-includes/class-wp-hook.php(324): {closure}(Array) #1 /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-includes/plugin.php(205): WP_Hook->apply_filters(Array, Array) #2 /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-content/themes/snow-monkey/app/constructor/view-controller.php(75): apply_filters(‘snow_monkey_get…’, Array) #3 /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-includes/class-wp-hook.php(324): {closure}(Array) #4 /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-includes/plugin.php(205): WP_Hook->apply_filters(Array, Array) #5 /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-content/themes/snow-monkey/vendor/inc2734/wp-view-controller/src/App/Contract/Template_Tag.php(284): apply_filters(‘inc2734_wp_view…’, Array) #6 /home/xs565030/piemx.me/publi in /home/xs565030/piemx.me/public_html/x01.piemx.me/wp-content/plugins/my-snow-monkey/my-snow-monkey.php on line 46
—
‘
現在のコード
‘
/**
投稿一覧の制御
*/
add_filter(
'snow_monkey_get_template_part_args_template-parts/widget/snow-monkey-posts',
function( $args ) {
// 最近の投稿ブロックのとき
if ( 'snow-monkey-blocks/recent-posts' === $args['vars']['_context'] ) {
// レイアウトが「テキスト2」のとき
if ( 'text2' === $args['vars']['_entries_layout'] ) {
// 抜粋の表示を有効化
$args['vars']['_display_item_excerpt'] = true;
// 表示件数を変更
$args['vars']['_posts_query']['posts_per_page'] = 30;
// 抜粋の文字数を変更
$args['vars']['_posts_query']['_excerpt_length'] = 30; // 任意の数値を設定してください
}
}
return $args;
}
);
‘
通常の【投稿】のことを指しているなら、WordPressのデフォルトの機能で変更可能と思います。
このサイトに提示いただいた CSS を追加してみました。そのままだとドロワーが開いていないときでもドロワーのリンクがクリックできる状態になってしまっていたので、セレクタを調整してみました。
@media screen and (max-width: 768px) {
.c-drawer[aria-hidden="false"] .c-drawer__submenu {
display: block !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
position: static !important;
width: 100%;
z-index: 1000;
}
.c-drawer[aria-hidden="false"] .c-drawer:not(.is-active) .c-drawer__submenu {
display: block !important;
}
.c-drawer[aria-hidden="false"] .c-drawer.is-active .c-drawer__submenu {
display: block !important;
}
}
なお、背後のリンクがクリックできてしまう現象は確認できませんでした。背後の要素の z-index とか position の状態なども関係してくるのかもしれません。実際のページを見せてもらうことはできますか？
Snow Monkey Blocks の「最近の投稿」ブロックの場合、コードを追加すれば表示は可能です。
下記の PHP コードを My Snow Monkey プラグインか子テーマの functions.php に追加してみてください。
add_filter(
'snow_monkey_get_template_part_args_template-parts/widget/snow-monkey-posts',
function( $args ) {
// 最近の投稿ブロックのとき
if ( 'snow-monkey-blocks/recent-posts' === $args['vars']['_context'] ) {
// レイアウトが「テキスト2」のとき
if ( 'text2' === $args['vars']['_entries_layout'] ) {
// 抜粋の表示を有効化
$args['vars']['_display_item_excerpt'] = true;
// 表示件数を変更
$args['vars']['_posts_query']['posts_per_page'] = 30;
}
}
return $args;
}
);
これで抜粋が HTML 上では出力されるようになりますが、CSS 的には非表示になっているので、下記の CSS を追加 CSS に追加してみてください。
.c-entries--text2 .c-entry-summary__content {
display: block;
}
ただ、ここから見た目の調整は CSS でできる範囲しか難しいので、なるべく思い通りの表示に近づけたいのであれば、クエリーブロックで組み立てるとか、一覧を表示するショートコードを自作するのも手かもしれません。
ご検討ありがとうございます！
フォームのブロック .wp-block-snow-monkey-forms-item が fieldset になって、
ラベル部分（Snow Monkey が好きですか） .smf-item__label に legend が設定できると良いかなと思うのですが
それで Snow Monkey Forms のつくりと合うのかちょっと自信がないです。。
