てがろぐ - Fumy Otegaru Memo Logger -

こんばんは。
てがろぐには本当にお世話になっています。ありがとうございます。
一部分でCSSが効かなくなることについてご相談したいです。

続きを読む
私のサイトでは、フリースペースを使ってHTMLで書いている部分があるのですが、

<p><span class="deco-hoge">言葉</span><ruby><rb>言葉</rb><rt>ことば</rt></ruby></p>

上記のようにspanタグで囲まれた部分とrubyタグで囲まれた部分が隣り合うと、spanタグで指定したclass="deco-hoge"のCSSが効かなくなります。

※実際には下記のようにaタグでも囲っているのですが、CSSが効かないのは同じです。

<p><span class="deco-hoge">言葉</span><a href="https://&quot;&gt;&lt;ruby&gt;&lt;rb&gt;言葉</rb><rt>ことば</rt></ruby></a></p>



<p><span class="deco-hoge">言葉</span></p>

上記のように、rubyタグを取り除くと、CSSは問題なく効きます。

rubyタグを使ってもCSSが効くようにしたいのですが、どうすればいいでしょうか。何かご教授いただけますと幸いです。
お手数おかけして申し訳ないのですが、よろしくお願いいたします。
畳む

昼食はチャーハン。

🍵Re:4508◆カテゴリに属する投稿の総数に応じて、リンクの表示/非表示を切り替える、という意味ですかね？
そうだとすると、JavaScriptを使えば実現できます。以下の①～④のソースを書いてみて下さい。

①まず、外側スキンに <span class="counter">[[INFO:TARGETPOSTS]]</span> と書いておきます。この [[INFO:TARGETPOSTS]] の記述は、もしかしたら既に書いてあるかもしれません。標準添付の各スキンだと書いてあります。書いてある場合はそれを流用しても良いです（※余計な単位を含めないようご注意下さい）し、新たに追記しても良いです。何にしても、該当件数の数値だけが「counter」というclassの要素に含まれるようにします。

②次に、今の表示を逆順で表示するリンクを、例えば
<span class="revlink"><a href="[[REVERSE:URL]]">今の表示を[[REVERSE:NAME]]で見る</a></span> のように書いておきます。リンクの書き方はどうでも良いので好きなようにして下さい。要は、表示/非表示を切り替えたい内容を「revlink」というclass名の付いた要素で囲めば良いだけです。

③さらに、JavaScriptを書きます。
<script>
document.addEventListener('DOMContentLoaded', function() {
   // counterクラスの要素を取得して表示件数を得る
   var counterElmnt = document.querySelector('.counter');
   var counterValue = parseInt(counterElmnt.textContent);

   // revlinkクラスの要素を取得
   var revlinkElmnt = document.querySelector('.revlink');

   // counterの値に応じてrevlinkの表示・非表示を切り替え
   if (counterValue >= 30) {
      revlinkElmnt.style.display = 'inline';
   } else {
      revlinkElmnt.style.display = 'none';
   }
});
</script>

④最後に、これら全部を [[IF(selected-cat): ～ :IF]] で囲みます。（①はこの範囲外にあっても構いませんが。）

上記のようにすると、

• カテゴリ限定表示時にだけ、(＝④)
• いま見えている総投稿数が30件以上のときに限って、(＝③)
• 逆順に表示するリンクが見える。(＝②)

……となるはずです。たぶん。(動作確認はしていないのですが。)

なお、①の数値は、そのまま何らかの表示に使っても良いですし、使い道がない場合はCSSで非表示にしておけば良いです。 .counter { display:none; } みたいな感じで。もし既に counter というclass名を別の用途で使っている場合は、上記のソースでは別の適当なclass名に置き換えて使って下さい。（※お使いのスキン内で、既に counter というclass名を使っている場合に、上記のソースのままを書くと、総表示件数を正しく取得できない可能性があります。）

>>4507ああああまりにも基本的な機能すぎて逆にスルーしてました……わざわざめんどうなことしなくてもよかったんですね……　ありがとうございます！
もう一つ質問なのですがURL末尾にreverseを付ける（逆順に見る）をカテゴリ限定かつそのカテゴリの投稿が30件以上あれば表示、なければ非表示にってできますかね……？

冷凍餃子を追加で買ってきたので餃子備蓄が増えました。🥟🥟🥟

🥟Re:4506◆おそらく、下げる機能がお役に立つのではないかと思います。まず、この図の設定位置で『カテゴリ限定表示時』にチェックを入れておきます。その上で、カテゴリ「あ」の投稿をすべて『下げる』にチェックを入れて投稿していれば、その投稿は（通常の一覧表示時では非表示になり）カテゴリ限定表示時(などの、この図で設定した状況)だけで見えるようになります。

いつもお世話になってます。
カテゴリ「あ」に属する投稿を、カテゴリツリーから「あ」を選択したときにのみ表示、アクセスできるようにさせるにはIF文では難しいですか？やろうとしているのですが[[IF(selected-cat　cat-a):中身:IF]]中身の部分になんとかいたらよいのか……（そもそもこの書き方が違うのかもですが……；；）

シフォンケーキを食べます。（冷凍保存していたのを解凍しました）

🧀Re:4504◆現状のバージョンでどうにかするとしたら、もし時系列順で表示するのが小説だけなのであれば、時系列順 の表記登録を 小説 にすれば、「人間失格（小説）」となって、さほど違和感はないのではないでしょうか？ 連載小説 とすれば、「人間失格（連載小説）」となって、複数投稿に分割されていることがむしろ分かりやすいかも知れませんし。もしくは 連載順 とか 話数順 とか。「連載順」なら掲載するのが小説だけではない場合でも、あまり違和感なく済むかもしれませんね。

ちなみに、『見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたい』という点は、「見出し」関連でどんな機能があれば便利でしょうか？ 参考までに例を挙げて頂ければ、今後の開発の参考にさせて頂きます。

にししさん、お返事ありがとうございます。

やはり（時系列順）という表示を省略することはできないのですね。
（^_^）と出力させるのは面白いのですが、タイトルの末尾に（^_^）が付くと煽ってる感がありますね（笑）「人間失格（^_^）」とか「推し、燃ゆ（^_^）」とか。ホラー作品だと、まったく怖くなくなりそうです😅

時系列順に表示させることは諦めて、完結済の作品については最終話から投稿することにします。連載中の作品は面倒ですが、投稿日を細工して一括編集でソートしてどうにかします。小説の公開に利用している方もそれなりにいらっしゃるようなので、表示順を設定から選択できるとか、見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたいです。

とはいえ、もう「てがろぐ」なしではサイトの運営ができないほどに利用させていただいていますので、にししさんには感謝の言葉もありません。
本当にありがとうございます🙇‍♀️