GONSYさん
ありがとうございます。
ご指摘を元に確認したところ、追加CSSに設定したものに.は抜けていなかったのですが、なぜかCSSが適用されず。
span:nth-of-type(1)を追加で設定したところ、なぜかspan:nth-of-type(2)にもCSSが適用されました。
原因はよくわかりません。これでいけました。↓
/*カスタム投稿のみ最新の投稿にスラッグを複数ラベル表示*/
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(1){
top: 0;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){
top: 2.8em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){
top: 5.6em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(4){
top: 8.4em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(n + 5){
display:none;
}
横から失礼します。
該当のクラス名に . が入っていないことが原因かと思われます。
わたしもたまに打ち忘れがあるので、もしや？と思いコードを拝見しました。
確認してみてください。
画像を送るのが漏れていました。現在このようになっています。
キタジマさん
コードの件ありがとうございます。テキストモードで入れるのですね。
タグの表示ですが教えていただいた方法で出力できました！
ただ
nth-of-type(2)
だけがCSSが効いていないようで１番目と重なって表示されているのですが、修正方法がわからずにおります。
CSS
/*カスタム投稿のみ最新の投稿にスラッグを複数ラベル表示*/
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){
top: 2.5em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){
top: 5em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(4){
top: 7.5em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(n + 5){
display:none;
}
`
原因わかりました！ iOS のバージョンによってはボタン要素にデフォルトで margin: 2px が付いちゃうみたいです。次のアップデートで修正入れます！
情報ありがとうございます！ iOS シミュレーター 15.5 + iPad Air で再現できました！ 確認進めます。
あ、ちなみにこのサイトのタブ（ライン）ブロックもずれていますでしょうか…？
iPad Proだとズレていませんでしたが、iPhone14Pro で確認しますとズレていますね。と報告させていただきましたが、
のiPadで表示すると、Safari、Chrome共にズレていますね。
▼iPad縦置き
▼iPad横置き
あ！ほんとですね、これだと「投稿」の場合しか PHP が実行されませんね…。投稿タイプ名なので、
if ( 'lessons' !== $args['name'] ) {
return $args;
}
とするとどうでしょうか？
>キタジマさん
ありがとうございます。category → post_tag へ変更してCSSも変更しました。
表示が出てこなかったので調べて以下のようにやってみたのですが変更できず行き詰まっています。
↓
// 投稿以外の場合は無視
if ( 'post' !== $args['name'] ) { return $args; }
このpostの部分をカスタム投稿に変更しなければならないのでは？と考え
// カスタム投稿以外の場合は無視
if ( 'custom_post_type' !== $args['name'] ) {
return $args;
}
にしてみました。おそらく思い切り間違えてると思いますが…
勉強不足で申し訳ないです。
以下変更してUPしたものです。
お手数ではありますがご指摘よろしくお願いいたします。
php
/**
* Snow Monkey 投稿の一覧で、カスタム投稿のみタグを複数表示にする
*/
add_filter(
'snow_monkey_get_template_part_args',
function( $args ) {
// 記事一覧カテゴリー以外のテンプレートの場合は無視
if ( 'template-parts/loop/entry-summary/term/term' !== $args['slug'] ) {
return $args;
}
// カスタム投稿以外の場合は無視
if ( 'custom_post_type' !== $args['name'] ) {
return $args;
}
// 全ての設定されたタグを返す
$args['vars']['_terms'] = get_the_terms( get_the_ID(), 'post_tag' );
return $args;
}
);
CSS
/*カスタム投稿のみ最新の投稿にスラッグを複数ラベル表示*/
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){
top: 2.5em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){
top: 5em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(4){
top: 7.5em;
}
.c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(n + 5){
display:none;
}
v15.4.1 以降、一覧部分のカテゴリーラベルの表示は現在表示されているカテゴリーのものが表示されるようになりました。
下記のトピックのカスタマイズをやってみるとどうでしょうか？
横からお邪魔します。
iPhoneとiPadで確認したところ、いずれもsafariでは問題なく表示されましたが、Chrome、Firefox、EdgeではTarCoon☆CarToonさんのご指摘の状態になりました。
参考になりましたら幸いです。
iOS のバージョンと、iPhone、iPad のバージョン（14 Pro とか Air とか）をおしえてください！
iOS16.3.1
iPhone14Pro、iPadPro(11インチ)（第2世代）です。
あ、ちなみにこのサイトのタブ（ライン）ブロックもずれていますでしょうか…？
iPad Proだとズレていませんでしたが、iPhone14Pro で確認しますとズレていますね。
あ、ちなみにこのサイトのタブ（ライン）ブロックもずれていますでしょうか…？
ズレるのはiPhoneとiPadで見るとズレています。
iOS のバージョンと、iPhone、iPad のバージョン（14 Pro とか Air とか）をおしえてください！
