「あさま」のまさか（その8）

まさかの、まさか（その8）です。

いや、おどろいた。はまってシリーズの新しい投稿を準備していて、オリジナルの投稿枠用プラグインの「Peg a list」を使ったら、プレビューでリスト用のCSS指定が反映されていないことに気が付きました。（汗、）

すぐに原因を追求して、解決しました。

プラグインで出力するときに、まっさらなリストタグ「<ul>」になるようにしていたのですが、なんと「勝手にクラス指定があー！」と、つぎのように入ってました。

<ul class="wp-block-list">

あさまテーマ（実際は「あさまっこ」）では、リストタグなんてカスタマイズしたい人がいるだろうと、わざわざCSSに「ul:not([class])」と指定してあります。ちょいとでもクラスを指定したら、あさま指定が全部やわになるように仕込んであったのです。

まーさか、WordPressシステムの方からこちらのポケットに手を突っ込んでくるとは思いもしませんでした。

とりあえず「:not([class])」の指定を全部取っ払うと大丈夫そうです。あさま以前のための保険も全部取っ払いました。（あーくそー！）

何かあったとしても、投稿のコンテンツの中だけのことなので大きなトラブルにはならないと思います。

あさま開発サイトのダウンロードページに「:not([class])」を抜いたバージョンをアップロードします。

また、加工用のCSSも同様（その下方に）にしてアップします。

具体的にはつぎの2箇所のソースの「:not([class])」を削除するか、利用者が「:not([class])」を記述していなければ検索置換で一括削除しても大丈夫です。

main[role=contentFRNT] article[name=PageColumn] section.post ul.wp-block-list, main[role=contentPAGE] article[name=PageColumn] section.post ul.wp-block-list, main[role=contentSNGL] article[name=PostColumn] section.post ul.wp-block-list {
    list-style-type:disc
}
main[role=contentFRNT] article[name=PageColumn] section.post ul.wp-block-list li, main[role=contentPAGE] article[name=PageColumn] section.post ul.wp-block-list li, main[role=contentSNGL] article[name=PostColumn] section.post ul.wp-block-list li {
    margin:0 0 .5em 2em
}

（訂正）

つぎの冒頭打ち消し線のあるコードは、上のものに差し替えます。

下にしてしまうと既存のリスト項目に黒丸がついてしまう場合がありましたので、回避いたしました。

「:not([class])」をとぱらって、「ul.wp-block-list」に替えるということです。

解りにくくて、すみません。ダウンロードページでは訂正版を掲載してます。

main[role=contentFRNT] article[name=PageColumn] section.post ul:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post ul:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post ul:not([class]) {
    list-style-type:disc
}
main[role=contentFRNT] article[name=PageColumn] section.post ul:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post ul:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post ul:not([class]) li:not([class]) {
    margin:0 0 .5em 2em
}
main[role=contentFRNT] article[name=PageColumn] section.post ol:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post ol:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post ol:not([class]) li:not([class]) {
    margin:0 0 .5em 2em
}
main[role=contentFRNT] article[name=PageColumn] section.post ul.businesslist, main[role=contentPAGE] article[name=PageColumn] section.post ul.businesslist, main[role=contentSNGL] article[name=PostColumn] section.post ul.businesslist {
    list-style-type: "⊹";
    font-family: var(--monoFnt);
    font-size: var(--codeSizePx);
    font-size:var(--codeSize)
}
main[role=contentFRNT] article[name=PageColumn] section.post ul.businesslist li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post ul.businesslist li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post ul.businesslist li:not([class]) {
    margin: 0 0 .5em 2em;
    padding-left:.707em
}

ここまでが、あさま以前の対応で、基本自分用です。

つづいて、あさま独自のプラグインへの対応です。こっちだけでいいようにも思うますが、今は何も信じられない気分です。

main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.nomark > ul:not([class]), main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.nomark > ol:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.nomark > ul:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.nomark > ol:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.nomark > ul:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.nomark > ol:not([class]) {
    list-style-type:none
}
main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.business > ul:not([class]), main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.business > ol:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.business > ul:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.business > ol:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.business > ul:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.business > ol:not([class]) {
    list-style-type: "⊹";
    font-family: var(--monoFnt);
    font-size: var(--codeSizePx);
    font-size:var(--codeSize)
}
main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.business > ul:not([class]) li:not([class]), main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.business > ol:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.business > ul:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.business > ol:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.business > ul:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.business > ol:not([class]) li:not([class]) {
    padding-left:.707em
}
main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list > ul:not([class]) li:not([class]), main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list > ol:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list > ul:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list > ol:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list > ul:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list > ol:not([class]) li:not([class]) {
    margin:0 0 .5em 2em
}
main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ul:not([class]), main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ol:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ul:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ol:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.pegmark > ul:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.pegmark > ol:not([class]) {
    list-style-type: none;
    list-style-image:url(./../assets/img/icon_peg.png)
}
main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ul:not([class]) li:not([class]), main[role=contentFRNT] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ol:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ul:not([class]) li:not([class]), main[role=contentPAGE] article[name=PageColumn] section.post article.hustle-2311-list.pegmark > ol:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.pegmark > ul:not([class]) li:not([class]), main[role=contentSNGL] article[name=PostColumn] section.post article.hustle-2311-list.pegmark > ol:not([class]) li:not([class]) {
    margin: 0 0 .5em calc(2em + 12px);
    padding-left:.5em
}

少々雑なお知らせかと思いますが、あさまテーマを利用するとなれば、このくらいは口笛吹きながらこなせるのではないかと思います。

しっかし、細かいとこ突いてくれるなあ。

あ、もちろん、あさまのバージョンアップはありません。そかさ。