ウィジェットに関してはサムネイルサイズを変更するためのフックを仕込んでいたのですが、確かに一覧や最近の投稿ブロックだと変更できないですね…。次のアップデートでフックを仕込もうと思います。
お急ぎであれば下記のコードを My Snow Monkey プラグインに貼り付けることで、画像部分の HTML を書き換える形でサイズ変更できます。下記の例ではサイズを medium にしていますが、サムネイルサイズにしたい場合は thumbnail にしてみてください。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/loop/entry-summary/figure/figure' === $slug && 'post' === $name ) {
$thumbnail = get_the_post_thumbnail( get_the_ID(), 'medium' );
return preg_replace(
'|<img [^>]+>|',
$thumbnail,
$html
);
}
return $html;
},
10,
3
);
下記のコードを My Snow Monkey プラグインに追加してみてください。記事下に表示されるタグ一覧をそのまま表示するようにしています。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/loop/entry-summary' === $slug && 'post' === $name ) {
ob_start();
\Framework\Helper::get_template_part( 'template-parts/content/entry-tags' );
return $html . ob_get_clean();
}
return $html;
},
10,
3
);
@Kmical Lights さん
最後に読まれたテンプレート名を取得できるような関数とかあれば、何とかなるかもですが、そう言うのって Snow Monkey のテンプレート系の処理でもやれましたっけ？
これはないですねー。今回の場合はドロワー内の検索ボックスは
Helper::get_template_part( 'template-parts/common/search-form', 'drawer' );
で読み込まれているので、snow_monkey_template_part_render でやるのであれば、下記のような感じで絞り込みできます。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/common/search-form' === $slug && 'drawer' === $name ) {
return str_replace( ... );
}
return $html;
},
10,
3
);
下記のコードを My Snow Monkey に貼り付けてみてください。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/nav/drop' === $slug ) {
ob_start();
\Framework\Helper::get_template_part( 'template-parts/header/site-branding' );
$site_branding = ob_get_clean();
$search = '|(<li class="menu-item)|m';
$replace = sprintf( '<li class="c-navbar__item">%1$s</li>', $site_branding );
return preg_replace( $search, $replace . '$1', $html, 1 );
}
return $html;
},
10,
2
);
これでドロップナビにロゴは表示されるようになると思うので、あとはお好みでロゴ周りの余白を CSS で調整してください。
.p-drop-nav .c-site-branding {
padding-top: 1em;
padding-bottom: 1em;
}
こんな感じでどうでしょう？
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/nav/social' !== $slug ) {
return $html;
}
$html = str_replace(
'<nav class="p-social-nav" role="navigation">',
'<nav class="p-social-nav" role="navigation"><div class="my-social-nav-title"><b>公式SNS</b></div>',
$html
);
$html = str_replace(
'</nav>',
'<div class="my-social-nav-message">最新情報はSNSをチェック</div></nav>',
$html
);
return $html;
},
10,
2
);
すみません、ちょっとうまく管理バーを表示させることができなかったので、あてずっぽうな感じになってしまうのですが、ひとまず下記のコードも追加してみてください。これで解決すると良いのですが…。
add_action(
'wp_enqueue_scripts',
function() {
wp_enqueue_script(
Helper::get_main_script_handle() . '-fix-adminbar',
get_theme_file_uri( '/assets/js/fix-adminbar.min.js' ),
[],
filemtime( get_theme_file_path( '/assets/js/fix-adminbar.min.js' ) ),
true
);
}
);
メニュー表示項目をログイン・非ログインやグループ等で変えるのもアクションフックから操作できるのですか？
Snow Monkey には、テンプレートの内容を書き換える snow_monkey_template_part_render フィルターフックと 、テンプレートの内容をテンプレートではなく functions.php 等でコードで定義できる snow_monkey_get_template_part_<テンプレートパーツ名> アクションフックがあります。これを使って書き換えることはできると思います。
参考：
上の返信、ソースコードが見やすくなってるのは、僕も投稿段階でビジュアルエディタで出来ますか？
ビジュアルエディターはわからないのですが、コードを範囲指定して、テキストエディタのツールバーにある「code」というボタンをクリックするとできます！
2. ヘッダーサブメニュー、PCだと右上にかっこいいのですが、スマホからだと右上には表示されません。スマホもPCも、左上に表示したいのです。
あ、そうかスマホではでませんね…。この調整はこの調整で面倒かもなので、先に提示した方法で管理バーの挙動がちゃんとなるのであればそっちのほうが良さそうです。
@Rocket Martue さん、コメントありがとうございます！
@大西さん、この部分、現状簡単に追加する方法はなく、My Snow Monkey プラグインに PHP のコードを書くか、Rocket Martue さんが書いてくださったようにメニュー追加 + CSS でやるかのどちらかになります。僕も CSS のほうが簡単かなと思います（PHP だとエラーを気にしないといけないので）
一応 My Snow Monkey でやるのはこんな感じ。この場合、ドロワーの一番下に画像リンクが追加されます。検索ボックスがあったりドロワーサブナビが設定されていてもその下に追加されることになり、細かい位置調整はできません。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/nav/drawer' !== $slug ) {
return $html;
}
ob_start();
?>
<ul class="c-dropdown__menu">
<li class="c-dropdown__item">
<a href="リンク先 URL"><img src="画像URL" alt=""></a>
</li>
</ul>
<?php
$img_link = ob_get_clean();
return str_replace( '</nav>', $img_link . '</nav>', $html );
},
10,
2
);
ちょっとだけ複雑になりますが、下記を試してみてください！
1. My Snow Monkey プラグインに下記のコードを貼り付け
/**
* フッターサブナビゲーションの末尾にコピーライトを追加
*/
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/nav/footer-sub' === $slug ) {
return preg_replace(
'|</ul>|',
'<li class="c-navbar__item">' . wp_kses_post( \Framework\Helper::get_copyright() ) . '</li></ul>',
$html
);
}
return $html;
},
10,
3
);
2. カスタマイザー → 追加 CSS に下記の CSS を追加
.p-footer-sub-nav .c-container {
text-align: center;
}
.p-footer-sub-nav .c-navbar {
display: inline-flex;
}
.c-copyright {
display: none;
}
下記のコードを My Snow Monkey プラグインあるいは子テーマの functions.php に貼り付けてみてください。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/content/entry/header/header' === $slug ) {
$html = str_replace( '<h1 ', '<h2 ', $html );
$html = str_replace( '</h1>', '</h2>', $html );
return $html;
}
return $html;
},
10,
2
);
ちなみにSEO的にはh1の方が良いのでしょうか？
SEO的にH2にしたいとの要望でした。
個人的には特に関係ないと思います…
根本的な解決策ではありませんが、とりえあえずパッチを送ります！ My Snow Monkey プラグインか子テーマの functions.php に貼り付けてみてもらえればと思います。
/**
* ブログトップページで記事一覧レイアウトが正しく取得できなかった場合に補正するパッチ
*/
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/archive/entry/content/content' === $slug && 'post' === $name ) {
if( is_home() ) {
$entries_layout = get_theme_mod( 'post-entries-layout' );
$html = str_replace( 'c-entries--"', 'c-entries--' . $entries_layout . '"', $html );
}
}
return $html;
},
10,
3
);
カテゴリーアーカイブに固定ページも含むようにしたということですね。
下記のコードでクエリに投稿タイプ page を追加しているので、Snow Monkey 側で設定される一覧のレイアウトが取得できなくなっています。
$query->set('post_type', array( 'post', 'page' ));
※レイアウトは {投稿タイプ}-entries-layout という名前になりますが、投稿タイプが2つなので正しく取得できない
なので、ちょっと正しく動くかわかりませんが、やるとしたらこんな感じでしょうか。レイアウトをシンプルにするコードを下記に差し替えてください。
//カテゴリーページの場合、一覧レイアウトを「simple」に固定
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/archive/entry/content/content' === $slug ) {
if( is_category() ) {
$html = str_replace( 'c-entries--"', 'c-entries--simple"', $html );
$html = str_replace( 'c-entries--rich-media', 'c-entries--simple', $html );
}
}
return $html;
},
10,
2
);
snowmonkey ver8.1.0
いつもお世話になっております。
コードを追加して、固定ページにカテゴリーを幾つか設けています。
固定ページのカテゴリーページが、カスタマイザーで「シンプル」にしているのに、「リッチメディア」になっています。以前、別トピックの中でご教示いただいた内容（以下リンク）を参考に、後述のコードを追加しましたが、変化がありません。
コードが間違っているのでしょうか。
//カテゴリーページの場合、一覧レイアウトを「simple」に固定
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/archive/entry/content/content' === $slug ) {
if( is_category() ) {
$html = str_replace( 'c-entries--rich-media', 'c-entries--simple', $html );
}
}
return $html;
},
10,
2
);
▼固定ページのカテゴリーページ（カスタマイザーではシンプル）
▼ブログ（投稿ページ）のカテゴリーページは正常に表示されています
お忙しいところ恐縮ですが、どうぞよろしくお願いいたします。
ありがとうございます。流用するのは難しそうな気がするので、フック内に HTML を直接書いちゃうのが良いかなと思いました。カスタマイズの内容が大きいのでちょっとフォーラムでちょろっとやるのは難しいかなと思うのですが、多分やり方的には下記のような感じになるのかなと。
// 任意のタクソノミーウィジェットを独自の HTML で出力
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name, $vars ) {
// 任意のタクソノミーの投稿ブロックの場合
if ( 'template-parts/widget/snow-monkey-posts' === $slug && 'taxonomy' === $name ) {
// タクソノミー hoge の場合
$query = $vars['_posts_query'];
if ( isset( $query->tax_query->queries[0]['taxonomy'] ) && 'hoge' === $query->tax_query->queries[0]['taxonomy'] ) {
ob_start();
?>
ここに template-parts/widget/snow-monkey-posts を好きな形にカスタマイズした内容を記述
<?php
return ob_get_clean();
}
}
return $html;
},
10,
4
);
おー！良かったです！では僕が news としていたところを tournament_all に変更してみてください。こうかな。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/loop/entry-summary' === $slug && 'tournament_all' === $name ) {
$html = preg_replace( '|<a [^>]+?>|ms', '', $html );
$html = str_replace( '|</a>', '', $html );
return $html;
}
return $html;
},
10,
3
);
了解です！
一応方法としては2つ考えられます。
– template-parts/loop/entry-summary-news.php をつくる
– フックでリンクを消す（デザイン > news アーカイブページ設定 > ビューテンプレートが「デフォルト」である必要あり）
1つめの方法のほうが自由がききますが、2のほうが貼り付けるだけでさくっとやれるので、とりあえず2つめの方法を共有しますね。下記のコードを My Snow Monkey プラグイン、もしくは子テーマの functions.php に貼り付けてみてください。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug, $name ) {
if ( 'template-parts/loop/entry-summary' === $slug && 'news' === $name ) {
$html = preg_replace( '|<a [^>]+?>|ms', '', $html );
$html = str_replace( '|</a>', '', $html );
return $html;
}
return $html;
},
10,
3
);
