てがろぐ - Fumy Otegaru Memo Logger -
2025年7月27日(日) 13:55:53〔3日前〕 更新
■No.4798, No.4797, No.4796, No.4794, No.4793, No.4792, No.4791［7件］ （ 7 件 ）
■フリースペース： 編集
ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》
■日付検索：
■全文検索：
〔96文字〕 編集
2024/11/05 (Tue)
20:58:50
No.4796
by
にしし
〔266日前〕
あと2時間後くらいには寝たい……！（明日は朝が早いので）
🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。
※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign">と</span> はどんな場合でも常に出力されますから。
なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、# と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目：]欄にある『「#」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。（※デフォルトではOFFですが、ここの動作試験場ではONになっています。）
🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。
※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign">と</span> はどんな場合でも常に出力されますから。
なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、# と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目：]欄にある『「#」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。（※デフォルトではOFFですが、ここの動作試験場ではONになっています。）
〔450文字〕 編集
2024/11/05 (Tue)
20:14:30
No.4794
by
さくら
〔266日前〕
いつもお世話になっております！
以前から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
よろしくお願いいたします！！
〔69文字〕 編集
2024/11/05 (Tue)
11:37:08
No.4793
by
あどみ
〔267日前〕
>>4791 後ほどコメントアウト部分をimagettfbboxの直前に記述するよう修正します。こちらこそ使用と報告ありがとうございます。
〔74文字〕 編集
〔765文字〕 編集
2024/11/04 (Mon)
18:05:19
No.4791
by
あどみ
〔268日前〕
>>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.で更に使いやすくなりました！この度は本当にありがとうございます！
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。