No.5668, No.5667, No.5666, No.5665, No.5664, No.5663, No.5662［7件］
久しぶりに書いた豆知識。>>5667
もしかしたら似たスクリプトを過去にも何度か書いているかもしれないけども。
もしかしたら似たスクリプトを過去にも何度か書いているかもしれないけども。
🍘特定のカテゴリだけ昇順で見せたい場合の対処方法例： #🌱豆知識
小説を掲載しているなどで、第1話から読ませるために「特定のカテゴリだけは昇順（古い投稿から順に）表示させたい」という場合は、そのカテゴリへのリンクURLの末尾に &order=reverse を加えれば良いです。
もし、てがろぐ側が出力するカテゴリツリーのリンク先もそのように変えたい場合は、下記のようなJavaScriptを（HTMLの末尾に）書いておくと、『指定のカテゴリだけは「昇順で表示されるページ」にリンクされる』カテゴリツリーになります。
例えば、そのカテゴリIDが「novel」の場合、カテゴリツリーのリンクは <a href="?cat=novel" class="catlink cat-novel">～</a> のようなa要素で出力されています。
このリンク先である ?cat=novel に &order=reverse を加えて ?cat=novel&order=reverse とすれば、昇順（古い投稿から順）の表示になります。
下記のJavaScriptは、class名にcat-novelが付いたすべてのa要素のリンク先URLの末尾にだけ、 &order=reverse という文字列を追加するスクリプトです。
同一ページ内にカテゴリツリーが複数個出力されている場合でも全部書き換わります。
<script>
document.addEventListener("DOMContentLoaded", function () {
// cat-novelクラスを持つa要素をすべて取得
const links = document.querySelectorAll("a.cat-novel");
links.forEach(function(link) {
// リンク先を取得して order=reverse を追加
const href = link.getAttribute("href");
link.setAttribute("href", href + "&order=reverse");
});
});
</script>
カテゴリID部分（上記のソース中に赤色太字で書かれた箇所）を、ご自身でお使いのカテゴリID名に書き換えてご使用下さい。
🍘なお、もし対象にしたいカテゴリIDが複数個ある場合は、上記スクリプトの3行目にある querySelectorAll の引数にカンマ区切りで全部列挙すれば良いです。例えば以下のように。
const links = document.querySelectorAll("a.cat-novel, a.cat-journal");
🍘もし、カテゴリツリー以外の部分にも同じclass名でリンクを作っていて、そちらのリンクは対象にしたくない場合は、カテゴリツリーの大外枠が <ul class="cattree">～</ul> で出力されていることを利用して、以下のように書けば良いです。
const links = document.querySelectorAll("ul.cattree a.cat-novel, ul.cattree a.cat-journal");
※カテゴリツリーのHTML構造は、ヘルプドキュメント「カスタマイズ方法」内のカテゴリツリーの装飾方法あたりで解説していますので参考にして下さい。
---(追記)---
上記の(最初の方の)JavaScriptだと、カテゴリツリー内のリンクだけでなく、『各投稿に表示される所属カテゴリ名』のリンク先も同様に書き換わります。たぶんその方が都合が良いのではないかと思いますが、もしそこは変更したくない（降順のままにしたい）という場合は、上記の最後に紹介した ul.cattree を加える書き方を使うと良いです。
小説を掲載しているなどで、第1話から読ませるために「特定のカテゴリだけは昇順（古い投稿から順に）表示させたい」という場合は、そのカテゴリへのリンクURLの末尾に &order=reverse を加えれば良いです。
もし、てがろぐ側が出力するカテゴリツリーのリンク先もそのように変えたい場合は、下記のようなJavaScriptを（HTMLの末尾に）書いておくと、『指定のカテゴリだけは「昇順で表示されるページ」にリンクされる』カテゴリツリーになります。
例えば、そのカテゴリIDが「novel」の場合、カテゴリツリーのリンクは <a href="?cat=novel" class="catlink cat-novel">～</a> のようなa要素で出力されています。
このリンク先である ?cat=novel に &order=reverse を加えて ?cat=novel&order=reverse とすれば、昇順（古い投稿から順）の表示になります。
下記のJavaScriptは、class名にcat-novelが付いたすべてのa要素のリンク先URLの末尾にだけ、 &order=reverse という文字列を追加するスクリプトです。
同一ページ内にカテゴリツリーが複数個出力されている場合でも全部書き換わります。
<script>
document.addEventListener("DOMContentLoaded", function () {
// cat-novelクラスを持つa要素をすべて取得
const links = document.querySelectorAll("a.cat-novel");
links.forEach(function(link) {
// リンク先を取得して order=reverse を追加
const href = link.getAttribute("href");
link.setAttribute("href", href + "&order=reverse");
});
});
</script>
カテゴリID部分（上記のソース中に赤色太字で書かれた箇所）を、ご自身でお使いのカテゴリID名に書き換えてご使用下さい。
🍘なお、もし対象にしたいカテゴリIDが複数個ある場合は、上記スクリプトの3行目にある querySelectorAll の引数にカンマ区切りで全部列挙すれば良いです。例えば以下のように。
const links = document.querySelectorAll("a.cat-novel, a.cat-journal");
🍘もし、カテゴリツリー以外の部分にも同じclass名でリンクを作っていて、そちらのリンクは対象にしたくない場合は、カテゴリツリーの大外枠が <ul class="cattree">～</ul> で出力されていることを利用して、以下のように書けば良いです。
const links = document.querySelectorAll("ul.cattree a.cat-novel, ul.cattree a.cat-journal");
※カテゴリツリーのHTML構造は、ヘルプドキュメント「カスタマイズ方法」内のカテゴリツリーの装飾方法あたりで解説していますので参考にして下さい。
---(追記)---
上記の(最初の方の)JavaScriptだと、カテゴリツリー内のリンクだけでなく、『各投稿に表示される所属カテゴリ名』のリンク先も同様に書き換わります。たぶんその方が都合が良いのではないかと思いますが、もしそこは変更したくない（降順のままにしたい）という場合は、上記の最後に紹介した ul.cattree を加える書き方を使うと良いです。
>>5664
>>5637 の者です。
https://www.nishishi.org/testground/tegalog/?tag=%74%3... で何も出ない、つまりURLのフラグメント部がハッシュタグと認識されてしまう現象の解消を確認しました。
早速のご対応、ありがとうございます。次のバージョンアップを楽しみにしております。
>>5637 の者です。
https://www.nishishi.org/testground/tegalog/?tag=%74%3... で何も出ない、つまりURLのフラグメント部がハッシュタグと認識されてしまう現象の解消を確認しました。
早速のご対応、ありがとうございます。次のバージョンアップを楽しみにしております。
夕食でおなかいっぱい。ぐふぅ。_(┐｢ε:)_
おなかいっぱいなので、食べようと思って置いてあった（既に切ってある）リンゴが入らない……。🍎🍎🍎
🍎Re:5660◆てがろぐは、ご自身で確保されたサーバに設置してお使い頂くツールですから（掲載コンテンツに対する責任はサイト運営者にしかありませんので）、てがろぐ側でコンテンツを制限する方針はありません。お使いのサーバで許可されている範囲であれば、何でもご活用下さい。
🍎Re:5661◆絶対に他者に漏れては困るようなら、必ずBASIC認証などのサーバ側で用意された認証機能をお使い下さい。てがろぐは特に堅牢なシステムではありませんので、てがろぐ側の機能で実現できるのはせいぜい「ネタバレ防止程度」だと認識頂いておく方が望ましいです。なお、ログイン者限定表示機能では、画像は最初から一切保護されていない点にもご留意下さい。（詳しくはリンク先のヘルプドキュメントに記載しています。）
おなかいっぱいなので、食べようと思って置いてあった（既に切ってある）リンゴが入らない……。🍎🍎🍎
🍎Re:5660◆てがろぐは、ご自身で確保されたサーバに設置してお使い頂くツールですから（掲載コンテンツに対する責任はサイト運営者にしかありませんので）、てがろぐ側でコンテンツを制限する方針はありません。お使いのサーバで許可されている範囲であれば、何でもご活用下さい。
🍎Re:5661◆絶対に他者に漏れては困るようなら、必ずBASIC認証などのサーバ側で用意された認証機能をお使い下さい。てがろぐは特に堅牢なシステムではありませんので、てがろぐ側の機能で実現できるのはせいぜい「ネタバレ防止程度」だと認識頂いておく方が望ましいです。なお、ログイン者限定表示機能では、画像は最初から一切保護されていない点にもご留意下さい。（詳しくはリンク先のヘルプドキュメントに記載しています。）
No.5637でご指摘頂いたハッシュタグ問題を解消した Ver 4.7.5β の動作テスト。
TEst
