[キタジマ タカシ]

あれ、対応しているはずですが表示されませんかね？
例えば Snow Monkey のマニュアルは固定ページでつくっていますが、右カラムの追尾サイドバーに目次ウィジェットを設置しています。

設定ガイド

スタートアップガイド Snow Monkey を初めて使うという方のために、最初にやったほうが良いことを「マニ…

snow-monkey.2inc.org

記事中に自動的に表示されるのは投稿だけですが、ウィジェットなら固定ページでも表示されるはずです。もしかしたら設置するウィジェットエリアによっては表示されないというバグがあるのかもしれませんので、もう一度ご確認頂いてどうしても表示されないのであれば、どのウィジェットエリアに設置されたのか教えていただければと思います。

♥ 0

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

[キタジマ タカシ]

解決できて良かったです！

♥ 0

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

[キタジマ タカシ]

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

じゃなくて、

.p-global-nav .c-navbar__item > a > span {
  flex-direction: column;
}

としてみてください><

♥ 0

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

[キタジマ タカシ]

実際のページの URL を教えていただくことは可能でしょうか？ちょっと実際のコードを見てみないとわからない感じでして…。表に出せないのでしたら、メール等でも構いませんのでご検討ください。

♥ 0

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

[キタジマ タカシ]

v3.6.2 からは、次のように書き換えてください！

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

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

↓ 下記は削除
.c-navbar__item > a > .label {
  display: block;
}

♥ 0

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

[キタジマ タカシ]

v3.6.2 で対応いたしました！
若干メニュー部分の HTML と CSS が変更になっていますので、ご自身でカスタマイズされている場合は崩れたりしない確認されてください。いったんクローズします！

♥ 0

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

[キタジマ タカシ]

今回のはニッチでそんなに記事情報としてはでてないのではと思います。僕の場合は記事より、すでにその機能があるテーマ（やプラグイン）のコードを直接見てみる、ということのほうが多いですね。

でもコードを読めるというのも向き不向きあると思いますし、僕が自分の想像外の提案をもらってなるほど！と思うのも、僕が実際に使う人の視点を持つことに向き不向きがあるということだと思うので、なんといいますか、みんなのお互いの得意な部分をあわせてより良くしていければ良いなぁと思います。

アップデート、しばしおまちを！

♥ 0

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

[キタジマ タカシ]

そうですね、これは「説明」に入れて反映されるようにしたほうがスマートな気がしますね。次回アップデートに取り込ませてもらいます！ご提案ありがとうございます。

♥ 0

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

[キタジマ タカシ]

あ、そうか、以前のトピックに関連するものですね。

ハンバーガーボタンを”メニュー”という文字にしたい

このトピックには3件の返信、2人の参加者があり、最後にキタジマ タカシにより2年、 4ヶ月前に更新されました。…

snow-monkey.2inc.org

v3.6 から、ハンバーガーボタンに「MENU（英語表記）」という文字が表示されるようになりました。そこが日本語表記に翻訳されないようにアップデートの過程で Snow Monkey の言語ファイルを触った気がしていて、子テーマ側を修正してもらったほうが良さそうです。

<div><?php esc_html_e( 'Menu', 'snow-monkey' ); ?></div>

を

<div>メニュー</div>

これでどうでしょうか？

♥ 0

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

[キタジマ タカシ]

お待たせしました、下記のコードでアイコンを変更できます。子テーマの functions.php に記述してみてください。

add_filter( 'walker_nav_menu_start_el', function( $item_output, $item, $depth, $args ) {
	if ( 'social-nav' !== $args->theme_location ) {
		return $item_output;
	}

	// もしリンク先 URL が 2inc.org を含んでいたら
	if ( false !== strpos( $item->url, '2inc.org' ) ) {
		// 地球アイコンを消す
		$item_output = str_replace( '<i class="fas fa-globe"></i>', '', $item_output );
		// Instagram アイコンに置換
		return str_replace( $args->link_before, '<i class="fab fa-instagram"></i>' . $args->link_before, $item_output );
	}

	return $item_output;
}, 11, 4 );

アイコンのサイズについては、下記の CSS を追加すれば変更できます。

.p-social-nav a {
  font-size: 1.5rem;
}

あと、Snow Monkey v3.5.1 からアイコンに色がつくようになりました。

♥ 0

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

[キタジマ タカシ]

インスタグラムのアイコンがWebっぽいのが表示されちゃうんですが、インスタアイコンの変更方法ってありますか？

QuiQui さんのサイトですよね？拝見したところ、Instagram 公式ではなくサードパーティーのサイトにリンクされているようで、そのため Instagram のサイトと判定されず地球アイコンになっています。Snow Monkey 側で対応するのはちょっと違う感じなので、子テーマの functions.php にコードを追加してアイコンを変更する方法をあとで書き込みますね。

あと、ちょっと小さくて気づかない可能性があるので、カラーバージョンと、サイズ変更ができるようになると嬉しいです。

これは確かにそうかもしれませんね…。大きさは CSS で変更できますが、色はちょっと面倒だと思うので、Snow Monkey 側でそれぞれの色になるようにしましょうかね。Twitter なら水色、Facebook なら青とか。次回アップデートで反映させます！

♥ 0

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

[キタジマ タカシ]

2つになった原因はちょっとわかりませんが、ファイルの編集については、WordPress 管理画面やファイルマネージャーではなく、テキストエディタ（Atom とか Sublime Text とか）で編集したものを SFTP ツールなどでアップロードするのが良いです。

管理画面で編集するとエラーなどが発生したときにサイトにログインできず結局エディタで編集してアップロードという流れになること、ファイルマネージャー経由だと文字エンコードの問題などが発生する可能性があること、という理由です。

とりあえず表示はされた、とのことなのでクローズします！

♥ 0

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

[キタジマ タカシ]

WordPress が変換しちゃうのでしょうね。セキュリティ対策なのかもしれません。こういうときは、ショートコードをつくるのが一番下と思います。

子テーマを使っている必要がありますが、子テーマの functions.php に

add_shortcode( 'test', function() {
	ob_start();
	?>
	<scrip>
	// ここに JavaScript のコード
	</scrip>
	<?php
	return ob_get_clean();
} );

test の部分がショートコード名になります。適当な名前に変えてください。そして、記事に [test] のようにいれると、JavaScript が埋め込まれる形で記事が表示されるかと思います。

追記：このサイトの WAF の影響で script と書くと送信できないので scrip と記述してます！実際には script と記述してください。

♥ 0

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

[キタジマ タカシ]

できたですか、良かったです！

♥ 0

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

[キタジマ タカシ]

v3.5.0 で修正いたしましたのでご確認ください！クローズしますね。

♥ 0

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

[投稿者]

投稿