[キタジマ タカシ]

メニューの「ナビゲーションラベル」に次のように入力したとします。

<i class="fas fa-home"></i><span class="label">ホーム</span>

その想定で、次の CSS を追加してみてください。

.c-navbar__item > a {
  flex-direction: column;
}

.c-navbar__item > a > .label {
  display: block;
}

♥ 0

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

[キタジマ タカシ]

特別な理由がない限り、背景画像の場合は wp_get_attachment_image_url()、画像をそのまま表示する場合は the_post_thumbnail() を使っています。CDN はどういうふうに画像の URL を置換しているのでしょうか？プラグイン利用、もしくはプロキシサーバー的なものを前段に置いているのですかね？

♥ 0

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

[キタジマ タカシ]

この画像部分、特にこちらで特殊な実装をしているわけではなく、標準的な関数で URL を出力しているため、CDN（プラグインか何かが URL を置換するのですかね？）側の不具合なのではないかという気がします。

inc2734/wp-like-me-box

Contribute to inc2734/wp-like-me-box development by creating an account on GitHub.

github.com

一応、Snow Monkey 側は inc2734_wp_like_me_box_thumbnail というフックを通して URL を出力するので、子テーマを用意して頂き、そのフックを使って URL を整形すれば正しく表示させることができるのではないかと思います。

♥ 0

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

[キタジマ タカシ]

なるほどなるほど。常日頃 CSS 書いていると当たり前になってそのような需要を見落としてしまうので参考になります！マニュアルは、このフォーラムにカスタマイズ事例がたまってきているので、それをちゃんと記事化して追加したいなと考えています（なかなかできていませんが…）。その際はこれも追加します！

SnowMonkey以外のテーマでも使えるCSSなんですかね？

.l-sidebar-widget-area の部分がテーマによって違いますが、基本的な記述は同じです。.l-sidebar-widget-area の部分だけブラウザのデベロッパーツールなどで調べると良いかと思います。

♥ 0

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

[キタジマ タカシ]

Snow Monkey　自体には無いのですが、思いつく方法としては次の2つがあります。

1. CSS で消す

次の CSS を追加していただくと、スマホでサイドバーのウィジェットエリアを消せます。767px の部分はお好みで調整してください！（767px 以下で非表示）

@media (max-width: 767px) {
  .l-sidebar-widget-area {
    display: none;
  }
}

2. プラグインを使う

僕は使ったことはないのですが、ウィジェットエリアの表示条件を指定できるプラグインがあるようです。

【WordPress】スマホとPCでウィジェットの表示を分けるプラグインWidget Logicの使い方！

  モバイルやスマホの通信速度が早くなったと言って…

blog.shuffleee.com

♥ 1

いいねをした人:

[キタジマ タカシ]

ぐわーすみません！ご報告ありがとうございます。修正できると思いますが、ちょっとお時間いただくかもしれません>< 次回アップデートで対応いたします。おまたせしてスミマセン！

♥ 0

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

[キタジマ タカシ]

v3.4.2 で修正いたしました。ご報告＆アドバイスありがとうございました！

♥ 0

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

[キタジマ タカシ]

なるほど！！ 今から調べていようかなと思ってここ開いたら、すでに調べて頂いたとのことですごく助かりました！近日中にアップデートかけます！

♥ 0

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

[キタジマ タカシ]

どのようにカスタマイズしたいかが、ユーザーによって異なる可能性が高いと思いますので、例えばカスタマイザーなどから文言変更できるようにしたりすると、カスタマイザー以外でカスタマイズしようとした場合に逆にカスタマイズのハードルが上がってしまう、などの問題も考えられます。

そういう面を考慮すると、やはり子テーマをつくって頂き、その中で 404 用テンプレートを上書きして頂くのがベターなのかなと。

子テーマをつくり、その中に snow-monkey/templates/view/404.php から 子テーマ/templates/view/404.php にファイルをコピーし編集することでカスタマイズが可能です。

子テーマの作り方はこちら

子テーマのつくり方

子テーマとは あなたが Snow Monkey のデザインやレイアウトを変更したいと思ったとき、CSS の追加…

snow-monkey.2inc.org

♥ 0

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

[キタジマ タカシ]

v3.4.0 で対応させました。クローズありがとうございますー

♥ 0

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

[キタジマ タカシ]

なるほどです。僕は子カテゴリー使うことがほとんど無いので気づきませんでした。
表側での色の反映自体は問題ないと思います。カスタマイザーで子カテゴリーのカラーピッカーに親の色を反映できるかはちょっと試してみないとわからないですね…。
一度やってみます！

追記：
逆にわかりにくくなりそうなので、カスタマイザーの子カテゴリー編集には特に何も手を加えないようにします。表側の反映は問題なさそうです！

♥ 0

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

[キタジマ タカシ]

なんと！お知らせありがとうございます！

♥ 0

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

[キタジマ タカシ]

ヘッダー無しテンプレートについて

無くすのはヘッダーだけで、フッターは必要でしょうか？もしフッターも不要ということであれば、「空」というテンプレートを選択すると、ヘッダーもフッターも無いものを使用できます。

編集画面では、なるべくチェックボックスなどのカスタムフィールドはおかない開発方針をとっています。カスタムフィールドを入れると複雑性が増すこと、許容するとこれもカスタムフィールドでできるなとどんどん増えていってしまうこと、が理由です。例外的に description や robots のカスタムフィールドは入れていますが、これは他に手がなかったからで、カスタマイザーか CSS でどうにかできるものについてはなるべくそれで対応する、という形になります。

固定ページでのシェアボタンについて

シェアボタンが自動的に表示されるのは投稿ページだけですが、実はシェアボタンはショートコードでも呼び出せるようになっているので、下記のようなショートコードを埋め込めば固定ページにも表示させることができます。

	

		

			

			

			-		
		
		
			
		
		シェア
	


		
		

			

			
-
		
		
			
		
		投稿
	


		
		

			

			

			-		
		
		
			
		
		ブックマーク
	


		
		

			

			

			-		
		
		
			
		
		Feedly
	


		
		

			

			
-
		
		
			
		
		LINE
	


		
		

			

			
-
		
		
			
		
		Pocket
	


		
		

			

			
-
		
		
			
		
		Pinterest
	



		
		

			

			
-
		
		
			
		
		フィード
	


		
		

			

			
-
		
		
			
		
		コピー
	


		
	

♥ 0

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

[キタジマ タカシ]

とりあえず、検索で頑張りますー！

すみません、お手数おかけします…。
解決とのことで、クローズしますね！

♥ 0

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

[キタジマ タカシ]

Snow Monkey にはフックは用意してないですが、get_template_part_{$slug} フックとか使えないですかねー。

get_template_part_{$slug} | Hook | WordPress Developer Resources

Fires before the specified template part file is loaded.

developer.wordpress.org

add_action( 'get_template_part_templates/layout/footer/footer', function() {
  ?>
  あいうえお
  <?php
} );

Snow Monkey のフック一覧については、いずれは準備したいと思っているのですが、今のところは用意できておらず…。僕はテキストエディターで do_action、apply_filters と一括検索して調べてます^^;

♥ 0

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

[投稿者]

投稿