[キタジマ タカシ]

v3.1.3 からは、下記のコードでヘッダー画像を固定できるようになる予定です。

add_filter( 'snow_monkey_pre_page_header_image_url', function( $url ) {
    return '任意の画像 URL';
} );

現行バージョンでも対応できる一番手っ取り早いのは、/template-parts/page-header.php を子テーマで上書きしちゃう方法ですかね。

♥ 0

Who liked: No user

[キタジマ タカシ]

あれ、なんででしょうね笑
もしかしたらできるのかな…。
もしかしたら、お使いのプラグインが FontAwesome を読み込んでいるという可能性はあるかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

パラメーターには、WP_Query と同じものが使用できます。

関数リファレンス/WP Query – WordPress Codex 日本語版

wpdocs.osdn.jp

下記のような感じでどうでしょう？

// ID 番号が 12345 のウィジェットが表示する記事の条件を変更する
// pickup タグ + ランダム + 3件
add_filter( 'snow_monkey_recent_posts_widget_args_12345', function( $query_args ) {
    $query_args['tag'] = 'pickup';
    $query_args['posts_per_page'] = 3;
    $query_args['orderby'] = 'rand';
    return $query_args;
} );

PC とスマホでの出し分けについては、1列にするより消すほうが簡単なので、消すサンプルを。

/* PC では最後の1個を消す */
/* 下記の例だと Snow Monkey: 最近の投稿ウィジェット全部に反映されるので、特定のウィジェットにだけ適用したいなら  id セレクタで指定したほうが良いかも */
@media (min-width: 64em) {
  .snow-monkey-recent-posts .c-entries__item:last-child {
    display: none;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

before/after に FontAwesome を表示する方法、Snow Monkey v3 以降は使用できなくなりました！ Snow Monkey v3 から、FontAwesome5 対応にしたのですが、FontAwesome5 が js 描画推奨となっており、アイコンフォントを読み込む従来の方法を使用しなくなったためです。

ウィジェットタイトルに HTML 許可させるようにしようと思ったのですが、WordPress のデフォルトウィジェットは HTML 許可されてないっぽいので、Snow Monkey オリジナルウィジェットもそれにあわせたほうが良いかなと思います。
なので、Snow Monkey v3 以降の場合だったら、js で追加してもらうのが良いですかね…。

下記のスレッドの中でコードサンプル書いていますので、確認されてみてください！

Font Awesome 5 対応について

このトピックには5件の返信、2人の参加者があり、最後にMasahiko Abeにより2年、 4ヶ月前に更新され…

snow-monkey.2inc.org

♥ 0

Who liked: No user

[キタジマ タカシ]

確かに！ここ、もともとのメニューの仕様に引きづられて設定がよくわかりにくいですよね。
「ノーマル」 + 「ヘッダー位置設定をモバイルのみに適用」未チェックのときは、固定メニューでないようにします！

♥ 0

Who liked: No user

[キタジマ タカシ]

こうですかね。

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

	if ( false !== strpos( $item->url, 'behance.net' ) ) {
		$item_output = str_replace( '<i class="fas fa-globe"></i>', '', $item_output );
		return str_replace( $args->link_before, '<i class="fab fa-behance-square"></i>' . $args->link_before, $item_output );
	}

	return $item_output;
}, 11, 4 );

でもこれ思いましたが、Snow Monkey 自体が Behance をサポートしたほうが良いですよね。次のアップデートで追加します！お急ぎであれば、アップデートまでの間上記のコードをお使いくださいまし。

♥ 0

Who liked: No user

[キタジマ タカシ]

そうなんです、FontAwesome5 から JS 版が推奨とあったので CSS 版から JS 版にしたのですが、使い勝手わるいですよね…軽くはなってると思うのですが…。

ソーシャルナビゲーションのアイコンについては、PHP で URL を判定して置換処理を行っています。

https://github.com/inc2734/snow-monkey/blob/master/resources/app/setup/social-nav.php

子テーマをお使いでしたら、子テーマの functions.php で、上記と似たような感じで walker_nav_menu_start_el にフックさせて置換処理を書くことで実現できるかと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

リスト型の最近の投稿系ウィジェットはちょっと種類を作りすぎたなぁというのは後悔していて、「Snow Monkey: 最近の投稿」のようなリッチメディア型のウィジェットはこれ1つに留めていたりします…。

「Snow Monkey: 最近の投稿」にはフィルターフックが仕込んであって、表示する一覧の条件を任意にカスタマイズできます。詳しくは下記をご参照ください。

さらに自由度を高め、さらに快適になった Snow Monkey v1.0 をリリースしました

本日 v1.0 リリースしました。なるべく不要な機能や仕組みは入れないように注意しているつもりですが、スピード…

snow-monkey.2inc.org

カスタム投稿タイプの最新記事だと、こういう感じですかね。

// ID 番号が 12345 のウィジェットが表示する記事の条件を変更する
add_filter( 'snow_monkey_recent_posts_widget_args_12345', function( $query_args ) {
    $query_args['post_type'] = 'news';
    return $query_args;
} );

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey の開発方針として、ちょっとしたコードの追加で実現できることは、なるべく設定項目は増やさないことを意識しています。設定項目が増えると、使う側も開発側も負担が増大してしまうためです。
戻るボタンの非表示は簡単な CSS の追加で実現できますので、表示されることをデフォルトにして、消したい人は CSS で消す、というのが良いかなと思いました。

位置については、フッター固定ナビゲーションがなければ一番下、あればその分上にずらす、という感じでとりあえずやってみようと思います！

♥ 0

Who liked: No user

[キタジマ タカシ]

3.1.2 でスライダーの仕様が変更になりまして、これまでトップページではスライダーウィジェットの高さが 70vh だったのが、どこに設置しても 16:9 のアスペクト比で表示する（ただし中身のタイトルなどが長い場合はその分縦に伸びる）、というようになりました。

その影響で、前述したコードは正しく適用されなくなりました。
3.1.2 以降の場合、下記のような感じでどうでしょうか？

.wpaw-slider .wpaw-slider__item {
  min-height: 540px !important;
}

• .wpaw-slider .slick-slide ではなく .wpaw-slider .wpaw-slider__item の CSS を上書き
• .wpaw-slider .wpaw-slider__item の min-height を好きな高さで固定

♥ 0

Who liked: No user

[キタジマ タカシ]

下記でいかないですかね？

@media (min-width: 64em) {
  .c-entry__header .c-entry__title {
    font-size: 2rem;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

モバイル用のフッター固定ナビゲーションがあると、表示がダブっちゃうなぁというのがあって、そのままにしてました^^;
フッター固定ナビゲーションにダブらないくらい少し上にずらして表示させたら良さそうですかねー

♥ 0

Who liked: No user

[キタジマ タカシ]

アイキャッチ画像をヘッダー画像に使用するというもともとの仕様が良くなかったなぁと思っていました^^;
カスタマイザーや記事編集画面に

「ページヘッダー用画像（これが設定されていたら優先表示）」
とか
「デフォルトヘッダー画像が設定されていたらアイキャッチ画像をヘッダー画像に使用しない」

のようなチェックボックスを追加すれば、動作的には実現できるかなぁと思いますが、ちょっと使用面でも開発面でも多少混乱を呼び込んでしまいそうな気がするので、フィルターフックなりを追加して、やりたい人はやる、みたいな感じにしようかなと思います。（先日追加した「ヘッダー位置をモバイルのみに適用」も、もともとの仕様がわるかったために発生してしまった悪例だと思っています…）

使ったことはないですが、背景の色を判定して文字色を変更してくれるライブラリもあるみたいですね。

BackgroundCheck

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

www.kennethcachia.com

♥ 0

Who liked: No user

[キタジマ タカシ]

次回リリースの v3.1.0 でスライダーの CSS を修正しているので、もしかしたらちょっと影響が出たりするかもしれませんね。そのときはまた言ってください！

♥ 0

Who liked: No user

[キタジマ タカシ]

URL 削除しました！やり直したら動くようになったということで、とりあえずクローズしますね。

♥ 0

Who liked: No user

[投稿者]

投稿