てがろぐ - Fumy Otegaru Memo Logger -

昼食はピザ。🍕🍕🍕

🍕Re:5669◆ご要望をありがとうございます。記事を投稿した後に共有ボタンを表示するとすると、掲載場所はどこでしょうかね……？ システム設定で「投稿や編集直後の動作(移動先)」項目を『投稿結果のステータス画面』に設定してお使いでしょうか？（下図黄色矢印） だとすると、下図の緑色矢印部分あたりに共有ボタンが出てくると望ましい感じですかね？

また、各記事ごとの共有ボタンは、スキンのカスタマイズでは対処できない部分（例えば投稿単独ページの下部にデフォルトで表示される「ユーティリティリンク枠」の中とか）に出てきて欲しい感じですかね？
もしそうではなく、各本文の前後などの「スキン側でどうにかできる箇所」で良いのであれば、No.5670さんがご紹介下さっているサイト等で解説されている skin-onelog.html を編集する方法が最も早く済むと思います。

🍕Re:5670◆詳しい説明をありがとうございます。1つ教えて欲しいのですが、
「各記事ごとの各SNS上へ共有ボタン」が既にスキンに書けているのであれば、記事を投稿した直後にもその「各記事ごとの各SNS上へ共有ボタン」が見えているのではないかと思うのですが、「一度該当の記事に戻る手間」というのは、どういう状況で発生するのでしょうか？
HOME（＝何も表示条件を限定していない状況）では目次のような内容しか見せず、本文は各「投稿単独ページ」に移動しないと表示されないような感じのスキンをお使いだということですかね？
もしそうだとすると、もしかして、『投稿や編集直後の動作(移動先)』（※上図の黄色矢印部分）として、現状の選択肢である

• HOME または 単独ページに戻る (※1)
• 常に「投稿結果のステータス画面」を表示 (※2)
• 常に「てがろぐHOME」へ戻る

……のほかに、『常に「いま投稿したばかりの単独ページ」を表示』というような選択肢が増えると便利になりますか？

>>5669の者です。

>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ファイルは記事を書く場所のみの適用ですので…。

てがろぐへの要望です。
•記事を投稿した後に、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 を加える書き方を使うと良いです。

>>5664

>>5637 の者です。
https://www.nishishi.org/testground/tegalog/?tag=%74%3... で何も出ない、つまりURLのフラグメント部がハッシュタグと認識されてしまう現象の解消を確認しました。
早速のご対応、ありがとうございます。次のバージョンアップを楽しみにしております。