2024年6月 この範囲を時系列順で読む この範囲をファイルに出力する
🆕 Ver 4.3.2βの更新点(概要):
《▼新機能》
🌺文字装飾で実際に出力されるHTML要素の変更機能。
🌺検索語のハイライトに使われるHTML要素を strong 以外に変更できる機能。
《▼仕様改善》
🌸文字装飾記法の「隠す」を使って隠される範囲全体を <指定要素 class="decorationH"> ~ </指定要素> のタグで囲むよう改善。
《▼不具合修正》
❎IF文の条件にパーセントエンコーディングされた文字列を含めると、IF文として解釈されなくなる不具合を修正。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:
(ツイート埋め込み処理中...)Twitterで見る
🍧Re:4516◆そういえば、パーセントエンコーディングされた文字列の存在を考慮していなかったようです。IF文として成立する条件の文字列の中に % 記号が含まれていませんでした。^^; ソースを確認したところ、英数字・空白文字・3記号(-_|)しかIF文の中に書けない仕様になっていましたので、これは不具合ですね。次のバージョンで修正しますので、もうしばらくお待ち願います。(今の時点では、パーセントエンコーディングで記述された名称は何でもIF文には使えません。^^;;;)ご報告をありがとうございます。(╹◡╹)ノ
※今のバージョンで今すぐ対処なさりたい場合は、IF文ではなく、CSSを使って表示/非表示を切り替えて下さい。
この「tag-」の部分を消すとハッシュタグ限定時に出るという動作はする(どのハッシュタグを選択しても出てしまうのでダメなのですが)ので、ここの記述がおそらく間違っているとは思うのですが、[[SITUATION:CLASS]]を入れて出たtag-ハッシュタグのエンコード文字列自体は記事の本文内とかだと普通にリンクされてちゃんと合ってるっぽいため余計なぜIF文としてダメなのかわからないのですが、なにか解決方法はありますでしょうか
説明が下手ですいません……
やはりそうですよね。しかし、お手を煩わせることが申し訳ないので、もう少し自力で調べてみることにします。(もしかすると、再度ご相談させていただくことがあるかもしれません……本当にすみません)
ご回答いただきありがとうございました。
すみません、リンクのところで書き方をミスしてしまい、変な表示になってしまいました。申し訳ないです。
てがろぐには本当にお世話になっています。ありがとうございます。
一部分で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://"><ruby><rb>言葉</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名を使っている場合に、上記のソースのままを書くと、総表示件数を正しく取得できない可能性があります。)
もう一つ質問なのですがURL末尾にreverseを付ける(逆順に見る)をカテゴリ限定かつそのカテゴリの投稿が30件以上あれば表示、なければ非表示にってできますかね……?
カテゴリ「あ」に属する投稿を、カテゴリツリーから「あ」を選択したときにのみ表示、アクセスできるようにさせるにはIF文では難しいですか?やろうとしているのですが[[IF(selected-cat cat-a):中身:IF]]中身の部分になんとかいたらよいのか……(そもそもこの書き方が違うのかもですが……;;)
🧀Re:4504◆現状のバージョンでどうにかするとしたら、もし時系列順で表示するのが小説だけなのであれば、時系列順 の表記登録を 小説 にすれば、「人間失格(小説)」となって、さほど違和感はないのではないでしょうか? 連載小説 とすれば、「人間失格(連載小説)」となって、複数投稿に分割されていることがむしろ分かりやすいかも知れませんし。もしくは 連載順 とか 話数順 とか。「連載順」なら掲載するのが小説だけではない場合でも、あまり違和感なく済むかもしれませんね。
ちなみに、『見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたい』という点は、「見出し」関連でどんな機能があれば便利でしょうか? 参考までに例を挙げて頂ければ、今後の開発の参考にさせて頂きます。
やはり(時系列順)という表示を省略することはできないのですね。
(^_^)と出力させるのは面白いのですが、タイトルの末尾に(^_^)が付くと煽ってる感がありますね(笑)「人間失格(^_^)」とか「推し、燃ゆ(^_^)」とか。ホラー作品だと、まったく怖くなくなりそうです😅
時系列順に表示させることは諦めて、完結済の作品については最終話から投稿することにします。連載中の作品は面倒ですが、投稿日を細工して一括編集でソートしてどうにかします。小説の公開に利用している方もそれなりにいらっしゃるようなので、表示順を設定から選択できるとか、見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたいです。
とはいえ、もう「てがろぐ」なしではサイトの運営ができないほどに利用させていただいていますので、にししさんには感謝の言葉もありません。
本当にありがとうございます🙇♀️
以前、下書きの場合にもリンクが表示される件と、[[NAVI:PREVNEXT]]でPREVとNEXTが個別にレイアウトできると嬉しいと投稿した >>4062 です。
その後のバージョンアップで全て解決してくださっていて、感激しました。本当にありがとうございました。
今回は【状況に応じた見出し】について質問させてください。
てがろぐを利用して小説を公開しているのですが、order=reverseを利用して時系列順に表示させています。
表示形態は「列挙」に設定してカテゴリ名(=作品タイトル)のみが表示されるようにしているのですが、ブラウザタブに「カテゴリ名(時系列順)」と表示されてしまうのです。この「(時系列順)」という文言を表示させないような方法はないでしょうか。
にししさんありがとうございます!!!
何となく見逃していました...ありがとうございました!!
カテゴリ別URLの末尾に &mode=rss を加えるだけです。
例:
- カテゴリ「メモ」のRSS ➡ https://~/tegalog.cgi?cat=memo&mode=rss
- カテゴリ「情報」のRSS ➡ https://~/tegalog.cgi?cat=info&mode=rss
- カテゴリ「日記」のRSS ➡ https://~/tegalog.cgi?cat=diary&mode=rss
※使い方・設定方法ページの「条件を限定したRSSフィードの出力」項目もご覧下さい。
質問があります。カテゴリーごとにRSSフィードを分けることは可能だと思いますか?例えば、「メモ」カテゴリーだけのRSSがある。
検討いただければうれしいです。
🥟Re:4490◆具体策をどうもありがとうございます。管理画面は元々カラーテーマのようにカスタマイズすることを一切考えずに作ってたこともあって、なかなか装飾の調整は面倒だろうな、という気はしています。(^_^;) 最初から配色カスタマイズを前提にして製作していたら、もうちょっと違ったとは思うんですけどもね。当初はそこまで思い至っていなかったのでした。
🥟Re:4491◆画像を長押ししたときにメニューが開くのはブラウザ側の機能なので、てがろぐ側(Web側)でどうにかするのは難しそうな気がします。画像はリンクにしない状態で掲載しておいて(ポインターイベントを無効化しておいて)、「リンク先の画像をLighboxで開くテキストリンク」を設ける方法を使うくらいでしょうかね……? ➡『画像を直接埋め込まずに、画像へのテキストリンクとして掲載しつつ、リンク先の画像はLightboxで見せたい場合の書き方』
◆なお、Lighboxでは、拡大された画像を <img class="lb-image" ~> のようなHTMLで表示していますので、このclassだけをターゲットにしてポインターイベントを無効化すればお望みの動作(Lighboxによって拡大された画像を長押ししてもブラウザ側のメニューが出なくなる動作)になるかもしれません。
つまり、.lb-image { pointer-events: none; } ということですが。
◆もしくは、Lighbox以外の画像拡大スクリプトをお使いになる手もあるかもしれません。(設定で任意のスクリプトに切り替えられます。➡『Lightbox以外の画像拡大スクリプトを読み込んで使う方法』)
🥟Re:4493◆何でもダークモードにしてくれるアドオンもあるんですねえ。任意のWebの明暗を反転させるのは、言葉では簡単そうですけどもなかなか(見やすさを確保した上でそうするのは)大変そうな気がしますので、その辺も自動でうまくしてくれるのなら、かなり手間が省けますね。
🥟Re:4495◆そうですね。そのスキンに付随する設定項目がすべて本番確定されてしまうバグでしたので、(ギャラリーモードとサイトマップページモードに関しては)管理画面の補助出力で「1ページあたりに表示される投稿数」・「日付境界バーを挿入するかどうか」・「該当件数とページ番号を表示するかどうか」の設定も可能でしたから、これらも上書きされてしまう動作になっていました。今回のバージョンで、それらも一括解消されています。(要は、設定が上書き保存されてしまわないように修正しましたので。) てがろぐのご活用をどうもありがとうございます!(╹◡╹)ノ
スキンが勝手に外れてしまう&記事の1ページ辺りの表示数を管理画面で指定すると、元に戻ってしまうという状況になっていました。
サイトマップとページの所の2つでした。
直接指定スキンに記述して回避していたのですが、今回の修正で後者もよくなってる気がします。
ずっとおま環かと思ってましたが、今度おかしなことがあれば原因がわからなくても報告を上げようかと思います。
てがろぐは創作の公開用や自分趣味部屋などで重宝しています。
作ってくれてありがとうございます🙏✨
にししさん、>4490さん、4493さん
ユーザーCSSの拡張機能やコードを教えていただきありがとうございます。
そういう機能があることを知りました。便利ですね。
おかげで眩しくなくて使いやすいです。
ありがとうございました。
ユーザーCSSならStylusが良いと思いますが、個別にCSSを書かなくてもほぼどこでもダークモードにできる拡張機能もありますよ。
私はDark Reader を使っています。
簡単に済ませたい場合はこういうのでもいいかなと
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178






