[キタジマ タカシ]

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

♥ 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

[キタジマ タカシ]

これは、 （URL は運営側で削除） の URL を指定したブログカードが表示されないということでしょうか？
それとも、ヘテムルとロリポップとkusanagiにおいて、どのサイトの URL を指定してもブログカードが表示されないということでしょうか？後者の場合、例えば YouTube の URL を貼り付けるとどうでしょうか？（正常であれば動画が表示されます）

僕の環境では、 （URL は運営側で削除） の URL を記事に貼り付けると、正しくブログカードが表示されました。プラグインを全て停止しても NG ということでしたら、例えば海外 IP は遮断するとか、何らかの制限がサーバー側でかかっていると表示されないことはあるかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

それは良いアイデアですね！次回アップデートで、ウィジェットの設定パネルで設定できるようにします！

♥ 0

Who liked: No user

[キタジマ タカシ]

「若干のコード変更」は <i class="fa〜 で指定する方法のことを指していました！描画になったので、CSS で content を指定する方法についてはもう少し複雑になります。子テーマに js ファイルを追加して、下記のようなコードを足すことで実現できます。

jQuery(function($) {
  // 本当はセレクタは .entry__content > ul > li とかが良いかも
  $('ul il').prepend($('<i class="fas fa-angle-right" />'));
});

before を指定するわけではなく i タグを突っ込んでいるので多少 CSS で位置調整が必要かと思います。

もし js 版ではなく CSS 版をお使いになりたい場合は、子テーマの functions.php で指定して読み込ませたほうが良いかと思います（ @import は低速になることが多いようです）。

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style(
        'fontawesome5',
        'https://use.fontawesome.com/releases/v5.0.10/css/all.css'
    );
} );

ただ、Snow Monkey が js 版を読み込んでいるので、同時に CSS 版を読み込んだときにどういう不具合がおきるのかおきないのかはちょっとわかりません。なるべくは最初の js で対応する方法が推奨ではあります。

♥ 0

Who liked: No user

[キタジマ タカシ]

.slick-list の height は、.slick-slide の高さを見て自動的に設定されるようです。高さをどう変更したいかによりますが、下記のような感じでどうでしょうか？

.wpaw-slider .slick-slide {
    max-height: 400px;
}

ちなみに、ピックアップスライダー、スライダーウィジェットの高さ指定は、横幅のそれぞれ違うサイドバーやフロントページに設置しても、また、スマホでも PC でも変にならないように、結構複雑な指定になってしまっています。なので、トップページにだけ設置していてそれをカスタマイズしたい、ということなら上記のような CSS で問題ないと思いますが、サイドバーにも使っているとかであれば、もうちょっとセレクタを工夫する必要があるかもしれません。

※あと、この書き込みのおかげで明らかな CSS の記述ミスを見つけました。ありがとうございます！

♥ 0

Who liked: No user

[投稿者]

投稿