2026年1月 この範囲を時系列順で読む この範囲をファイルに出力する
🍫Re:5681◆新規投稿の直後にその投稿単独ページを表示する設定選択肢も実装しましたので、次のβ版からご使用頂けます。
🍫Re:5682◆お気遣いありがとうございます。^^
🍫Re:5683◆うまくいったようで良かったです。ご活用ありがとうございます。(╹◡╹)ノ
🍫Re:5684◆実は、画像を表示する記法も、昔は [IMG:代替文字]URL という書き方でした。(※今でも使えます。)
YouTube埋込・ツイート埋込・Insta埋込・Spotify埋込などの各種埋め込み機能は、『テキストリンク機能の拡張仕様』として存在する機能なのです。(※なので、管理画面の設定で『URLを自動でリンクにする』項目をOFFにすると、どの埋め込みも表示されなくなります。)
テキストリンクは、例えば [にししふぁくとりー]https://www.nishishi.com/ のように書くことで にししふぁくとりー というテキストリンクになる仕様ですが、
このとき、リンクに使うテキストラベルを、
- YouTubeにしたら、テキストリンクではなく埋め込み動画として表示する
- Tweetにしたら、テキストリンクではなく埋め込みツイートとして表示する
- VIDEOにしたら、テキストリンクではなく動画の埋め込みとして表示する
- : : :
昔の画像表示方法も、リンクに使うテキストラベルを、
- IMG:代替文字という形態にしたら、テキストリンクではなく画像として表示する
今の画像を表示する記法は、リンクとは別で専用の [PICT:ファイル名] という記法を使いますね。
これは、てがろぐ側に画像管理機能(=画像をアップロードしたり削除したりキャプションを登録したりする機能など)を搭載したため、従来の「リンクを拡張する仕様」ではない新しい記法が必要になったために作った仕様です。(なので、「画像」を表す英語表現として一般的であり文字数も少なくて済む IMG ではなく PICT を使っています。以前の記法とは異なる名称が必要でしたから。)
当初は [PICT:ファイル名] という書き方しかできませんでしたが、その後のアップデートで、外部サイトにある画像をURLで指定したい場合にも使えるように、ファイル名の代わりにURLを書いて [PICT:URL] という書き方もできるように拡張しました。なので、それまでの文法に沿った書き方になるため、URLが角括弧の内側に来ます。
というわけで、それぞれ出自が異なるのです。(^_^;)
ご質問をありがとうございます。アップデート変遷を思い出せて、ちょっと懐かしい気分になりました。(笑)
[YouTube:URL]という形でも良かったような気がするし、個人的にはそっちの方が収まりが良かったと感じるのですが…
ちょっと統一感ないな、なんでだろうな、気になってしまいました。
教えていただいたCSS編集で無事に中央寄せができるようになりました。ありがとうございます‼️
個人サイト代わりに、プライベートのメモ帳に……と、てがろぐは私の生活に欠かせない存在となっています。
今後のアップデートも楽しみにしておりますm(_ _)m
寒さ厳しき折、どうぞご自愛ください。
#感謝
|´ω`)ノ゙))
にししさん、お返事どうもありがとうございます。
確かに……!?ごめんなさいすごくボケておりました。
にししさんのお話されている通り、単独記事の表示をしたら良いんですよね……。ごめんなさい、びっくりしましたよね。
5680にて『次のβ版では〜』とありますのでお待ちしております!ありがとうございます!(シェアボタン作られるのもお待ちしております〜)
別件ですが、β版もphpのてがあっぷでバージョンアップできたらな…!と思っております。
あとお待ちしてるのはいいねボタンとhttps://www.nishishi.org/testground/tegalog/?postid=53...にある親カテゴリを表示させると子カテゴリも表示させる機能も気長に待ってます。
単独記事に飛ぶのに同意する人が複数見られて個人的にはとても嬉しいです✾
個人サイトが増えるといいな〜と思いました
🍫Re:5677◆すみません。No.5676に書いた例示CSSに誤りがありました。[F:○○○:~] の記述で使える自由装飾記法で出力されるclass名には、必ず deco- という接頭辞が加わる仕様ですので、[F:center: ~中身~ ]と書いたなら、CSSは.deco-center { ~ }と書く必要があるのでした。No.5676も修正しておきました。詳しい仕様については、ヘルプドキュメントの「class名を自由に指定できる装飾記法」項目もご参照下さい。
🍫Re:5678◆HOMEを簡易的な表示にしたり、HOMEでは投稿が一切見えないようにしたりして運営なさっている方々もわりと居るようですね。そういえば。投稿直後に「その投稿単独ページが表示される」動作にする選択肢は用意するようにします。次のβ版ではお使い頂けるようにできると思いますので、もうしばらくお待ち下さい。
16進数の色指定表記をハッシュタグだとは認識させなくする機能も次のβ版からご使用頂けます。い ろ ん な 場所でつぶやきました。(^_^;) ご覧下さってありがとうございます。
「直近画像の挿入」ボタン機能もお役に立ったようで嬉しいです。(╹◡╹)ノ
🍫Re:5679◆何の絵文字かな、と思ったら投票箱ですね。^^; Voteありがとうございます。(╹◡╹)
投稿した直後に「その投稿単独ページが表示される」動作にする選択肢、とても欲しいです…!
てがろぐを備忘録兼個人サイトとして利用させてもらっているので、他者に見せる時はワンクッション挟めるようにホームをフリーページのみにしています。
そのため投稿後はいつもワンクッションを経由して(もしくはステータス結果からワンクリックして)投稿内容を確認・体裁を整えることになるため、投稿後すぐに確認できると大変助かります。
また、どこでお見かけしたか失念してしまったのですが、文字としての表示目的で#から始まるカラーコード表記もよく使うので、最初から#の除外設定があるのはとてもありがたいなーと楽しみにしています。無くても自分でカバーできる範囲なので問題はないのですが。
いつも細かなアップデートをありがとうございます!直近の画像参照とかとても便利でした!
にしし様、5675様、ありがとうございます。
アドバイスを読みながらCSS編集を試してみたいと思います。
てがろぐカスタマイズとは直接関係がなかった質問にも丁寧に答えてくださり感謝です。
※背中お大事になさってください
背筋を伸ばして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)が叶うのではないかな……? と思ったのですが、そうでもないですか?^^;
(なぜ質問したかというと、「てがろぐ側の機能として共有ボタン表示機能を作る」よりも「投稿直後に投稿単独ページを表示する機能を作る」方が圧倒的に簡単ですぐに実装できるからです。前者の場合は「気長にお待ち下さい」と言うしかないですが、後者の場合はわりと早く作れそうなので。)
にししさん、お返事ありがとうございます。
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画像をセンタリング(中央寄せ)で表示させるにはどうしたら良いでしょうか?
通常時は文字も画像も左寄せで表示されますが、画像のみ中央に配置したいです。
カスタマイズのページに一通り目を通したのですが該当の説明を見つけられず……。
お時間のある時にご回答いただけますと幸いです。
日記とメモに使ってるんですけど物忘れ激しくて結構頻繁に固定したい投稿が変わるのでワンクリックで手軽にやれたら嬉しいです
🍕Re:5669◆ご要望をありがとうございます。記事を投稿した後に共有ボタンを表示するとすると、掲載場所はどこでしょうかね……? システム設定で「投稿や編集直後の動作(移動先)」項目を『投稿結果のステータス画面』に設定してお使いでしょうか?(下図黄色矢印) だとすると、下図の緑色矢印部分あたりに共有ボタンが出てくると望ましい感じですかね?


また、各記事ごとの共有ボタンは、スキンのカスタマイズでは対処できない部分(例えば投稿単独ページの下部にデフォルトで表示される「ユーティリティリンク枠」の中とか)に出てきて欲しい感じですかね?
もしそうではなく、各本文の前後などの「スキン側でどうにかできる箇所」で良いのであれば、No.5670さんがご紹介下さっているサイト等で解説されている skin-onelog.html を編集する方法が最も早く済むと思います。
🍕Re:5670◆詳しい説明をありがとうございます。1つ教えて欲しいのですが、
「各記事ごとの各SNS上へ共有ボタン」が既にスキンに書けているのであれば、記事を投稿した直後にもその「各記事ごとの各SNS上へ共有ボタン」が見えているのではないかと思うのですが、「一度該当の記事に戻る手間」というのは、どういう状況で発生するのでしょうか?
HOME(=何も表示条件を限定していない状況)では目次のような内容しか見せず、本文は各「投稿単独ページ」に移動しないと表示されないような感じのスキンをお使いだということですかね?
もしそうだとすると、もしかして、『投稿や編集直後の動作(移動先)』(※上図の黄色矢印部分)として、現状の選択肢である
- HOME または 単独ページに戻る (※1)
- 常に「投稿結果のステータス画面」を表示 (※2)
- 常に「てがろぐHOME」へ戻る
>5670さん
記事共有リンクに関する解説記事のURLを載せていただき、ありがとうございます!
探せばてがろぐのカスタマイズ方法を載せてくださっている方はたくさんいらっしゃるんですね、とても助かります…!
私はあくまで個人サイトのブログ代わりに使用しておりますが、SNSで記事の宣伝をするのがちょっと大変だなあと思っていたので、共有ボタンが欲しいなと思っていました。
時間のある時にカスタマイズ試してみますね!
「各記事ごとの各SNS上へ共有ボタン」は原状スキンで対応しておりますが、
「記事を投稿した後に各SNS上へ共有ボタン」があれば一度該当の記事に戻る手間が削減できるなと思いました。
ただ、私はポスト内容は
「1行目(2行目) 各記事へのURL(スキンを適用している)」という状態でポストしております。
1行目はタイトル、2行目は説明文を用いているためです(スキンを適用しているのはまあ区別化のためです)。
そのため、その共有ボタンを実装するのであれば、内容もいくらかカスタマイズできるようなものだととても助かります。
(スキンを適用させるときにいろいろ苦労したので…)
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内にソースコードを追加すればなんとかなりそうな気もしますが、念のため…!
もしかしたら似たスクリプトを過去にも何度か書いているかもしれないけども。
小説を掲載しているなどで、第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 を加える書き方を使うと良いです。
>>5637 の者です。
https://www.nishishi.org/testground/tegalog/?tag=%74%3... で何も出ない、つまりURLのフラグメント部がハッシュタグと認識されてしまう現象の解消を確認しました。
早速のご対応、ありがとうございます。次のバージョンアップを楽しみにしております。
おなかいっぱいなので、食べようと思って置いてあった(既に切ってある)リンゴが入らない……。🍎🍎🍎
🍎Re:5660◆てがろぐは、ご自身で確保されたサーバに設置してお使い頂くツールですから(掲載コンテンツに対する責任はサイト運営者にしかありませんので)、てがろぐ側でコンテンツを制限する方針はありません。お使いのサーバで許可されている範囲であれば、何でもご活用下さい。
🍎Re:5661◆絶対に他者に漏れては困るようなら、必ずBASIC認証などのサーバ側で用意された認証機能をお使い下さい。てがろぐは特に堅牢なシステムではありませんので、てがろぐ側の機能で実現できるのはせいぜい「ネタバレ防止程度」だと認識頂いておく方が望ましいです。なお、ログイン者限定表示機能では、画像は最初から一切保護されていない点にもご留意下さい。(詳しくはリンク先のヘルプドキュメントに記載しています。)
ログイン者限定表示とBASIC認証だとどちらがおすすめとかありますか?
「個人サイト・法人サイト、商用サイト・非商用サイト等の種別を問わず」という記載は確認いたしましたが、コンテンツ内容については記載がないようでしたので念のために質問させていただきました。
お手数ですがご返答頂けますと幸いです。
ご要望はできるだけ詳しく背景事情も含めてお書き頂ける方が、追加で質問する手間が省けるのでありがたいです。よろしくお願いします。
🥧Re:5655◆発掘ありがとうございます。なんか似たようなスクリプトを昔にどこかで書いたよな、というような気はしていたんですが。(^_^;)
🥧Re:5656◆最も知りたかった情報はまさしくそれです。『既にてがろぐを複数設置している』・『大枠で分けるほど離れた話題でもない』という背景事情がある前提なら、「特定のカテゴリだけ下げる扱いにしたい」という希望も理解できます。
(要望には背景事情も一緒に書いてくれ……!と言っているのは、まさにこのためです。この背景事情が分からないと、他に良い方法があるのか、それともその機能がないと困るのかが分からないので、その要望を検討リストに加えるべきなのか、加えるとしたらどれくらいの優先度を付けて把握すれば良いのか、が判断ができませんので。)
「特定のカテゴリだけ下げる扱いにしたい」というご要望は過去にもありましたから、(取り下げるとのことですけども)「そういう需要はあるようだ」という理解はしておきます。(一般的にある要望なのかどうかは確かに今のところは分かりませんが。^^;)
ちなみにですが、以下の機能だとどちらがより希望に近いですかね?
- 各カテゴリの設定に「このカテゴリに属する投稿は全部『下げる』扱いにする」という設定項目がある。
- 「HOME(=何の表示条件も限定されていないページ)で表示対象外にするカテゴリID群」を一括設定する設定項目がある。
にししさん返信ありがとうございます!
教えて頂いた方法で問題ありませんので、要望はスルーして頂いて大丈夫です。
JavaScriptを使用するなど、実装して頂かなくても可能なことは意外とたくさんあるんですね🤔





