そうなんです、FontAwesome5 から JS 版が推奨とあったので CSS 版から JS 版にしたのですが、使い勝手わるいですよね…軽くはなってると思うのですが…。
ソーシャルナビゲーションのアイコンについては、PHP で URL を判定して置換処理を行っています。
子テーマをお使いでしたら、子テーマの functions.php で、上記と似たような感じで walker_nav_menu_start_el にフックさせて置換処理を書くことで実現できるかと思います。
リスト型の最近の投稿系ウィジェットはちょっと種類を作りすぎたなぁというのは後悔していて、「Snow Monkey: 最近の投稿」のようなリッチメディア型のウィジェットはこれ1つに留めていたりします…。
「Snow Monkey: 最近の投稿」にはフィルターフックが仕込んであって、表示する一覧の条件を任意にカスタマイズできます。詳しくは下記をご参照ください。
カスタム投稿タイプの最新記事だと、こういう感じですかね。
// ID 番号が 12345 のウィジェットが表示する記事の条件を変更する
add_filter( 'snow_monkey_recent_posts_widget_args_12345', function( $query_args ) {
$query_args['post_type'] = 'news';
return $query_args;
} );
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 を好きな高さで固定
下記でいかないですかね？
@media (min-width: 64em) {
.c-entry__header .c-entry__title {
font-size: 2rem;
}
}
アイキャッチ画像をヘッダー画像に使用するというもともとの仕様が良くなかったなぁと思っていました^^;
カスタマイザーや記事編集画面に
「ページヘッダー用画像（これが設定されていたら優先表示）」
とか
「デフォルトヘッダー画像が設定されていたらアイキャッチ画像をヘッダー画像に使用しない」
のようなチェックボックスを追加すれば、動作的には実現できるかなぁと思いますが、ちょっと使用面でも開発面でも多少混乱を呼び込んでしまいそうな気がするので、フィルターフックなりを追加して、やりたい人はやる、みたいな感じにしようかなと思います。（先日追加した「ヘッダー位置をモバイルのみに適用」も、もともとの仕様がわるかったために発生してしまった悪例だと思っています…）
使ったことはないですが、背景の色を判定して文字色を変更してくれるライブラリもあるみたいですね。
ありがとうございます。
@importの方法は速度が気になっていたので勉強になりました。
‘font-weight: bold;’を指定しないと表示されないなどにはまったものの、CSS版でも今のところ問題なく動いています。ただ、まずはjs版を使う方法を試してみます。
これは、 （URL は運営側で削除） の URL を指定したブログカードが表示されないということでしょうか？
それとも、ヘテムルとロリポップとkusanagiにおいて、どのサイトの URL を指定してもブログカードが表示されないということでしょうか？後者の場合、例えば YouTube の URL を貼り付けるとどうでしょうか？（正常であれば動画が表示されます）
僕の環境では、 （URL は運営側で削除） の URL を記事に貼り付けると、正しくブログカードが表示されました。プラグインを全て停止しても NG ということでしたら、例えば海外 IP は遮断するとか、何らかの制限がサーバー側でかかっていると表示されないことはあるかもしれません。
「若干のコード変更」は <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 で対応する方法が推奨ではあります。
.slick-list の height は、.slick-slide の高さを見て自動的に設定されるようです。高さをどう変更したいかによりますが、下記のような感じでどうでしょうか？
.wpaw-slider .slick-slide {
max-height: 400px;
}
ちなみに、ピックアップスライダー、スライダーウィジェットの高さ指定は、横幅のそれぞれ違うサイドバーやフロントページに設置しても、また、スマホでも PC でも変にならないように、結構複雑な指定になってしまっています。なので、トップページにだけ設置していてそれをカスタマイズしたい、ということなら上記のような CSS で問題ないと思いますが、サイドバーにも使っているとかであれば、もうちょっとセレクタを工夫する必要があるかもしれません。
※あと、この書き込みのおかげで明らかな CSS の記述ミスを見つけました。ありがとうございます！
（１）表示内容から「投稿タイトル」を除外してほしい
こちらについては、逆にあったほうが良いという方も多分いると思うので、不要な場合は CSS で消していただくのが良いかなと思います。カスタマイザーの追加 CSS か、子テーマのスタイルシートに下記を追加してみてください。
.c-breadcrumbs__item:last-child {
/* display: none; */
}
（２）表示箇所をページ上部、またはページ下部で切り替えできるようにしてほしい
なるほどですね！こちらは次回アップデートで対応します！
たびたびすみません。CSSについては’@import’でstyle.cssに読み込めばよかったですね。
すみません。基本でした。
テーマと別に別途CSSを設定しなくてもよいのであれば教えていただけますか。
CSSを挿入し忘れました。
ul li:before {
/* font-family: 'FontAwesome'; */
font-family: "Font Awesome 5 Free";
content: "\f00c";/*アイコン種類*/
position: absolute;
left : 0.5em; /*左端からのアイコンまで*/
/*アイコン色*/
color: #3B5998;
}
Font Awesome 5対応方法について教えてください。
アップデートの変更点で下記の記載がありましたが、「若干のコード変更」方法がよく分からず詰まっています。
> FontAwesome5 対応（アイコンフォントから、js描画に変更になります。メニュー等に追加されている方は、若干コードの変更が必要です）
具体的には箇条書きの行頭文字を以下のCSSで変更していたのですが、font-familyを変更しても文字化けしてしまっています。
js描画ということで、この方法では駄目なのであろうことまでは理解したのですが、どう対応したらよいものかわからず、教えていただけると助かります。
よろしくお願いします。
なんとなくデザインのおさまりがわるくて、でないようにしていたのですが、ちょこちょこ要望があるので、デフォルトででるようにするかちょっと検討中です！
とりあえず、子テーマでコードを追加することで表示するようにすることができますので、試してみてください。
パスワードはオンラインコミュニティの総合案内をご確認ください。
TinyMCE 内の .wpaw-btn が click されたときに、リンク動作を無効にすれば解決する、と思うのですが、TinyMCE 内の要素をどうやって js で制御すれば良いのかわからず、ちょっと僕だけで解決するのは難しそうです…すみません。
とりあえず、テキスト部分をドラッグして選択すれば、リンクせずに編集できそうではありました。
もしかしたら WordPrss コアのバグとして今後解消されるかもしれませんので、しばらく様子見したいと思います。もし良さ気な解決方法を発見された場合はぜひ教えてください！
