No.5671, No.5670, No.5669, No.5668, No.5667［5件］
>>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 を加える書き方を使うと良いです。
