あれ、対応しているはずですが表示されませんかね？
例えば Snow Monkey のマニュアルは固定ページでつくっていますが、右カラムの追尾サイドバーに目次ウィジェットを設置しています。
記事中に自動的に表示されるのは投稿だけですが、ウィジェットなら固定ページでも表示されるはずです。もしかしたら設置するウィジェットエリアによっては表示されないというバグがあるのかもしれませんので、もう一度ご確認頂いてどうしても表示されないのであれば、どのウィジェットエリアに設置されたのか教えていただければと思います。
.c-navbar__item > a > span {
flex-direction: column;
}
じゃなくて、
.p-global-nav .c-navbar__item > a > span {
flex-direction: column;
}
としてみてください><
v3.6.2 からは、次のように書き換えてください！
<i class="fas fa-home"></i>ホーム
.c-navbar__item > a > span {
flex-direction: column;
}
↓ 下記は削除
.c-navbar__item > a > .label {
display: block;
}
あ、そうか、以前のトピックに関連するものですね。
v3.6 から、ハンバーガーボタンに「MENU（英語表記）」という文字が表示されるようになりました。そこが日本語表記に翻訳されないようにアップデートの過程で Snow Monkey の言語ファイルを触った気がしていて、子テーマ側を修正してもらったほうが良さそうです。
<div><?php esc_html_e( 'Menu', 'snow-monkey' ); ?></div>
を
<div>メニュー</div>
これでどうでしょうか？
お待たせしました、下記のコードでアイコンを変更できます。子テーマの 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 からアイコンに色がつくようになりました。
インスタグラムのアイコンがWebっぽいのが表示されちゃうんですが、インスタアイコンの変更方法ってありますか？
QuiQui さんのサイトですよね？拝見したところ、Instagram 公式ではなくサードパーティーのサイトにリンクされているようで、そのため Instagram のサイトと判定されず地球アイコンになっています。Snow Monkey 側で対応するのはちょっと違う感じなので、子テーマの functions.php にコードを追加してアイコンを変更する方法をあとで書き込みますね。
あと、ちょっと小さくて気づかない可能性があるので、カラーバージョンと、サイズ変更ができるようになると嬉しいです。
これは確かにそうかもしれませんね…。大きさは CSS で変更できますが、色はちょっと面倒だと思うので、Snow Monkey 側でそれぞれの色になるようにしましょうかね。Twitter なら水色、Facebook なら青とか。次回アップデートで反映させます！
2つになった原因はちょっとわかりませんが、ファイルの編集については、WordPress 管理画面やファイルマネージャーではなく、テキストエディタ（Atom とか Sublime Text とか）で編集したものを SFTP ツールなどでアップロードするのが良いです。
管理画面で編集するとエラーなどが発生したときにサイトにログインできず結局エディタで編集してアップロードという流れになること、ファイルマネージャー経由だと文字エンコードの問題などが発生する可能性があること、という理由です。
とりあえず表示はされた、とのことなのでクローズします！
ありがとうございます。やってみたのですが、
テーマの編集からだと
致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。
というエラーが出たため、ファイルマネージャーからfunctions.phpに書き込みを行ったところ、５００エラーになりました。親テーマ、子テーマともに同じ状況でした。
そこで一度コードを削除して、Snowmonkeyから離れました。
試しにTwenty Seventeenをいれて、コードの書き込みを試したところ、エラーなく保存できました。
テーマ一覧を見たら、SnowMonkeyの親テーマがふたつになっていました。
ファイルマネージャーから見ると片方にはフォルダ名に謎の文字列がはいっています。スクリーンショットを添付します。両方共有効にすることは可能です。
Snowmonkeyが壊れてしまったのが原因となっておりますでしょうか？
ご面倒をおかけしますがアドバイスいただけますと助かります。
WordPress が変換しちゃうのでしょうね。セキュリティ対策なのかもしれません。こういうときは、ショートコードをつくるのが一番下と思います。
子テーマを使っている必要がありますが、子テーマの functions.php に
add_shortcode( 'test', function() {
ob_start();
?>
<scrip>
// ここに JavaScript のコード
</scrip>
<?php
return ob_get_clean();
} );
test の部分がショートコード名になります。適当な名前に変えてください。そして、記事に [test] のようにいれると、JavaScript が埋め込まれる形で記事が表示されるかと思います。
追記：このサイトの WAF の影響で script と書くと送信できないので scrip と記述してます！実際には script と記述してください。
Toretaというところのタグなのですが、”div”がscriptに入っているとうまく動作しないという意見が多いことがわかりました。
スノーモンキーというよりもWordPressとJavascriptの根本的な話？のようですね。
Service提供元に問い合わせたのですが、タグが改変されているので、改変されないようにしてほしいとのことでした。
投稿で保存した後、自動で書き換わってしまうようなので、不思議でいっぱいです。
メニューの「ナビゲーションラベル」に次のように入力したとします。
<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;
}
特別な理由がない限り、背景画像の場合は wp_get_attachment_image_url()、画像をそのまま表示する場合は the_post_thumbnail() を使っています。CDN はどういうふうに画像の URL を置換しているのでしょうか？プラグイン利用、もしくはプロキシサーバー的なものを前段に置いているのですかね？
テーマのサムネイル読み出しはどれも下記コードでしょうか？（largeか否かは置いといて）
if ( get_post_thumbnail_id() ) {
$thumbnail = wp_get_attachment_image_url( get_post_thumbnail_id(), 'large' );
}
CDN処理でコケるとした場合、通常ならばサイト全体のサムネイル表示に影響すると思うのですがどうしてかここだけ表示されないのです（苦笑）
この画像部分、特にこちらで特殊な実装をしているわけではなく、標準的な関数で URL を出力しているため、CDN（プラグインか何かが URL を置換するのですかね？）側の不具合なのではないかという気がします。
一応、Snow Monkey 側は inc2734_wp_like_me_box_thumbnail というフックを通して URL を出力するので、子テーマを用意して頂き、そのフックを使って URL を整形すれば正しく表示させることができるのではないかと思います。
なるほどなるほど。常日頃 CSS 書いていると当たり前になってそのような需要を見落としてしまうので参考になります！マニュアルは、このフォーラムにカスタマイズ事例がたまってきているので、それをちゃんと記事化して追加したいなと考えています（なかなかできていませんが…）。その際はこれも追加します！
SnowMonkey以外のテーマでも使えるCSSなんですかね？
.l-sidebar-widget-area の部分がテーマによって違いますが、基本的な記述は同じです。.l-sidebar-widget-area の部分だけブラウザのデベロッパーツールなどで調べると良いかと思います。
