てがろぐ
- Fumy Otegaru Memo Logger -
カテゴリ「カテゴリなし」の投稿［3883件］（11ページ目）
いつもお世話になっております。
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。
いつもお世話になっております！
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
（上記以外のモード、例えば「cat=」などのソートでは出現しません）
🟢HTMLコード
<span class="newsign">[[NEW]]</span>
🟢CSS（＃を半角にするとリンクが付いてしまうので一旦全角にしています）
.newsign {
position: absolute;
left: 0;
top: 0;
padding: 5px 10px;
color: ＃fff;
background: ＃f27744;
}
一応画像も添付します
（オレンジ色の部分が該当場所です）
不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします！！
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
（上記以外のモード、例えば「cat=」などのソートでは出現しません）
🟢HTMLコード
<span class="newsign">[[NEW]]</span>
🟢CSS（＃を半角にするとリンクが付いてしまうので一旦全角にしています）
.newsign {
position: absolute;
left: 0;
top: 0;
padding: 5px 10px;
color: ＃fff;
background: ＃f27744;
}
一応画像も添付します
（オレンジ色の部分が該当場所です）
不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします！！
>>4791 後ほどコメントアウト部分をimagettfbboxの直前に記述するよう修正します。こちらこそ使用と報告ありがとうございます。
>>4790さん滅茶苦茶天才
急な対応がもし出たとしても十分余裕を持って行動できるの最高すぎます。
原稿回収する人からすればとても助かると思いますよ
急な対応がもし出たとしても十分余裕を持って行動できるの最高すぎます。
原稿回収する人からすればとても助かると思いますよ
>>4789 素早いご対応ありがとうございます
11/4の最新ver.をダウンロードし、下記のようにコメントアウトを書き換えて使用させて頂きました
function addTextAreaToImage($filePath, $text) {
$fontFile = 'Mplus1-Regular.ttf'; //使用するフォントファイル
//文字化けする場合、以下のどちらかを試してみてください。(//を消してください。)
// $text = mb_convert_encoding($text, 'UTF-8', 'auto');
$text = mb_convert_encoding($text, 'SJIS', 'auto');
すると文字の合成自体が行われなかったので、当方のChatGPTのログを確認しましたら
とありましたので、エンコードに関する記述をimagettfbboxの直前に変更しました
$text = mb_convert_encoding($text, 'SJIS', 'auto');
$bbox = imagettfbbox($fontSize, 0, $fontFile, $text);
$textWidth = $bbox[2] - $bbox[0];
$xPosition = $imageWidth - $textWidth - 20;
$yPosition = $imageHeight - 20;
$outlineOffset = 1;
以上で正常に動いたことを確認できました
>>4788 にて情報不足な報告をしてしまい大変申し訳ございませんでした
最新ver.で更に使いやすくなりました！この度は本当にありがとうございます！
11/4の最新ver.をダウンロードし、下記のようにコメントアウトを書き換えて使用させて頂きました
function addTextAreaToImage($filePath, $text) {
$fontFile = 'Mplus1-Regular.ttf'; //使用するフォントファイル
//文字化けする場合、以下のどちらかを試してみてください。(//を消してください。)
// $text = mb_convert_encoding($text, 'UTF-8', 'auto');
$text = mb_convert_encoding($text, 'SJIS', 'auto');
すると文字の合成自体が行われなかったので、当方のChatGPTのログを確認しましたら
とありましたので、エンコードに関する記述をimagettfbboxの直前に変更しました
$text = mb_convert_encoding($text, 'SJIS', 'auto');
$bbox = imagettfbbox($fontSize, 0, $fontFile, $text);
$textWidth = $bbox[2] - $bbox[0];
$xPosition = $imageWidth - $textWidth - 20;
$yPosition = $imageHeight - 20;
$outlineOffset = 1;
以上で正常に動いたことを確認できました
>>4788 にて情報不足な報告をしてしまい大変申し訳ございませんでした
最新ver.で更に使いやすくなりました！この度は本当にありがとうございます！
>>4784 さん、便利なツールをありがとうございます！
note登録してないためコメントできずこの場をお借りして申し訳ありません
>>4787 にししさんがおっしゃる通りブラウザがfirefoxだとZIPのダウンロード時に警告が出ますね（おま環だと思ったので自分だけじゃなくてちょびっと安心）
また、画像と文字を合成する場合、日本語部分が文字化けするので有志によるてがろぐプラグイン「D＆Dまたはコピペで画像投稿するやつ 」試してみました こちらとChatGPTを参照にupload.phpに下記を付け加えたらうまくいったのでご報告します
// 日本語エンコードに対応
$text = mb_convert_encoding($text, 'SJIS', 'auto');
note登録してないためコメントできずこの場をお借りして申し訳ありません
>>4787 にししさんがおっしゃる通りブラウザがfirefoxだとZIPのダウンロード時に警告が出ますね（おま環だと思ったので自分だけじゃなくてちょびっと安心）
また、画像と文字を合成する場合、日本語部分が文字化けするので有志によるてがろぐプラグイン「D＆Dまたはコピペで画像投稿するやつ 」試してみました こちらとChatGPTを参照にupload.phpに下記を付け加えたらうまくいったのでご報告します
// 日本語エンコードに対応
$text = mb_convert_encoding($text, 'SJIS', 'auto');
>>4772 Ⓑ-③-㋐か㋑だとありがたいです。自分は過去記事を頻繁に更新することがあるので【yyyy/mm/dd：記事修正】等の表示のときにタイムスタンプをボタン一つで記事内に挿入したい・手間を減らしたい気持ちがあります。
こんばんは。
Ver 4.4.4βにアップデートして自由装飾ボタンを試してみたのですが、従来の装飾機能と異なり入れ子は出来ない仕様でしょうか？仕様なのかバグなのか自分では判断できないので、念のためお伝えします。
これまでのもの
[F:クラス名①:[F:クラス名②:本文]]
入れ子の装飾も適用される
4.4.4の自由装飾
[1:クラス名①:[1:クラス名②:本文]]
入れ子にならない。出力されたhtmlソースを見ると、クラス名①が本来のタグ内に収まらずテキストデータとして出力されている
<span class="decoration1">クラス名①:<span class="decoration1 deco-クラス名②">本文</span></span>
以上よろしくお願いします
Ver 4.4.4βにアップデートして自由装飾ボタンを試してみたのですが、従来の装飾機能と異なり入れ子は出来ない仕様でしょうか？仕様なのかバグなのか自分では判断できないので、念のためお伝えします。
これまでのもの
[F:クラス名①:[F:クラス名②:本文]]
入れ子の装飾も適用される
4.4.4の自由装飾
[1:クラス名①:[1:クラス名②:本文]]
入れ子にならない。出力されたhtmlソースを見ると、クラス名①が本来のタグ内に収まらずテキストデータとして出力されている
<span class="decoration1">クラス名①:<span class="decoration1 deco-クラス名②">本文</span></span>
以上よろしくお願いします
https://note.com/tekito_note/n/nbdf0de9b571b?sub_rt=sh...
「てがろぐでD＆Dまたはコピペで画像投稿するやつ」に・複数画像D＆D・リサイズオプション・WEBP対応、WEBP変換機能 を追加しました。まとめたZIPファイルも配布しているので、ぜひ試してみてください。
「てがろぐでD＆Dまたはコピペで画像投稿するやつ」に・複数画像D＆D・リサイズオプション・WEBP対応、WEBP変換機能 を追加しました。まとめたZIPファイルも配布しているので、ぜひ試してみてください。
>>4782 こんにちは！β版試させていただいています。
今回は要望ですが、「カテゴリなし」の該当数表示が欲しいです。（負荷などの兼ね合いでしたらすみません）
個人的に表示上のバランスからあった方がいいかなと思っただけですが…。
今回は要望ですが、「カテゴリなし」の該当数表示が欲しいです。（負荷などの兼ね合いでしたらすみません）
個人的に表示上のバランスからあった方がいいかなと思っただけですが…。
いつもお世話になっております。
>>4772の緩募についてですが、正直言って私の使い方では更新日は必要ないので
「更新日時の扱い方」にはⒹ「更新日時を記録（表示）しない」という選択項目を設けていただけると嬉しいです！
よろしくお願いいたします。
それはそれとして、どうしても更新日を記録する仕様になるのであれば
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
③は、投稿日時欄は何も変わらず、本文にコメントの形で更新日時を書いておけるようにするパターン。
㋑ 何も出力しない。
という形が折衷かなあと思っています。
一利用者の勝手な要望ですが、もしご負担でなければお時間のある折にご一考いただければ幸いです。
>>4772の緩募についてですが、正直言って私の使い方では更新日は必要ないので
「更新日時の扱い方」にはⒹ「更新日時を記録（表示）しない」という選択項目を設けていただけると嬉しいです！
よろしくお願いいたします。
それはそれとして、どうしても更新日を記録する仕様になるのであれば
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
③は、投稿日時欄は何も変わらず、本文にコメントの形で更新日時を書いておけるようにするパターン。
㋑ 何も出力しない。
という形が折衷かなあと思っています。
一利用者の勝手な要望ですが、もしご負担でなければお時間のある折にご一考いただければ幸いです。
テスト
いつもお世話になっております！
もしかしたら不具合かも？と思い、#報告 失礼します。
てがろぐver4.3.3を利用しています。
記法 [[INFO:LATESTPOSTDATE(NOWCOND)]] でカテゴリ内の最新投稿日時を表示させたとき、「下げる」に設定した投稿が反映されないようです。
カテゴリ内の最新投稿が「下げる」だった場合はその前にある下げていない投稿の投稿日時が表示され、カテゴリ内に「下げる」投稿しかない場合は何も表示されません。
用途としては、?cat=カテゴリ&mode=rss&skin=専用スキン で、RSSから投稿日時を取得してサイト内他ページに載せるというような使い方をするつもりでした。
RSSモード場合にのみ起こる現象かと思い通常モードでも試してみましたが、同様の結果になりました。
（ついでですみません）>>4772
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
① 現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
㋑ 何も出力しない。
だと自分は嬉しいです。
もしかしたら不具合かも？と思い、#報告 失礼します。
てがろぐver4.3.3を利用しています。
記法 [[INFO:LATESTPOSTDATE(NOWCOND)]] でカテゴリ内の最新投稿日時を表示させたとき、「下げる」に設定した投稿が反映されないようです。
カテゴリ内の最新投稿が「下げる」だった場合はその前にある下げていない投稿の投稿日時が表示され、カテゴリ内に「下げる」投稿しかない場合は何も表示されません。
用途としては、?cat=カテゴリ&mode=rss&skin=専用スキン で、RSSから投稿日時を取得してサイト内他ページに載せるというような使い方をするつもりでした。
RSSモード場合にのみ起こる現象かと思い通常モードでも試してみましたが、同様の結果になりました。
（ついでですみません）>>4772
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
① 現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
㋑ 何も出力しない。
だと自分は嬉しいです。
同じように画像を投稿しているのですが、altがきちんとあったり（20241029062103-admin.pngのような）、alt="(キャプション自動取得対象外)"になってるのってどういう条件で別れてるのでしょうか……？
テスト
4767です。ご検討ありがとうございます。
個人的にはですが、
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
①の、現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
㋑ 何も出力しない。
で、お願いしたいです。
ただ、色々な要望があるかと思いますので、にししさんの負担になってしまわない範囲で、自由にカスタム出来ると有難いなと思います。
個人的にはですが、
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
①の、現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
㋑ 何も出力しない。
で、お願いしたいです。
ただ、色々な要望があるかと思いますので、にししさんの負担になってしまわない範囲で、自由にカスタム出来ると有難いなと思います。
>>4772
自分は、
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
①現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
㋐(投稿日時と編集日時を同じにする)または、㋒(未編集と出す。)
自分は、
Ⓑ 更新日時は「編集した瞬間の日時」を自動で記録して欲しいが、手動で編集する機能も欲しい。
①現状の投稿日時とは別に『更新日時用の入力欄』を追加するパターン。
㋐(投稿日時と編集日時を同じにする)または、㋒(未編集と出す。)
4769
ありがとうございます。見落としていました。
無事に理想の画像一覧ページを作ることができました。
ありがとうございます。見落としていました。
無事に理想の画像一覧ページを作ることができました。
https://note.com/tekito_note/n/nbdf0de9b571b
てがろぐでD＆Dまたはコピペで画像投稿するやつに文字入れ機能と処理待ち画面を入れました。
>>4765 こちらこそ使い勝手のいいブログソフトを開発していただいて助かっています、ありがとうございます。なんやかんや弄ってる間に警告が出なくなりました。代わりにGD周りでエラーが起きますが、無視しても問題なさそうなので無視しています。
てがろぐでD＆Dまたはコピペで画像投稿するやつに文字入れ機能と処理待ち画面を入れました。
>>4765 こちらこそ使い勝手のいいブログソフトを開発していただいて助かっています、ありがとうございます。なんやかんや弄ってる間に警告が出なくなりました。代わりにGD周りでエラーが起きますが、無視しても問題なさそうなので無視しています。
>>4768
ギャラリーモードではなく画像一覧モードですか？
てがろぐをDLした時に同梱されている「skin-picts」の中に『「その画像を掲載しているすべての投稿」を見るページ(検索結果)に移動するリンク』が記述されていると思いますのでご参考になれば。ちなみに以下のような表示になっています。
https://www.nishishi.org/testground/tegalog/?mode=pict...
ギャラリーモードではなく画像一覧モードですか？
てがろぐをDLした時に同梱されている「skin-picts」の中に『「その画像を掲載しているすべての投稿」を見るページ(検索結果)に移動するリンク』が記述されていると思いますのでご参考になれば。ちなみに以下のような表示になっています。
https://www.nishishi.org/testground/tegalog/?mode=pict...
にししさんお疲れ様です。>>4763 です。
はい、「投稿の更新日時を表示」できる機能があればとても有難いです。
もしよろしければご検討をお願い致します。
はい、「投稿の更新日時を表示」できる機能があればとても有難いです。
もしよろしければご検討をお願い致します。
>>4757
「生成AIのクローラーをブロックする機能」や「画像の保存を拒否する機能」は、>>4759 さんでご紹介されているとおり、自力でrobots.txtを設置する又は検索避けのMETAタグを入れるなどの方法が確実ではないかなと思います
てがろぐを設置しているサーバーでrobots.txtの設置が難しい場合は、外部サイトになりますがXfolio にBot対策機能がありますので、イラストの展示にはそちらを利用された方がいいかもしれません
右クリックやコピー機能を無効化する方法もありますが、閲覧側がJavaScriptをオフにしていると意味がないようですので、昔から無断転載やBot対策は難しい問題ですね
「生成AIのクローラーをブロックする機能」や「画像の保存を拒否する機能」は、>>4759 さんでご紹介されているとおり、自力でrobots.txtを設置する又は検索避けのMETAタグを入れるなどの方法が確実ではないかなと思います
てがろぐを設置しているサーバーでrobots.txtの設置が難しい場合は、外部サイトになりますがXfolio にBot対策機能がありますので、イラストの展示にはそちらを利用された方がいいかもしれません
右クリックやコピー機能を無効化する方法もありますが、閲覧側がJavaScriptをオフにしていると意味がないようですので、昔から無断転載やBot対策は難しい問題ですね
要望です。
[[INFO:LASTUPDATE]]を、内側スキンでも使えるようになると有難いです（投稿日時と更新日時を両方表記したいため）。
[[INFO:LASTUPDATE]]を、内側スキンでも使えるようになると有難いです（投稿日時と更新日時を両方表記したいため）。
>>4761
教えていただいた通りで記述したらできました～！！！
長々とお付き合いくださりありがとうございます！
教えていただいた通りで記述したらできました～！！！
長々とお付き合いくださりありがとうございます！
>>4760
>>4749 です
skin-cover.htmlの</body>直前あたりに
<script>
// 一覧外フラグ付きの場合
$('.imagelink.nolisted').removeAttr("data-fancybox");
// NSFWフラグ付きの場合
$('.imagelink.nsfw').removeAttr("data-fancybox");
</script>
としてもダメですか？
お使いの画像拡大スクリプトはFancyboxですか？
もしLightbox（てがろぐデフォルト）ならば上記コード内の「data-fancybox」を「data-lightbox」にする必要があります。
>>4749 です
skin-cover.htmlの</body>直前あたりに
<script>
// 一覧外フラグ付きの場合
$('.imagelink.nolisted').removeAttr("data-fancybox");
// NSFWフラグ付きの場合
$('.imagelink.nsfw').removeAttr("data-fancybox");
</script>
としてもダメですか？
お使いの画像拡大スクリプトはFancyboxですか？
もしLightbox（てがろぐデフォルト）ならば上記コード内の「data-fancybox」を「data-lightbox」にする必要があります。
>>No.4758
お答えありがとうございます！
質問後に気づいたのですが私が適応させたいのは「一覧外」フラグの画像ではなく「NSFW」の方でしたので
一応両方適用した画像などもテストに入れつつ
$('.imagelink.nolisted').removeAttr("data-fancybox");
$('.imagelink.nolisted.nsfw').removeAttr("data-fancybox");
としてみたのですが、動かず…。
こちらの設置ミスかもしれないのでリトライします。
お忙しい中お答えいただきありがとうございました！
お答えありがとうございます！
質問後に気づいたのですが私が適応させたいのは「一覧外」フラグの画像ではなく「NSFW」の方でしたので
一応両方適用した画像などもテストに入れつつ
$('.imagelink.nolisted').removeAttr("data-fancybox");
$('.imagelink.nolisted.nsfw').removeAttr("data-fancybox");
としてみたのですが、動かず…。
こちらの設置ミスかもしれないのでリトライします。
お忙しい中お答えいただきありがとうございました！
>>4757
ご存知だったらすみません、doさんの「生成AIに作品を学習されたくない！個人サイト展示物をAI学習から保護する方法」 が参考になりますのでぜひ。
こういう手間を無くしたい！という趣旨の投稿かも…とも思いましたが念の為、差し出がましくすみません…。
画像の保存拒否については古からの方法ですが右クリック禁止ロングタップ禁止あたりが一応の対策になるのかも？
時流的に心配なところですよね…。
ご存知だったらすみません、doさんの「生成AIに作品を学習されたくない！個人サイト展示物をAI学習から保護する方法」 が参考になりますのでぜひ。
こういう手間を無くしたい！という趣旨の投稿かも…とも思いましたが念の為、差し出がましくすみません…。
画像の保存拒否については古からの方法ですが右クリック禁止ロングタップ禁止あたりが一応の対策になるのかも？
時流的に心配なところですよね…。
>>4754
私も知識が少ないため、間違っていたら申し訳ないのですが、
1．テキストファイルを作って、
2.ギャリーモードのskin-cover.htmlに、1のスクリプトのリンクを貼る。
で、大丈夫かなと思います。
私も知識が少ないため、間違っていたら申し訳ないのですが、
1．テキストファイルを作って、
$('.imagelink.nolisted').removeAttr("data-fancybox");と記述し、ファイルの拡張子をjsに変更する。
2.ギャリーモードのskin-cover.htmlに、1のスクリプトのリンクを貼る。
で、大丈夫かなと思います。
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
