[キタジマ タカシ]

そうなんです、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

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

[キタジマ タカシ]

リスト型の最近の投稿系ウィジェットはちょっと種類を作りすぎたなぁというのは後悔していて、「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

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

[キタジマ タカシ]

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

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

♥ 0

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

[キタジマ タカシ]

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

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

[キタジマ タカシ]

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

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

♥ 0

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

[キタジマ タカシ]

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

♥ 0

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

[キタジマ タカシ]

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

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

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

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

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

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

[キタジマ タカシ]

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

♥ 0

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

[キタジマ タカシ]

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

♥ 0

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

[キタジマ タカシ]

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

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

♥ 0

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

[キタジマ タカシ]

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

♥ 0

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

[キタジマ タカシ]

「若干のコード変更」は <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

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

[キタジマ タカシ]

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

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

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

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

♥ 0

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

[キタジマ タカシ]

（１）表示内容から「投稿タイトル」を除外してほしい

こちらについては、逆にあったほうが良いという方も多分いると思うので、不要な場合は CSS で消していただくのが良いかなと思います。カスタマイザーの追加 CSS か、子テーマのスタイルシートに下記を追加してみてください。

.c-breadcrumbs__item:last-child {
    /* display: none; */
}

（２）表示箇所をページ上部、またはページ下部で切り替えできるようにしてほしい

なるほどですね！こちらは次回アップデートで対応します！

♥ 0

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

[キタジマ タカシ]

現状、タグの挿入箇所を「＞メタ情報」に並列でお考えのご様子。
もしデフォルトででるようにされる場合、
他箇所（メーンコンテンツ下にサラッと　など）もご検討いただけると嬉しいです。

あーそうですね、なるほど！ご察しの通りメタ情報に入れようとトライして、デザインがハマらないなーと思っていたのですが、たしかにメインコンテンツの下になら、タグが多くてもデザイン破綻しないしいいですね。次回のアップデートでやってみようと思います。アドバイスありがとうございます！

♥ 0

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

[投稿者]

投稿