てがろぐ
- Fumy Otegaru Memo Logger -
2026年1月 この範囲を時系列順で読む この範囲をファイルに出力する
5675です
にししさん、お返事どうもありがとうございます。
確かに……！？ごめんなさいすごくボケておりました。
にししさんのお話されている通り、単独記事の表示をしたら良いんですよね……。ごめんなさい、びっくりしましたよね。
5680にて『次のβ版では〜』とありますのでお待ちしております！ありがとうございます！（シェアボタン作られるのもお待ちしております〜）
別件ですが、β版もphpのてがあっぷでバージョンアップできたらな…！と思っております。
あとお待ちしてるのはいいねボタンとhttps://www.nishishi.org/testground/tegalog/?postid=53...にある親カテゴリを表示させると子カテゴリも表示させる機能も気長に待ってます。
単独記事に飛ぶのに同意する人が複数見られて個人的にはとても嬉しいです✾
個人サイトが増えるといいな〜と思いました
にししさん、お返事どうもありがとうございます。
確かに……！？ごめんなさいすごくボケておりました。
にししさんのお話されている通り、単独記事の表示をしたら良いんですよね……。ごめんなさい、びっくりしましたよね。
5680にて『次のβ版では〜』とありますのでお待ちしております！ありがとうございます！（シェアボタン作られるのもお待ちしております〜）
別件ですが、β版もphpのてがあっぷでバージョンアップできたらな…！と思っております。
あとお待ちしてるのはいいねボタンとhttps://www.nishishi.org/testground/tegalog/?postid=53...にある親カテゴリを表示させると子カテゴリも表示させる機能も気長に待ってます。
単独記事に飛ぶのに同意する人が複数見られて個人的にはとても嬉しいです✾
個人サイトが増えるといいな〜と思いました
カカオ86％チョコを買いました。🍫🍫🍫
🍫Re:5677◆すみません。No.5676に書いた例示CSSに誤りがありました。[F:○○○:～] の記述で使える自由装飾記法で出力されるclass名には、必ず deco- という接頭辞が加わる仕様ですので、[F:center: ～中身～ ]と書いたなら、CSSは.deco-center { ～ }と書く必要があるのでした。No.5676も修正しておきました。詳しい仕様については、ヘルプドキュメントの「class名を自由に指定できる装飾記法」項目もご参照下さい。
🍫Re:5678◆HOMEを簡易的な表示にしたり、HOMEでは投稿が一切見えないようにしたりして運営なさっている方々もわりと居るようですね。そういえば。投稿直後に「その投稿単独ページが表示される」動作にする選択肢は用意するようにします。次のβ版ではお使い頂けるようにできると思いますので、もうしばらくお待ち下さい。
16進数の色指定表記をハッシュタグだとは認識させなくする機能も次のβ版からご使用頂けます。い ろ ん な 場所でつぶやきました。(^_^;) ご覧下さってありがとうございます。
「直近画像の挿入」ボタン機能もお役に立ったようで嬉しいです。(╹◡╹)ﾉ
🍫Re:5679◆何の絵文字かな、と思ったら投票箱ですね。^^; Voteありがとうございます。(╹◡╹)
🍫Re:5677◆すみません。No.5676に書いた例示CSSに誤りがありました。[F:○○○:～] の記述で使える自由装飾記法で出力されるclass名には、必ず deco- という接頭辞が加わる仕様ですので、[F:center: ～中身～ ]と書いたなら、CSSは.deco-center { ～ }と書く必要があるのでした。No.5676も修正しておきました。詳しい仕様については、ヘルプドキュメントの「class名を自由に指定できる装飾記法」項目もご参照下さい。
🍫Re:5678◆HOMEを簡易的な表示にしたり、HOMEでは投稿が一切見えないようにしたりして運営なさっている方々もわりと居るようですね。そういえば。投稿直後に「その投稿単独ページが表示される」動作にする選択肢は用意するようにします。次のβ版ではお使い頂けるようにできると思いますので、もうしばらくお待ち下さい。
16進数の色指定表記をハッシュタグだとは認識させなくする機能も次のβ版からご使用頂けます。い ろ ん な 場所でつぶやきました。(^_^;) ご覧下さってありがとうございます。
「直近画像の挿入」ボタン機能もお役に立ったようで嬉しいです。(╹◡╹)ﾉ
🍫Re:5679◆何の絵文字かな、と思ったら投票箱ですね。^^; Voteありがとうございます。(╹◡╹)
Me too🗳>>5678
横からすみません。
投稿した直後に「その投稿単独ページが表示される」動作にする選択肢、とても欲しいです…！
てがろぐを備忘録兼個人サイトとして利用させてもらっているので、他者に見せる時はワンクッション挟めるようにホームをフリーページのみにしています。
そのため投稿後はいつもワンクッションを経由して（もしくはステータス結果からワンクリックして）投稿内容を確認・体裁を整えることになるため、投稿後すぐに確認できると大変助かります。
また、どこでお見かけしたか失念してしまったのですが、文字としての表示目的で#から始まるカラーコード表記もよく使うので、最初から#の除外設定があるのはとてもありがたいなーと楽しみにしています。無くても自分でカバーできる範囲なので問題はないのですが。
いつも細かなアップデートをありがとうございます！直近の画像参照とかとても便利でした！
投稿した直後に「その投稿単独ページが表示される」動作にする選択肢、とても欲しいです…！
てがろぐを備忘録兼個人サイトとして利用させてもらっているので、他者に見せる時はワンクッション挟めるようにホームをフリーページのみにしています。
そのため投稿後はいつもワンクッションを経由して（もしくはステータス結果からワンクリックして）投稿内容を確認・体裁を整えることになるため、投稿後すぐに確認できると大変助かります。
また、どこでお見かけしたか失念してしまったのですが、文字としての表示目的で#から始まるカラーコード表記もよく使うので、最初から#の除外設定があるのはとてもありがたいなーと楽しみにしています。無くても自分でカバーできる範囲なので問題はないのですが。
いつも細かなアップデートをありがとうございます！直近の画像参照とかとても便利でした！
5674です。
にしし様、5675様、ありがとうございます。
アドバイスを読みながらCSS編集を試してみたいと思います。
てがろぐカスタマイズとは直接関係がなかった質問にも丁寧に答えてくださり感謝です。
※背中お大事になさってください
にしし様、5675様、ありがとうございます。
アドバイスを読みながらCSS編集を試してみたいと思います。
てがろぐカスタマイズとは直接関係がなかった質問にも丁寧に答えてくださり感謝です。
※背中お大事になさってください
背中を丸めすぎたためか、背中が痛いです。
背筋を伸ばしてPCを使えるようにするには、背中に定規を入れるしかない……？📏📏📏
📏Re:5673◆ご要望をありがとうございます。なるほど、メモ用途の場合は先頭固定のON/OFFを気軽に変更できると便利っぽい気もしますね。てがろぐ側の仕組み的に簡単ではなさそうなんですが、しかし難しいというわけでもなさそうな気もしますし、とりあえずご要望として記録しておきます。
📏Re:5674◆センタリングするCSSをご自身で用意すると実現できます。方法はいろいろありますが、例えば、
どのようなCSSが望ましいかは、お使いのスキンによって異なりますので、「これ」という1つの回答は示しにくいですが。
もし「余計な要素では囲みたくない」という場合で「キャプション付きの全画像をセンタリング表示したい」のであれば、例えば標準スキンのCSSを修正するなら、.embeddedpictboxに対して書かれているdisplayプロパティとmarginプロパティを display:table; と margin:auto; に修正しても良いと思います。
📏Re:5675◆投稿した直後に「その投稿単独ページが表示される」動作にする選択肢があれば、『お使いのスキンに既に記述されているSNS共有ボタン』を投稿直後に（＝ページ移動なく）すぐ押せるようになるわけですから、てがろぐ側の機能として共有ボタンの表示機能を何も実装しなくても、あなたの「該当の記事に戻る手間が削減できる」という望み(>>5670)が叶うのではないかな……？ と思ったのですが、そうでもないですか？^^;
（なぜ質問したかというと、「てがろぐ側の機能として共有ボタン表示機能を作る」よりも「投稿直後に投稿単独ページを表示する機能を作る」方が圧倒的に簡単ですぐに実装できるからです。前者の場合は「気長にお待ち下さい」と言うしかないですが、後者の場合はわりと早く作れそうなので。）
背筋を伸ばしてPCを使えるようにするには、背中に定規を入れるしかない……？📏📏📏
📏Re:5673◆ご要望をありがとうございます。なるほど、メモ用途の場合は先頭固定のON/OFFを気軽に変更できると便利っぽい気もしますね。てがろぐ側の仕組み的に簡単ではなさそうなんですが、しかし難しいというわけでもなさそうな気もしますし、とりあえずご要望として記録しておきます。
📏Re:5674◆センタリングするCSSをご自身で用意すると実現できます。方法はいろいろありますが、例えば、
- センタリングしたい内容を [F:center: ～中身～ ] で囲むことにする。
- スキンのCSSに .deco-center { display:block; text-align:center; } と書いておく。
どのようなCSSが望ましいかは、お使いのスキンによって異なりますので、「これ」という1つの回答は示しにくいですが。
もし「余計な要素では囲みたくない」という場合で「キャプション付きの全画像をセンタリング表示したい」のであれば、例えば標準スキンのCSSを修正するなら、.embeddedpictboxに対して書かれているdisplayプロパティとmarginプロパティを display:table; と margin:auto; に修正しても良いと思います。
📏Re:5675◆投稿した直後に「その投稿単独ページが表示される」動作にする選択肢があれば、『お使いのスキンに既に記述されているSNS共有ボタン』を投稿直後に（＝ページ移動なく）すぐ押せるようになるわけですから、てがろぐ側の機能として共有ボタンの表示機能を何も実装しなくても、あなたの「該当の記事に戻る手間が削減できる」という望み(>>5670)が叶うのではないかな……？ と思ったのですが、そうでもないですか？^^;
（なぜ質問したかというと、「てがろぐ側の機能として共有ボタン表示機能を作る」よりも「投稿直後に投稿単独ページを表示する機能を作る」方が圧倒的に簡単ですぐに実装できるからです。前者の場合は「気長にお待ち下さい」と言うしかないですが、後者の場合はわりと早く作れそうなので。）
5670です
にししさん、お返事ありがとうございます。
5669さん宛のものですが、個人的には投稿後や編集後の緑矢印に共有ボタンがあると便利だなと思います。
にししさんの言われる通り、本文は各「投稿単独ページ」に移動しないと表示されないような感じのスキンを使っております。
ただ、シェアボタンの機能があればスキンのパラメーターも引き継いだものになるかなぁとおもっております。
現在以下のコードをしております。
<a href="https://twitter.com/intent/tweet?url=[[PERMAURL:PURE:FULL]]%26skin=◯◯&text=[[COMMENT:TITLE]]" title="Xに投稿" target="_blank" rel="noopener" class="share">
<i class="fa-brands fa-x-twitter"></i>
</a>
スキン適用するパラメーター付与が難しくてですね…ちょっと大分悩んだので、もしも公式に実装されたら他の人達も悩まなくて良いのかなと思ってました。
常に「いま投稿したばかりの単独ページ」を表示があったら便利か？という質問について、確かにあったら便利だと思います。
しかし私はてがろぐでの見え方を考えずに（小説サイトなので）シェアしているので私にはなくてもいい機能だと思います。（イラストサイトさんだといるかもしれませんが……）
>>5674さん
おさっかいですが、それはcssで対応できるものです（カスタマイズはてがろぐ機能のことなので…）。
画像のcssに
margin: 1rem auto;
を入れてみてくださいますでしょうか？（マージン（画像の外側の余白）について上下に1remいれて左右は自由にするcss）
にししさん、お返事ありがとうございます。
5669さん宛のものですが、個人的には投稿後や編集後の緑矢印に共有ボタンがあると便利だなと思います。
にししさんの言われる通り、本文は各「投稿単独ページ」に移動しないと表示されないような感じのスキンを使っております。
ただ、シェアボタンの機能があればスキンのパラメーターも引き継いだものになるかなぁとおもっております。
現在以下のコードをしております。
<a href="https://twitter.com/intent/tweet?url=[[PERMAURL:PURE:FULL]]%26skin=◯◯&text=[[COMMENT:TITLE]]" title="Xに投稿" target="_blank" rel="noopener" class="share">
<i class="fa-brands fa-x-twitter"></i>
</a>
スキン適用するパラメーター付与が難しくてですね…ちょっと大分悩んだので、もしも公式に実装されたら他の人達も悩まなくて良いのかなと思ってました。
常に「いま投稿したばかりの単独ページ」を表示があったら便利か？という質問について、確かにあったら便利だと思います。
しかし私はてがろぐでの見え方を考えずに（小説サイトなので）シェアしているので私にはなくてもいい機能だと思います。（イラストサイトさんだといるかもしれませんが……）
>>5674さん
おさっかいですが、それはcssで対応できるものです（カスタマイズはてがろぐ機能のことなので…）。
画像のcssに
margin: 1rem auto;
を入れてみてくださいますでしょうか？（マージン（画像の外側の余白）について上下に1remいれて左右は自由にするcss）
てがろぐ愛用者です。いつも大変お世話になっております。
すごく初歩的な質問かもしれず申し訳ありません。
投稿した画像やOGP画像をセンタリング（中央寄せ）で表示させるにはどうしたら良いでしょうか？
通常時は文字も画像も左寄せで表示されますが、画像のみ中央に配置したいです。
カスタマイズのページに一通り目を通したのですが該当の説明を見つけられず……。
お時間のある時にご回答いただけますと幸いです。
すごく初歩的な質問かもしれず申し訳ありません。
投稿した画像やOGP画像をセンタリング（中央寄せ）で表示させるにはどうしたら良いでしょうか？
通常時は文字も画像も左寄せで表示されますが、画像のみ中央に配置したいです。
カスタマイズのページに一通り目を通したのですが該当の説明を見つけられず……。
お時間のある時にご回答いただけますと幸いです。
編集ボタンみたいな感じで投稿の下辺りに常に「先頭に固定」をチェックボックスとかで置いておくことって出来ませんか？
日記とメモに使ってるんですけど物忘れ激しくて結構頻繁に固定したい投稿が変わるのでワンクリックで手軽にやれたら嬉しいです
日記とメモに使ってるんですけど物忘れ激しくて結構頻繁に固定したい投稿が変わるのでワンクリックで手軽にやれたら嬉しいです
昼食はピザ。🍕🍕🍕
🍕Re:5669◆ご要望をありがとうございます。記事を投稿した後に共有ボタンを表示するとすると、掲載場所はどこでしょうかね……？ システム設定で「投稿や編集直後の動作(移動先)」項目を『投稿結果のステータス画面』に設定してお使いでしょうか？（下図黄色矢印） だとすると、下図の緑色矢印部分あたりに共有ボタンが出てくると望ましい感じですかね？
投稿や編集直後の動作(移動先) 
投稿結果のステータス画面
また、各記事ごとの共有ボタンは、スキンのカスタマイズでは対処できない部分（例えば投稿単独ページの下部にデフォルトで表示される「ユーティリティリンク枠」の中とか）に出てきて欲しい感じですかね？
もしそうではなく、各本文の前後などの「スキン側でどうにかできる箇所」で良いのであれば、No.5670さんがご紹介下さっているサイト等で解説されている skin-onelog.html を編集する方法が最も早く済むと思います。
🍕Re:5670◆詳しい説明をありがとうございます。1つ教えて欲しいのですが、
「各記事ごとの各SNS上へ共有ボタン」が既にスキンに書けているのであれば、記事を投稿した直後にもその「各記事ごとの各SNS上へ共有ボタン」が見えているのではないかと思うのですが、「一度該当の記事に戻る手間」というのは、どういう状況で発生するのでしょうか？
HOME（＝何も表示条件を限定していない状況）では目次のような内容しか見せず、本文は各「投稿単独ページ」に移動しないと表示されないような感じのスキンをお使いだということですかね？
もしそうだとすると、もしかして、『投稿や編集直後の動作(移動先)』（※上図の黄色矢印部分）として、現状の選択肢である
🍕Re:5669◆ご要望をありがとうございます。記事を投稿した後に共有ボタンを表示するとすると、掲載場所はどこでしょうかね……？ システム設定で「投稿や編集直後の動作(移動先)」項目を『投稿結果のステータス画面』に設定してお使いでしょうか？（下図黄色矢印） だとすると、下図の緑色矢印部分あたりに共有ボタンが出てくると望ましい感じですかね？
また、各記事ごとの共有ボタンは、スキンのカスタマイズでは対処できない部分（例えば投稿単独ページの下部にデフォルトで表示される「ユーティリティリンク枠」の中とか）に出てきて欲しい感じですかね？
もしそうではなく、各本文の前後などの「スキン側でどうにかできる箇所」で良いのであれば、No.5670さんがご紹介下さっているサイト等で解説されている skin-onelog.html を編集する方法が最も早く済むと思います。
🍕Re:5670◆詳しい説明をありがとうございます。1つ教えて欲しいのですが、
「各記事ごとの各SNS上へ共有ボタン」が既にスキンに書けているのであれば、記事を投稿した直後にもその「各記事ごとの各SNS上へ共有ボタン」が見えているのではないかと思うのですが、「一度該当の記事に戻る手間」というのは、どういう状況で発生するのでしょうか？
HOME（＝何も表示条件を限定していない状況）では目次のような内容しか見せず、本文は各「投稿単独ページ」に移動しないと表示されないような感じのスキンをお使いだということですかね？
もしそうだとすると、もしかして、『投稿や編集直後の動作(移動先)』（※上図の黄色矢印部分）として、現状の選択肢である
- HOME または 単独ページに戻る (※1)
- 常に「投稿結果のステータス画面」を表示 (※2)
- 常に「てがろぐHOME」へ戻る
>>5669の者です。
>5670さん
記事共有リンクに関する解説記事のURLを載せていただき、ありがとうございます！
探せばてがろぐのカスタマイズ方法を載せてくださっている方はたくさんいらっしゃるんですね、とても助かります…！
私はあくまで個人サイトのブログ代わりに使用しておりますが、SNSで記事の宣伝をするのがちょっと大変だなあと思っていたので、共有ボタンが欲しいなと思っていました。
時間のある時にカスタマイズ試してみますね！
>5670さん
記事共有リンクに関する解説記事のURLを載せていただき、ありがとうございます！
探せばてがろぐのカスタマイズ方法を載せてくださっている方はたくさんいらっしゃるんですね、とても助かります…！
私はあくまで個人サイトのブログ代わりに使用しておりますが、SNSで記事の宣伝をするのがちょっと大変だなあと思っていたので、共有ボタンが欲しいなと思っていました。
時間のある時にカスタマイズ試してみますね！
>>5669さんの要望に賛成です。
「各記事ごとの各SNS上へ共有ボタン」は原状スキンで対応しておりますが、
「記事を投稿した後に各SNS上へ共有ボタン」があれば一度該当の記事に戻る手間が削減できるなと思いました。
ただ、私はポスト内容は
「１行目（２行目） 各記事へのURL（スキンを適用している）」という状態でポストしております。
１行目はタイトル、２行目は説明文を用いているためです（スキンを適用しているのはまあ区別化のためです）。
そのため、その共有ボタンを実装するのであれば、内容もいくらかカスタマイズできるようなものだととても助かります。
（スキンを適用させるときにいろいろ苦労したので…）
5669さんの背景はわかりませんが、私はてがろぐで個人サイトを運用しております。
そのため、作品を投稿したときにXなどのSNSへお知らせを兼ねて投稿しております
（RSSは少しわかりにくく、使用する人が想定できなかったので利用しておりません）。
管理画面のカスタマイズが現状投稿する場所のみですので、
それ以外の箇所のCSSやjs、HTML（これは最悪jsにさせれば可能ですが）追加のカスタマイズができれば
投稿後画面にボタンを表示させるスクリプト作って配布できるのですが、
以前管理画面全体のCSSお話で
様々な問題があるため全体カスタマイズできるようにする予定はないと認識しており、
不可能だろうなと考えております。
長々と失礼いたしました。。
>>5669さん
おせっかいですが、各記事ごとのシェアボタンの作り方を貼りますね
https://note.com/buttonniki/n/n3824c8f98057
https://10prs.com/web-tips/tegalog/sns-share
https://immature.01kawa.com/cgi/tegalog/share-button/
記事投稿後は難しいかなと思います。editファイルは記事を書く場所のみの適用ですので…。
「各記事ごとの各SNS上へ共有ボタン」は原状スキンで対応しておりますが、
「記事を投稿した後に各SNS上へ共有ボタン」があれば一度該当の記事に戻る手間が削減できるなと思いました。
ただ、私はポスト内容は
「１行目（２行目） 各記事へのURL（スキンを適用している）」という状態でポストしております。
１行目はタイトル、２行目は説明文を用いているためです（スキンを適用しているのはまあ区別化のためです）。
そのため、その共有ボタンを実装するのであれば、内容もいくらかカスタマイズできるようなものだととても助かります。
（スキンを適用させるときにいろいろ苦労したので…）
5669さんの背景はわかりませんが、私はてがろぐで個人サイトを運用しております。
そのため、作品を投稿したときにXなどのSNSへお知らせを兼ねて投稿しております
（RSSは少しわかりにくく、使用する人が想定できなかったので利用しておりません）。
管理画面のカスタマイズが現状投稿する場所のみですので、
それ以外の箇所のCSSやjs、HTML（これは最悪jsにさせれば可能ですが）追加のカスタマイズができれば
投稿後画面にボタンを表示させるスクリプト作って配布できるのですが、
以前管理画面全体のCSSお話で
様々な問題があるため全体カスタマイズできるようにする予定はないと認識しており、
不可能だろうなと考えております。
長々と失礼いたしました。。
>>5669さん
おせっかいですが、各記事ごとのシェアボタンの作り方を貼りますね
https://note.com/buttonniki/n/n3824c8f98057
https://10prs.com/web-tips/tegalog/sns-share
https://immature.01kawa.com/cgi/tegalog/share-button/
記事投稿後は難しいかなと思います。editファイルは記事を書く場所のみの適用ですので…。
てがろぐへの要望です。
•記事を投稿した後に、Twitter/Xやブルスカなどへの記事を投稿した旨の共有ボタンが欲しい
•各記事ごとのSNS上の共有ボタンが欲しい
※ポスト内容には記事名、ブログ名、各記事へのURLへの表示が欲しい
editファイルやskin-onelog.html内にソースコードを追加すればなんとかなりそうな気もしますが、念のため…！
•記事を投稿した後に、Twitter/Xやブルスカなどへの記事を投稿した旨の共有ボタンが欲しい
•各記事ごとのSNS上の共有ボタンが欲しい
※ポスト内容には記事名、ブログ名、各記事へのURLへの表示が欲しい
editファイルやskin-onelog.html内にソースコードを追加すればなんとかなりそうな気もしますが、念のため…！
久しぶりに書いた豆知識。>>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
自分しか見れない壁打ちに使うとき、
ログイン者限定表示とBASIC認証だとどちらがおすすめとかありますか？
ログイン者限定表示とBASIC認証だとどちらがおすすめとかありますか？
個人サイトでてがろぐを使わせていただきたいと考えております。一次創作で成人向けの内容を含んでいるコンテンツの掲載でも利用は可能でしょうか？
「個人サイト・法人サイト、商用サイト・非商用サイト等の種別を問わず」という記載は確認いたしましたが、コンテンツ内容については記載がないようでしたので念のために質問させていただきました。
お手数ですがご返答頂けますと幸いです。
「個人サイト・法人サイト、商用サイト・非商用サイト等の種別を問わず」という記載は確認いたしましたが、コンテンツ内容については記載がないようでしたので念のために質問させていただきました。
お手数ですがご返答頂けますと幸いです。
テスト
ここにお書き下さったご要望に対して、追加で質問をしたり対案を提示したりすることがありますが、それはご要望を否定したいわけではなく、『その機能を実装する優先度』を判断するために情報が必要だからです。
ご要望はできるだけ詳しく背景事情も含めてお書き頂ける方が、追加で質問する手間が省けるのでありがたいです。よろしくお願いします。
🥧Re:5655◆発掘ありがとうございます。なんか似たようなスクリプトを昔にどこかで書いたよな、というような気はしていたんですが。(^_^;)
🥧Re:5656◆最も知りたかった情報はまさしくそれです。『既にてがろぐを複数設置している』・『大枠で分けるほど離れた話題でもない』という背景事情がある前提なら、「特定のカテゴリだけ下げる扱いにしたい」という希望も理解できます。
（要望には背景事情も一緒に書いてくれ……！と言っているのは、まさにこのためです。この背景事情が分からないと、他に良い方法があるのか、それともその機能がないと困るのかが分からないので、その要望を検討リストに加えるべきなのか、加えるとしたらどれくらいの優先度を付けて把握すれば良いのか、が判断ができませんので。）
「特定のカテゴリだけ下げる扱いにしたい」というご要望は過去にもありましたから、（取り下げるとのことですけども）「そういう需要はあるようだ」という理解はしておきます。（一般的にある要望なのかどうかは確かに今のところは分かりませんが。^^;）
ちなみにですが、以下の機能だとどちらがより希望に近いですかね？
ご要望はできるだけ詳しく背景事情も含めてお書き頂ける方が、追加で質問する手間が省けるのでありがたいです。よろしくお願いします。
🥧Re:5655◆発掘ありがとうございます。なんか似たようなスクリプトを昔にどこかで書いたよな、というような気はしていたんですが。(^_^;)
🥧Re:5656◆最も知りたかった情報はまさしくそれです。『既にてがろぐを複数設置している』・『大枠で分けるほど離れた話題でもない』という背景事情がある前提なら、「特定のカテゴリだけ下げる扱いにしたい」という希望も理解できます。
（要望には背景事情も一緒に書いてくれ……！と言っているのは、まさにこのためです。この背景事情が分からないと、他に良い方法があるのか、それともその機能がないと困るのかが分からないので、その要望を検討リストに加えるべきなのか、加えるとしたらどれくらいの優先度を付けて把握すれば良いのか、が判断ができませんので。）
「特定のカテゴリだけ下げる扱いにしたい」というご要望は過去にもありましたから、（取り下げるとのことですけども）「そういう需要はあるようだ」という理解はしておきます。（一般的にある要望なのかどうかは確かに今のところは分かりませんが。^^;）
ちなみにですが、以下の機能だとどちらがより希望に近いですかね？
- 各カテゴリの設定に「このカテゴリに属する投稿は全部『下げる』扱いにする」という設定項目がある。
- 「HOME（＝何の表示条件も限定されていないページ）で表示対象外にするカテゴリID群」を一括設定する設定項目がある。
5649です。
にししさん返信ありがとうございます！
教えて頂いた方法で問題ありませんので、要望はスルーして頂いて大丈夫です。
JavaScriptを使用するなど、実装して頂かなくても可能なことは意外とたくさんあるんですね🤔
にししさん返信ありがとうございます！
教えて頂いた方法で問題ありませんので、要望はスルーして頂いて大丈夫です。
JavaScriptを使用するなど、実装して頂かなくても可能なことは意外とたくさんあるんですね🤔
カテゴリを下げたい件、以下のjavascriptでできますがこれじゃダメですかね？以下は例としてカテゴリID「memo」にチェックを入れると同時に「下げる」にもチェックが入ります。
// 特定のカテゴリを選択した場合自動で「下げる」にもチェックを入れる ここから
// 参考：https://www.nishishi.org/testground/tegalog/?postid=49...
if(textarea && document.querySelector('input[type="checkbox"][value="rear"]') != null) {
const memoCheckbox = document.querySelector('input[type="checkbox"][value="memo"]');
const rearCheckbox = document.querySelector('input[type="checkbox"][value="rear"]');
if(memoCheckbox.checked) {
rearCheckbox.checked = true;
}
memoCheckbox.addEventListener('change', function () {
rearCheckbox.checked = memoCheckbox.checked;
});
}
// 特定のカテゴリを選択した場合自動で「下げる」にもチェックを入れる ここまで
// 特定のカテゴリを選択した場合自動で「下げる」にもチェックを入れる ここから
// 参考：https://www.nishishi.org/testground/tegalog/?postid=49...
if(textarea && document.querySelector('input[type="checkbox"][value="rear"]') != null) {
const memoCheckbox = document.querySelector('input[type="checkbox"][value="memo"]');
const rearCheckbox = document.querySelector('input[type="checkbox"][value="rear"]');
if(memoCheckbox.checked) {
rearCheckbox.checked = true;
}
memoCheckbox.addEventListener('change', function () {
rearCheckbox.checked = memoCheckbox.checked;
});
}
// 特定のカテゴリを選択した場合自動で「下げる」にもチェックを入れる ここまで
おっと、ポケモンスリープでポケモンに朝ごはんをあげるのを忘れたまま昼になってしまった。日曜日（なべ容量2倍）なのに……。┌(:3」└)┐
初めて旧発電所に行ったところカビゴンが緑色だったんですけども、旧発電所のカビゴンが常時緑色というわけではないんですよね？ たぶん。今回たまたま色違いカビゴンが出てきたということかな？
🥧昨年末の記事の半ばにある『ご要望は歓迎（＆同時に書いてあると助かること）』にも書きましたが、ご要望には「その機能を必要とする背景」も詳しめに書いて頂けると助かります。別に書いて頂かなくても要望としては受け取りますが、背景事情が分からなければ「優先度を考える情報」もないので、検討リストの末尾に加わるだけになります。（いや、そうなるとは限りませんが、その可能性が上がります。）
もちろん、背景事情が分かっても、検討リストの末尾に加えるだけになる可能性もありますけども。(^_^;)
初めて旧発電所に行ったところカビゴンが緑色だったんですけども、旧発電所のカビゴンが常時緑色というわけではないんですよね？ たぶん。今回たまたま色違いカビゴンが出てきたということかな？
🥧昨年末の記事の半ばにある『ご要望は歓迎（＆同時に書いてあると助かること）』にも書きましたが、ご要望には「その機能を必要とする背景」も詳しめに書いて頂けると助かります。別に書いて頂かなくても要望としては受け取りますが、背景事情が分からなければ「優先度を考える情報」もないので、検討リストの末尾に加わるだけになります。（いや、そうなるとは限りませんが、その可能性が上がります。）
もちろん、背景事情が分かっても、検討リストの末尾に加えるだけになる可能性もありますけども。(^_^;)
昼食はマカロニグラタン。グラタンに近い絵文字って何だ……？ パイ？🥧
🥧Re:5648◆（>>5638）まあそうですよね。設定項目をいろいろ増やさないといけないので、気長にお待ち頂ければ幸いです。
（>>5645）なるほど、「改行区切りのURL群」が一括で手に入る別ツールをお使いだという背景なんですね。理解できました。空白か改行かで区切って複数入力できるような感じの仕様にする方向で考えます。
🥧Re:5649◆とりあえず現状では [F:abc:​] と書くと良いです（※abcはお望みのclass名）。​はUnicodeのZero Width Space（ゼロ幅スペース）なので、システム的には空白扱いですが、幅がゼロなので画面上には何も見えません。つまり display:none; を書かなくても元から何も表示されないので、::afterだけを付ける用途に使えます。数値文字参照の「8203」が覚えにくい場合は、何でも簡単入力ボタン機能を使って、ボタンクリックで [F:abc:​] が入力されるように作っておくと良いのではないかと思います。
※数値文字参照を使わなくても、この「Zero Width Space」自体の文字をコピー＆ペーストして貼り付けることも可能なんですが（ゼロ幅とはいえ文字には違いないので）、ゼロ幅であるがためにコピーしにくいんですよね。ペーストしても本当にペーストされたのかが見た目で分かりませんし。Zero Width Spaceを含む前後の文字と一括して選択した状態で貼り付けることができれば、数値文字参照の長い見た目を避けて、本当に見た感じは [F:abc:] にしか見えない状態で使うことも可能だとは思いますけども。
🥧Re:5650◆その「嫌な思い出」と「害虫」だけを投稿するてがろぐをもう1つ設置するよりも、同じてがろぐに投稿しておいて「下げる」に留めたい理由が分かると、今後の方針を考える役に立ちそうな気がしますので、もしよろしければ教えて下さい。「記録はしておきたいけど隠したい」のであれば、てがろぐをOPEN版とCLOSE版の2つに分けてしまう方が確実だと思うのですが、「積極的に探して見ようと思った人には見れる」みたいな状態にはしたいということですかね？
🥧Re:5652◆今回、この例示を書いていて、複数カテゴリをANDで出す（つまり「絞り込む」）catパラメータの書き方もある方が望ましいな……という気にはなりました。?cat=A,Bが結合(OR)なら、絞り込み(AND)は?cat=A*Bくらいでしょうかね（ANDは論理積と言いますし）。もしくは完全に新しいパラメータを用意する方が良いかもしれませんけども。何か考えます。（とりあえず現状では検索コマンドを駆使してみて下さい。）
検索コマンドの中に「=」記号が出てくるので、検索コマンドを含むURLを書くと「=」が多くて紛らわしいので「=」は%3Dと書く方が無難かもしれません。なお、検索コマンドの「=」の右側は、セミコロン記号を省略すると前方一致で検索になるのでご注意下さい（詳しくは検索コマンドの種類と使用例にあります）。お書き下さった$ci=test+$ci=diary;だと、1つ目の「test」の後にはセミコロンがないので「testで始まるカテゴリID全部」が対象になります。もし「test1」・「test2」というカテゴリがあったら、両方が該当します。それを避けて完全一致にするには$ci=test;+$ci=diary;と指定する必要があります。
🥧Re:5648◆（>>5638）まあそうですよね。設定項目をいろいろ増やさないといけないので、気長にお待ち頂ければ幸いです。
（>>5645）なるほど、「改行区切りのURL群」が一括で手に入る別ツールをお使いだという背景なんですね。理解できました。空白か改行かで区切って複数入力できるような感じの仕様にする方向で考えます。
🥧Re:5649◆とりあえず現状では [F:abc:​] と書くと良いです（※abcはお望みのclass名）。​はUnicodeのZero Width Space（ゼロ幅スペース）なので、システム的には空白扱いですが、幅がゼロなので画面上には何も見えません。つまり display:none; を書かなくても元から何も表示されないので、::afterだけを付ける用途に使えます。数値文字参照の「8203」が覚えにくい場合は、何でも簡単入力ボタン機能を使って、ボタンクリックで [F:abc:​] が入力されるように作っておくと良いのではないかと思います。
※数値文字参照を使わなくても、この「Zero Width Space」自体の文字をコピー＆ペーストして貼り付けることも可能なんですが（ゼロ幅とはいえ文字には違いないので）、ゼロ幅であるがためにコピーしにくいんですよね。ペーストしても本当にペーストされたのかが見た目で分かりませんし。Zero Width Spaceを含む前後の文字と一括して選択した状態で貼り付けることができれば、数値文字参照の長い見た目を避けて、本当に見た感じは [F:abc:] にしか見えない状態で使うことも可能だとは思いますけども。
🥧Re:5650◆その「嫌な思い出」と「害虫」だけを投稿するてがろぐをもう1つ設置するよりも、同じてがろぐに投稿しておいて「下げる」に留めたい理由が分かると、今後の方針を考える役に立ちそうな気がしますので、もしよろしければ教えて下さい。「記録はしておきたいけど隠したい」のであれば、てがろぐをOPEN版とCLOSE版の2つに分けてしまう方が確実だと思うのですが、「積極的に探して見ようと思った人には見れる」みたいな状態にはしたいということですかね？
🥧Re:5652◆今回、この例示を書いていて、複数カテゴリをANDで出す（つまり「絞り込む」）catパラメータの書き方もある方が望ましいな……という気にはなりました。?cat=A,Bが結合(OR)なら、絞り込み(AND)は?cat=A*Bくらいでしょうかね（ANDは論理積と言いますし）。もしくは完全に新しいパラメータを用意する方が良いかもしれませんけども。何か考えます。（とりあえず現状では検索コマンドを駆使してみて下さい。）
検索コマンドの中に「=」記号が出てくるので、検索コマンドを含むURLを書くと「=」が多くて紛らわしいので「=」は%3Dと書く方が無難かもしれません。なお、検索コマンドの「=」の右側は、セミコロン記号を省略すると前方一致で検索になるのでご注意下さい（詳しくは検索コマンドの種類と使用例にあります）。お書き下さった$ci=test+$ci=diary;だと、1つ目の「test」の後にはセミコロンがないので「testで始まるカテゴリID全部」が対象になります。もし「test1」・「test2」というカテゴリがあったら、両方が該当します。それを避けて完全一致にするには$ci=test;+$ci=diary;と指定する必要があります。
>>5647にししさん、お返事どうもありがとうございました。
>>5644です。
おや、そうなのですか…。なるほど理解しました！
当方が求めていたのはandなのですが、これはorのものなんですね……。
凄いすっきりしました。
お手本のURLもありがとうございました。
$ci=test $ci=diaryでサイトマップモードで表示するURLは
?mode=sitemap&q=$ci=test+$ci=diary;
として、かつ検索コマンドを使用するにすれば出てくることも解りました💪
自分の所でやってみたんですけどちょっと上手く行きませんが、大まかの構造はこうだろうというのが解ったのでなんとかなると前向きに考えております。
すごいすっきりしました。ありがとうございました。
要望で恐縮なのですが、URLでのand指定が出来れば良いなと思いました。
cgiの構造が私は解らないのですが多分難しいことなのだろうと思います。
取り敢えず解決したのでほっとしました。
ありがとうございました。
>>5644です。
おや、そうなのですか…。なるほど理解しました！
当方が求めていたのはandなのですが、これはorのものなんですね……。
凄いすっきりしました。
お手本のURLもありがとうございました。
$ci=test $ci=diaryでサイトマップモードで表示するURLは
?mode=sitemap&q=$ci=test+$ci=diary;
として、かつ検索コマンドを使用するにすれば出てくることも解りました💪
自分の所でやってみたんですけどちょっと上手く行きませんが、大まかの構造はこうだろうというのが解ったのでなんとかなると前向きに考えております。
すごいすっきりしました。ありがとうございました。
要望で恐縮なのですが、URLでのand指定が出来れば良いなと思いました。
cgiの構造が私は解らないのですが多分難しいことなのだろうと思います。
取り敢えず解決したのでほっとしました。
ありがとうございました。
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 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193
