先頭固定(←ここの文字列も自由に変更可能。非表示にも設定可能)
2025年2月 この範囲を時系列順で読む この範囲をファイルに出力する
New! お世話になっております。
以前こちらにrightboxでのご回答がありましたが、fancyboxで実装を希望しています。
スキン配布側で想定した設定を仕様に反映させたほうがエラーも少なくて済むでしょうが、カスタマイズしたい人は仕様に合わせて設定を変更すると思うし……と考えていたら訳がわからなくなりました。
どうでもよくは無いですが、とりあえず仕様に合わせようの気持ちです!
私は『🔵設定で選べるようにする』が良いです。
なぜなら、個人的なお話ですが普段はPCやFTPにも触れない状態なので、てがろぐの設定画面の方が操作しやすいからです(お休みの時くらいしか触れないんですよねぇ……)。あと個人的にスマホのFTPアプリは検証で確認ができないからか触りにくいです。あとで「ああした方が良かった!」というときにサッと触って訂正できるのは本当にとても楽です。
しかしながら、最近はスキンを配布しているサイトも増えたように見えます。
配布元によって配布元が想定している数字(=スキンの指定数)でなければデザインが崩れてしまう可能性もあります。
したがって設定で選べたら良いかと思います。
したがって設定で選べたら良いなと思いました。よろしくお願いします
『カテゴリごとに1ページあたりの表示件数を設定している』状況で、『そのとき適用されているスキン側にも1ページあたりの表示件数が指定されている』場合には、どうなって欲しいですか?(笑)
🔴スキン側の記述は無視して、カテゴリ側の指定数を採用する
🟡カテゴリ側の設定は無視して、スキン側の指定数を採用する
🔵設定で選べるようにする
🟢どうでもいい
まあたぶん、この場合だと「🟡」だろうな、とは思うのですけども。スキン側で表示数が指定されているなら、その表示数でないと困るスキンなのでしょうし。
なお、他の選択肢の方が望ましい理由がありましたらここでお知らせ下さい。^^;
🍘Re:4981◆アンケート回答ありがとうございます。「細やかなところまで考えて」というか、実装するからには考えざるを得ないわけです。^^; 実際にどう出力すれば良いのかを判断しないと出力ができませんから。^^;
ご要望もありがとうございます。作るとしたら、単独で使えるスクリプトにしようと思っています。その上で、てがろぐのアドオンとして動作する場合には、てがろぐ側のログイン情報を使って、管理画面からアクセスできるような感じにできると良いな……とは思っています。実際にできるかどうかは今の段階では分かりませんが。^^;
🍘Re:4983◆すみません、自分で実際にてがろぐ上で実験してみて気付きました。先のソースでは要素名を小文字で書いていたので認識されませんね。┌(:3」└)┐ 大文字で書く必要がありました。あと、そこを修正しても、右クリックは阻止できるのですが、「a要素に対して発生するドラッグ」でも画像をコピーできるのでドラッグは阻止できていませんでした。
以下のソースなら、画像がリンクになっている場合でもドラッグを阻止できます。(てがろぐ標準スキン上で実験済み)
['contextmenu', 'dragstart'].forEach(eventType => {
document.addEventListener(eventType, function(event) {
if(['IMG', 'A'].includes(event.target.tagName)) {
event.preventDefault();
}
});
});
もし、img要素やa要素以外も対象にしたい場合は、要素名の配列の部分( ['IMG', 'A'] の部分)に好きなだけ足すと良いです。お試し下さい。
入れてみましたがダメでした…。もう少し調べてみます。
>>4968,4972
のいいねボタンの件ですが、にししさんが仰る通りてがろぐ専用というわけでなく汎用できるスクリプトだといいなと思います
現在はてきとーのーとさんのリアクションボタンをサイトにつけるやつ
https://note.com/tekito_note/n/nb725d657861a
を利用させていただいていますが、
にししさんが作られるのならてがろぐと連携(?)するとてがろぐの管理画面で
- いいねボタンに使う絵文字や画像を設定できたり
- もらったいいねボタンの統計を確認できたり
- 記事投稿の際にいいねボタンをつける・つけないを選べたり
などが出来たらいいなぁと思います。
お忙しい中てがろぐ・さんごよみの開発もされてるのでまだ先の話になるかとは思いますが一応希望を出しておこうと思いまして…😋
>>4979
画像の操作抑制はCSSでもできるようです。
https://10prs.com/tegalog-cms/?cat=memo&postid=250
ご参考になれば幸いです。
🍵Re:4974,4976,4977◆アンケート回答ありがとうございます!
🍵Re:4978◆個包装のまま投げるんですね。^^;
🍵Re:4979◆調べて下さってありがとうございます。Pawooの仕様が標準なのかどうかが分からなかったもので。
画像の右クリックとドラッグを阻止するなら、以下のJavaScriptでどうですか?
['contextmenu', 'dragstart'].forEach(eventType => {
document.addEventListener(eventType, function(event) {
if(event.target.tagName === 'IMG') {
event.preventDefault();
}
});
});
➡(追記)このソースでは不十分でした。>>4984 に、使えるソースを再掲していますので、そちらをご覧下さい。
当方知識もないため検索で探してみたのですが、うまく引っかからなかったためAIに聞いてみましたところ、にしし様の仰っている方法で問題ないのではと考えます(自分も同じ考えでした)。埋め込み関連に独自の機能を実装しているインスタンスのほうが少ないかと思うんですよね…どうでしょう😅
ここでもう一つ要望をさせてください💦
画像の持ち帰りを抑止しようとJavaを組み込むなどしてカスタマイズを試みているのですが、imgタグへの干渉が難しく、ギャラリースキンへの実装がどうしてもできません。絵描きさんも利用されている方が多いですから、画像の右クリックやドラッグ防止で十分ですので、デフォルトでの実装(画像一覧スキンやギャラリースキンといった画像表示をさせるスキン)を検討いただけますと助かります。
私は2000年代の生まれですが、家でも豆まきをしていました👹 玄関のドアをちょっと開けて、個包装(ちょっと入ってるやつ)になってる豆をそのまま投げて、あとで回収して袋から出して食べる……みたいな感じです。それでも小学生の頃まででしたね……。今はやってないです。
クラス「embeddedpictbox」を「[PICT:http://~]」に適用する方法について、お忙しい中ご回答いただきありがとうございます。
私のてがろぐではimagelinkを使用していないため、にしし様のChatGPTへのご質問を引用・改変して自分の方で質問してみたところ、解決できました。
アンケートも回答させていただきました。
他の要望も記載する箇所がありましたので要望書かせていただきました。よろしくお願いします〜
CMS的な運用をしているため、実装して頂けると助かります。
2025年1月 この範囲を時系列順で読む この範囲をファイルに出力する
5問+αだけですので、カテゴリ周りの機能にご要望がある方はご協力頂ければ幸いです。
🧇Re:4967◆そのように設定する方法は用意していないのですが、『embeddedimageクラスに囲まれていない画像の外側に、JavaScriptでembeddedimageクラスを追加する』方法はあります。この方法を使えば、[PICT:~ 記法で書かれていても、[PICT:FIG:~ 記法で書かれたのと同じように装飾できます。
具体的な方法は、私がChatGPTに質問した結果に分かりやすく解説されていますのでご参照下さい。試してはいませんが、ここで提示されているJavaScriptソースを <script>~</script> に書けば済むと思います。
🧇Re:4968◆反応ありがとうございます。あのFanbox投稿に対する反応は、あなたが第1号です。(笑) あまりにも反応がないので、需要がないのかな、と思いつつありました。「てがろぐと組み合わせて使うことを考慮しつつ、単独でも使える、汎用いいねPHP」みたいな感じで作ろうかな……と今のところなんとなく思ってはいます。
🧇Re:4969◆ご要望をありがとうございます。将来的には、PDFとかZIPとかを添付ファイル的にUPできる機能を作りたいな、と思っていまして、その際にMP3やMP4もUPして表示できるようにできると良いかな……と今のところは考えています。気長にお待ち頂ければ幸いです。
🧇Re:4970◆Mastodonが提供されているドメインは多々ありますが、埋め込み用に読み込むべきスクリプトは「必ずサイト最上階層に存在する embed.js というファイル名のスクリプト」と決め打ちで考えて良いんでしょうかね……?(Pawooなら https://pawoo.net/embed.js なんですが。) そこを決め打ちで問題ない仕様なら、Mastodonの埋め込みもできるとは思うのですけども。
要望です:Mastodonのトゥート引用にも対応していただけたらなーと思いました。
現在有志様のブログカード機能を使っていて、URLを貼ると自動でカード化されるのですが、Mastodonのトゥートを引用するとぺしゃんこになってしまうのです。
最近はXからMastodonに移行気味なため「リンク」の機能に追加していただけるとありがたいです。
>たぶん、ボタンは1種類ではない方が良いでしょうね?「🍘🍙🍔🥞🍩🍮🍫」とか欲しいだけ並べて、どれでも好きなボタンを押してもらうようにもできるとか。
これ、凄く欲しい機能ででも公式にはないので自分でなんとかできないかなと思案していたところだったので是非実装されて欲しいなーと思います、公式にある機能である方が脆弱性等への懸念も減りますし…
前向きに検討してもらえると嬉しいです
投稿欄で「任意画像を挿入」を押したとき、「[PICT:http://~]」が本文に挿入されますが、こちらを「[PICT:FIG:http://~]」に変更する方法はございますでしょうか。
CSSの「embeddedimage」のクラスを編集するだけではきれいに反映されないレイアウトがあり、クラス「embeddedpictbox」を任意画像にも設定したいです。
🍊Re:4962◆もしかして、ドメインの設定は以下のような構成になっているのでしょうか?
さくらサーバー/www/ ← hogehoge.sakura.ne.jp でアクセスできる
┣ wordpress ← www.example.com でアクセスできる
└ 任意のフォルダ名 ← hogehoge.example.com でアクセスできる
つまり、WordPressとてがろぐは別のサブドメインですか?
そもそも、てがろぐ自体は今どのような構造のURLで見えているのでしょう?
- 例1: www.example.com/tegalog/ なのか
- 例2: www.example.com/何らかのフォルダ/tegalog/ なのか
- 例3: sub.example.com/ なのか
もうちょっと、実際のサーバがどうなっているのかの情報を開示して頂く必要があります。隠されている情報を推測するにも限界がありますので。(一番良いのは、本当のURLを書いて下さることです。)
とりあえず、favicon.icoのURLにブラウザでアクセスしてみて下さい。それでfaviconの画像が見えるなら問題ありませんが、Not Foundになるなら「設置した位置がおかしい」か「URLがおかしい」かのどちらかです。
まず、そこ(=faviconを単独で見ることができるのかどうか)を確認する必要があります。
faviconでは分かりにくいようなら、sakura.jpg とか適当な画像を使って favicon.ico と同じ位置に置いてみて下さい。そして、その画像のURLにブラウザでアクセスして画像を表示させて下さい。そのURL末尾の sakura.jpg を favicon.ico に変えれば、それが「faviconのURL」になりますよね。そのURLをlink要素に書いていますか?
※「最も浅い位置」について補足ですが、てがろぐを設置しているドメインが hoge.example.com だとして、もしfaviconが https://hoge.example.com/favicon.ico の位置に見えるのであれば、HTML側には何も書かなくても認識されます。サーバ内のディレクトリ構造での「最も浅い位置」である必要はなくて、「ディレクトリを含まないURL」で見えることが条件ですから。
🍊Re:4965◆ありがとうございます! 今年もてがろぐをご愛用頂ければ幸いです!(╹◡╹)ノ
ひとことログによるとお体あまり調子が良くないようなのでご無理なさらず…!
┣ wordpress
└ 任意のフォルダ名
└ tegalog
└ tegalog.cgi
└ favicon.ico
└ .png
だとしたらファビコンのURLはhttps://サイトURL/任意のフォルダ名/tegalog/favicon.icoになると思います
そのURLでアクセスしてみてファビコンが表示されたらskin-cover.htmlの</head>直前あたりに<link rel="icon" href="https://サイトURL/任意のフォルダ名/tegalog/favicon.ico">と書いてみたらいいかもしれません。
それかてがろぐディレクトリにファビコンを置いてるなら<link rel="icon" href="[[PATH:CGIDIR]]favicon.ico">でもいいのかも…
4952です。
わざわざ調べていただいてありがとうございます!
確認しますと、コンテンツキャッシュ項目の中にリセットボタンがなかったので、キャッシュ機能自体が恐らく元からオフになっていたようです。
解決はできませんでしたが、親切にしていただいてありがとうございました…!😭
>>4959さん、>>4960さん、にししさん
ご回答ありがとうございます。
当初はlink要素を書かず、cgiと同じ階層にfavicon.icoをおいてみたのですが表示されず、その後skin-cover.htmlにlink要素を記載(do様で紹介されているコード+絶対パスで記載)したのですが、表示されず…という状況で、4959の質問をさせていただきました。
pngを用意していなかったので、4960さんのご回答を参考にpngの追加とlink〜の追記を行ってみたのですが、こちらも反映されずでした。
原因かどうかわからないのでお聞きしたいのですが、自サイトはwordpressをインストールしており、ディレクトリの構成が以下のようになっています。
さくらサーバー/www/
┣ wordpress
└ 任意のフォルダ名
└ tegalog
└ tegalog.cgi
└ favicon.ico
└ .png
にししさんのおっしゃる「もっとも浅い階層」というのに当てはまらない状態だと思うのですが、これが原因という可能性もありそうでしょうか。
🍪Re:4958◆No.4959さんの通りなので私から補足することはあんまりないですが。faviconはブラウザ側の機能なので、てがろぐはもちろん、どんなツールを使っていても常に使えます。当サイトにもfaviconが適用されています。
お使いのドメインの最も浅い位置に favicon.ico のファイル名で置くなら、ブラウザが勝手に探してくれるのでHTML側には何も書かなくても認識されます。
例えば https://www.nishishi.org/favicon.ico の位置にfaviconがあれば、www.nishishi.orgドメインに存在するすべてのページでそのfaviconが表示されます。
今ご覧になっているページのソースを見ると分かりますが、ここで使っているスキンには、faviconの位置は書いていません。それでもブラウザのタブにはfaviconが見えているでしょう。それは、既定の位置に既定のファイル名で置いてあるため、ブラウザが勝手に見つけてくれているからです。
ドメインの最も浅い位置というのは、たとえば www.example.com なら https://www.example.com/favicon.ico でアクセスできる位置のことです。他のディレクトリに置くと(自動では)認識されません。(No.4959さんのように、faviconの位置をlink要素で明示するなら他の場所に置いても良いですが。link要素を書く場合、記述が間違っていたらいつまで経っても望みの表示にならない可能性がある点に注意して下さい。お勧めはHTML側には何も書かずに、ドメインの最も浅い位置に favicon.ico のファイル名で置くことです。)
※iPhoneやiPad向けにapple-touch-iconも置きたい場合は、No.4959さんご提示のように専用のlink要素を書く必要があります。
なお、faviconの存在は毎回確認されるわけではなく、一定期間はキャッシュされます(※『faviconがない』という状態も一定期間記憶されます)ので、反映されるまでに時間がかかることがあります。[Ctrl]+[F5]でスーパーリロードするか、またはブラウザのキャッシュを消せば、次にアクセスしたときに読みに行ってくれるとは思いますが。
🍪Re:4959◆サポートありがとうございます。(╹◡╹)ノ なお、リンクにせずにURLを書きたい場合(ソース内にURLが出てくる際など)は、自動でリンクにはならないURLを一時的に書きたい場合の書き方もあります。
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