[キタジマ タカシ]

すみません、ちょっとよく想像できていないのですが、実際のページの URL を共有してもらうことはできますか？

シンプルだとハンバーガーボタンしか出ないので、メニューを画像になるというのが想像できない等…。

WordPress はデフォルトでは svg に対応していないので、お使いのプラグインが svg に対応していないのであれば何か一工夫必要なのかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

あ、コードは 子テーマが My Snow Monkey プラグインに記述してサーバーにアップロードすると反映されます。

Snow Monkey のカスタマイズは子テーマよりプラグインがオススメ！プラグインの雛形をダウンロードできるようにしました

子テーマの問題点 一般的に、テーマの設定では対応できないカスタマイズについては、子テーマを用意し、コードを書い…

snow-monkey.2inc.org

コードにミスがあるとサイトが表示されなくなる場合があるので注意してください。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey の設定では実現できないのでフックを使う形になるかなと思います。下記のような感じでフッターの閉じタグの手前に任意の HTML を追加できます。

add_action(
	'snow_monkey_append_footer',
	function() {
		?>
		<div class="foo">ここに画像</div>
		<?php
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

snow_monkey_template_part_render_ フックの第2引数（$name）に投稿タイプ名が入ってくるのでそれで判定するのはどうでしょうか？ 設定によっては意図した投稿タイプ名が入ってこない場合もありますが、とりあえず確認してみてください。

あと、アーカイブページでは記事タイトル名が h2 ですが、任意のタクソノミーブロックでは h3 になるので preg_replace() を使う形に書き換えるのが良いと思います。下記サンプルコードです。

add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title',
	function ( $html, $name ) {
		if ( 'news' === $name ) {
			$html = preg_replace(
				'|(</h[23]>)|ms',
				'$1あいうえお',
				$html
			);
		}
		return $html;
	},
	10,
	2
);

②カスタム投稿のアーカイブページの横一列の表示数を３つから４つに変更したい。
できれば任意のタクソノミー投稿の表示数も3つから4つに変更したい。

1トピック1課題でお願いしているので、お手数おかけして申し訳ありませんが↑の課題については別にトピックを立ててください！

♥ 0

Who liked: No user

[キタジマ タカシ]

v17.2.1 にアップデートしたあと、

一旦別のフォントに変更して保存、そして再度 Noto Sans JP に戻して保存すると変化はありますか？

を試してみてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

あ！バグがありました！ v17.2.1 で修正いれます！

♥ 0

Who liked: No user

[キタジマ タカシ]

一旦別のフォントに変更して保存、そして再度 Noto Sans JP に戻して保存すると変化はありますか？

また、v17.2.0 からフォントファイルが wp-content/inc2734-wp-google-fonts に保存されるようになったのですが、上記の作業をおこなったあと、念の為 wp-content/inc2734-wp-google-fonts にファイルがあるか確認してみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

画像自体に余白がついてないですかね？ アイコンぴったりにトリミングしてみるとどうでしょうか。

♥ 0

Who liked: No user

[キタジマ タカシ]

いくつか方法はありますが簡単なものを。

1. CSS で消す

.page .c-entry__header {
  display: none;
}

これで固定ページだけタイトルが消えます。

2. ページテンプレートを変える

固定ページの編集画面でテンプレートを「ランディングページ（ヘッダー・フッターあり）」にするとタイトルが表示されないテンプレートになります。

全ての固定ページのページレイアウトを一括で変更したい場合は、カスタマイザー → デザイン → 固定ページの設定 → ページレイアウトで変更することもできます。

固定ページの設定

全ての固定ページ（ダッシュボード > 固定ページで作成したページ）共通の設定を行うことができます。 カスタマイ…

snow-monkey.2inc.org

♥ 0

Who liked: No user

[キタジマ タカシ]

１枚目のスクショ、消したいスペースの部分にある鉛筆マークをクリックするとウィジェットが選択できると思います。選択できたらそのウィジェットを消せばスペースも消えると思うのですがどうでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

全幅に隣接する全幅の余白は下記の CSS で消してあります。

.alignfull + .alignfull {
  margin-top: 0;
}

これと同じように、幅広に隣接する幅広の余白を消したい場合は

.alignwide + .alignwide {
  margin-top: 0;
}

を追加すれば良いのではないかと思います。もし詳細度の問題で0にならない場合は margin-top: 0 !important としてみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

類人猿プラグインではなく Snow Monkey Editor の書式設定ですね。おそらく下記のトピックと同じ問題だと思います。

Snow Monkey Editor　コントロールを使っての文字の装飾（バッジや蛍光ペン）の際にカラーコードを任意のものに入力できない。

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

snow-monkey.2inc.org

WordPress コアのカラーピッカー（ブロックツールバー → ハイライト）でも同じなので、コアの方で修正されるのを待つしかないのかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

`h1,h2,h3,h4,h5,h6 {
font-family: ‘Yu Gothic Medium’, ‘YuGothic Medium’, ‘Hiragino Kaku Gothic Pro’, sans-serif;
}`

を記述するとセクションタイトルのみ、ゴシックになりました。※ページタイトルは明朝体のまま

上記の CSS を追加 CSS に書いたとすると、エディター上で出力される CSS は次のようになります。

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  ...
}

なのでエディター（のコンテンツ入力欄の中）の h2〜h6 はゴシックになります。ページタイトル（記事のタイトルの入力欄ということですよね？）は .editor-styles-wrapper の外になるので、ページタイトルにも反映させたければ .edit-post-visual-editor__post-title-wrapper .editor-post-title__input にも CSS を当てる必要があります。ただ、前述したように追加 CSS や add_editor_style() の CSS は全て .editor-styles-wrapper でラップさせるため、ページタイトルにも CSS を当てたい場合は wp_enqueue_style() を使う必要があります。

基本フォントで設定するとエディター画面に広く反映されるようですね。

基本フォント設定で出力される CSS はタイトルとエディターに対してフォントを設定します。

もし基本フォント設定を無効化できれば、何か変わるのでしょうかね。

これは試していないのでわかりませんが、おそらくエディターに対して適用されているデフォルトのフォントが適用されるのではないですかね？いずれにしろ .is-root-container に対してフォントを指定するのがベターだと思います。

♥ 1

Who liked:

[キタジマ タカシ]

まーちゅうさん、ありがとうございます！ 修正しました。

body > * の CSS はカスタマイザーの追加 CSS ではなくて add_editor_style() での指定ですかね？

追加 CSS の場合、

.editor-styles-wrapper {
  font-family: 'Yu Gothic Medium', 'YuGothic Medium', 'Hiragino Kaku Gothic Pro', sans-serif;
}

だとやっぱり効きませんでした。エディターは　.editor-styles-wrapper > .is-root-container という構造になっており、.is-root-container にフォントの指定がされているので .editor-styles-wrapper では効かないということになるのだと思います。

add_editor_style() だと CSS 中の body が .editor-styles-wrapper に置換されるので、body > * = .editor-styles-wrapper > *、つまり .is-root-container が対象となり反映される、ということなのかなと思いました。

今後のアップデートで追加 CSS の場合でも body が .editor-styles-wrapper に置換されるようにしても良いかもですね。

♥ 1

Who liked:

[キタジマ タカシ]

CSSの記述で、フロントとエディターの両方に反映されるところが利点と認識していたのですが、今回のフォント指定のように、CSSによってはエディター用のCSSを別に記述する必要がある、ということなのでしょうか？

HTML 要素や body 要素まわりはそうなっちゃいますね。Snow Monkey の追加 CSS は add_editor_style() したときと同じでセレクタを分解してエディター用の class でラップするという仕組みです。エディターの DOM を改変してフロントと合わせたりはしていないので、詳細度等の問題で全くフロントと同じようにはならないこともあります。

下記でどうでしょうか？

:root,
.is-root-container {
  --_base-font-family: 'Yu Gothic Medium', 'YuGothic Medium', 'Hiragino Kaku Gothic Pro', sans-serif;
}

♥ 1

Who liked:

[投稿者]

投稿