2023年2月 この範囲を時系列順で読む この範囲をファイルに出力する
いつもお世話になっております。最近では細かい機能が追加されていって、ますます便利になっているのを感じます。
一点だけ気になるところがあります。
画像にNSFWフラグが付加されていても、RSSでは普通に見えてしまっているところです。出力されたソースを見る限り、nsfwのclassは出力されていますが、RSSではclassを使ったCSSの記述が難しいため、画像の差し替えをできるようにしていただきたいです。よろしくお願いいたします。
（今どきはRSSなんて使う人が少なくなりましたよね……。私はSNSを始めた今でも現役でバリバリ使っていますが。てがろぐはRSS出力機能が標準搭載されていて、てがろぐを使っている他の方の投稿も、気軽に追うことができて本当にありがたいです。）
一点だけ気になるところがあります。
画像にNSFWフラグが付加されていても、RSSでは普通に見えてしまっているところです。出力されたソースを見る限り、nsfwのclassは出力されていますが、RSSではclassを使ったCSSの記述が難しいため、画像の差し替えをできるようにしていただきたいです。よろしくお願いいたします。
（今どきはRSSなんて使う人が少なくなりましたよね……。私はSNSを始めた今でも現役でバリバリ使っていますが。てがろぐはRSS出力機能が標準搭載されていて、てがろぐを使っている他の方の投稿も、気軽に追うことができて本当にありがたいです。）
いつの間に2月になったの……。┌(:3」└)┐
🍵Re:3447◆ご要望ありがとうございます。たしかに、2つ並んでいるととっさにどっちをコピーすれば良いのか判断しにくい部分はある気はしていました。^^; ご要望を元にもうちょっと何か考えてみます。
🍵Re:3447◆ご要望ありがとうございます。たしかに、2つ並んでいるととっさにどっちをコピーすれば良いのか判断しにくい部分はある気はしていました。^^; ご要望を元にもうちょっと何か考えてみます。
投稿本文内にある1枚目の画像にNSFWフラグが付加されていたとき、OGP（og:image）では代替画像に差し替わって表示される設定の動作テスト用投稿。（※まだ配布していない Ver 3.9.1 の機能）
フラグのテスト 
NSFWテスト 
NSFWフラグ付与の例
→ 表示例
→ 表示例
- 設定画面で「代替画像」を登録した場合にはそれがog:imageに使われます。
- 代替画像の登録がない場合は、「共通画像」がog:imageに使われます。
- 共通画像の登録もない場合は、「デフォルトの共通画像」が使われます。
新着画像リストでも、NSFWフラグが付加された画像の「ぼかし」が枠からはみ出ないようになった Ver 3.9.1(未配布) の動作テスト。
新着画像リストに掲載される物体（投稿された画像の表示形態がどうかに関係なく、「NO IMAGEダミー画像」も含めてリスト内に表示される全部の）各々を <span class="imagelistitem">～</span> で囲むようにしました。
（今のバージョンでもCSSを工夫すればどうにかなりますけども、3.9.1ではもうちょっと装飾しやすいHTML構造になったと思います。^^;）
新着画像リストに掲載される物体（投稿された画像の表示形態がどうかに関係なく、「NO IMAGEダミー画像」も含めてリスト内に表示される全部の）各々を <span class="imagelistitem">～</span> で囲むようにしました。
（今のバージョンでもCSSを工夫すればどうにかなりますけども、3.9.1ではもうちょっと装飾しやすいHTML構造になったと思います。^^;）
もう２月４日って、どういう冗談なんだ。まだ11月63日くらいじゃなかったのか。
恵方巻きを食べました。いや、どうかな。恵方巻きなのかな……？ 今日食べる巻き寿司は全部「恵方巻き」という解釈で良い？^^;
🧀Re:3441◆doさんのサイトで配布されているテンプレートと合体させて使うタイプのスキン第2弾ですね！ ユーザさんの選択肢の幅が広がるのはありがたいです。(╹◡╹)
🧀Re:3442◆てがろぐのご活用をどうもありがとうございます。ご要望もありがとうございます。たしかに、現在の仕様だと埋め込む動画のURL内に再生開始位置の指定があっても（パラメータは全部破棄するので）0秒時点からの再生にしかなりませんね。今のバージョンでは対処方法がないのですが、今後のバージョンでサポートできるようにします。気長にお待ち頂ければ幸いです。
🧀Re:3441◆doさんのサイトで配布されているテンプレートと合体させて使うタイプのスキン第2弾ですね！ ユーザさんの選択肢の幅が広がるのはありがたいです。(╹◡╹)
🧀Re:3442◆てがろぐのご活用をどうもありがとうございます。ご要望もありがとうございます。たしかに、現在の仕様だと埋め込む動画のURL内に再生開始位置の指定があっても（パラメータは全部破棄するので）0秒時点からの再生にしかなりませんね。今のバージョンでは対処方法がないのですが、今後のバージョンでサポートできるようにします。気長にお待ち頂ければ幸いです。
いつも、てがろぐを有効利用させていただいています。ありがとうございます。
質問があります。
youtubeの埋め込み機能で、時間を指定して途中から再生することは可能でしょうか。
もし不可能でしたら、よろしかったらリクエストの一つとして憶えておいていただけたら幸いです。
よろしくお願いいたします。
質問があります。
youtubeの埋め込み機能で、時間を指定して途中から再生することは可能でしょうか。
もし不可能でしたら、よろしかったらリクエストの一つとして憶えておいていただけたら幸いです。
よろしくお願いいたします。
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
2023年1月 この範囲を時系列順で読む この範囲をファイルに出力する
ご報告に感謝致します。
🧀Re:3438◆なるほど、スペースが2つ入っていましたか……。もしかして『画像リンクに独自のclass属性値を追加』にチェックが入っていて、なおかつ直下の「class=" "」の入力欄は空っぽになっていたりしないでしょうか？（下図の緑色矢印の先です。その条件だと、こちらでも不具合が再現しました。）その場合、『画像リンクに独自のclass属性値を追加』のチェックをOFFにすると解決すると思います。
緑色矢印の先が空欄で、その直上のチェックボックスがONのとき
画像をリンクにするa要素部分は、正確には <a class="● ▲ ■" ～> のように3種類のclass名が出力されるようになっています。●はimagelink固定で必ず含まれます。▲は『画像リンクに独自のclass属性値を追加』のチェックがONの時に限って直下のテキスト入力欄に設定された文字列が出力されます。■には画像に付加されたフラグがある場合に限ってフラグに対応する文字列(nsfwやnolisted)が出力されます。なので、●は必ず出力されますが、▲と■は状況によって出力されたりされなかったりします。
このとき、『画像リンクに独自のclass属性値を追加』にチェックが入っている状態で、直下のテキスト入力欄が空っぽだと、● ▲ ■ の「▲」が0文字になるため、たしかに空白が2つ連続で挿入されてしまいます。通常のHTMLならそうなっても問題ありませんが、別の設定項目『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』がONの場合（※デフォルトでONです）には、連続する2つ以上の空白が という文字実体参照に変換される機能が働いてしまって（本当は働いてはいけないのですが）、それが悪影響を及ぼしてしまうのだと分かりました。(^_^;;;
ううーん、そんな問題があったとは……。今までは（画像フラグの実装前までは）ここに2種類のclassしか入らなかったので、空白が2つ以上連続する状況があり得なかったから問題なかったのでしょうね。次のバージョンで仕様を修正します。畳む
とりあえず今のバージョンでは、
🍩解決策1：『画像リンクに独自のclass属性値を追加』のチェックをOFFにする。
🍩解決策2：『画像リンクに独自のclass属性値を追加』直下のテキスト入力欄に半角英数字を1文字以上書く。
🍩解決策3：『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』のチェックをOFFにする。
……のどれかで解決はできます。（どれか1つだけで大丈夫です。）
ご報告をどうもありがとうございました！
これも絶対に誰かから報告されないと気付かなかったでしょうね……。(^_^;;; 「スペースが2つ入っていた」という情報が重要なヒントになりました。ありがとうございます。
🧀Re:3438◆なるほど、スペースが2つ入っていましたか……。もしかして『画像リンクに独自のclass属性値を追加』にチェックが入っていて、なおかつ直下の「class=" "」の入力欄は空っぽになっていたりしないでしょうか？（下図の緑色矢印の先です。その条件だと、こちらでも不具合が再現しました。）その場合、『画像リンクに独自のclass属性値を追加』のチェックをOFFにすると解決すると思います。
画像をリンクにするa要素部分は、正確には <a class="● ▲ ■" ～> のように3種類のclass名が出力されるようになっています。●はimagelink固定で必ず含まれます。▲は『画像リンクに独自のclass属性値を追加』のチェックがONの時に限って直下のテキスト入力欄に設定された文字列が出力されます。■には画像に付加されたフラグがある場合に限ってフラグに対応する文字列(nsfwやnolisted)が出力されます。なので、●は必ず出力されますが、▲と■は状況によって出力されたりされなかったりします。
このとき、『画像リンクに独自のclass属性値を追加』にチェックが入っている状態で、直下のテキスト入力欄が空っぽだと、● ▲ ■ の「▲」が0文字になるため、たしかに空白が2つ連続で挿入されてしまいます。通常のHTMLならそうなっても問題ありませんが、別の設定項目『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』がONの場合（※デフォルトでONです）には、連続する2つ以上の空白が という文字実体参照に変換される機能が働いてしまって（本当は働いてはいけないのですが）、それが悪影響を及ぼしてしまうのだと分かりました。(^_^;;;
ううーん、そんな問題があったとは……。今までは（画像フラグの実装前までは）ここに2種類のclassしか入らなかったので、空白が2つ以上連続する状況があり得なかったから問題なかったのでしょうね。次のバージョンで仕様を修正します。畳む
とりあえず今のバージョンでは、
🍩解決策1：『画像リンクに独自のclass属性値を追加』のチェックをOFFにする。
🍩解決策2：『画像リンクに独自のclass属性値を追加』直下のテキスト入力欄に半角英数字を1文字以上書く。
🍩解決策3：『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』のチェックをOFFにする。
……のどれかで解決はできます。（どれか1つだけで大丈夫です。）
ご報告をどうもありがとうございました！
これも絶対に誰かから報告されないと気付かなかったでしょうね……。(^_^;;; 「スペースが2つ入っていた」という情報が重要なヒントになりました。ありがとうございます。
安倍川餅を食べました。昼に。
🍵Re:3434◆4300行目にある引用符に囲まれた半角スペースは必要なもの（＝消すと正しく動作しなくなるもの）です。どんな問題が発生していますか？ おそらくぼかしがうまくいかない原因は別の所にあると思います。
この4300行目にある $userclass = ' ' . &fcts::forsafety( $setdat{'imageclass'} ); の引用符内の空白を消してしまうと、以下のような出力になってしまいます。
【背景】画像を原寸画像へのリンクにする設定の場合、画像は <a class="imagelink" ～> というaタグで囲まれる形で出力されます。
【設定】画像拡大スクリプト関連の設定項目に『画像リンクに独自のclass属性値を追加』という項目があります。ここにclass名の指定がある場合（例えば sakura ）は、画像は <a class="imagelink sakura" ～> というaタグで囲まれる形で出力されます。
【問題】もし4300行目の空白を消してしまうと、ここは <a class="imagelinksakura" ～> という連結されたclass名が1つだけ出力されるaタグになってしまいます。
要するに4300行目の半角スペースは、2つのclass名を区切るための空白なのです。これを消してしまったら、class名が正しく解釈されなくなります。
🍵Re:3435◆うまくいったようで良かったです。NO IMAGEダミーも（リンクにはならないのでa要素で囲むわけにはいきませんが、代わりにspanを使って）<span class="imagesearch">～</span> で囲むとかにして、imagesearchクラスが適用されるようにしておく方が装飾が作りやすくて良さそうですね。今後のバージョンで改善します。
🍵Re:3436◆スキン配布ありがとうございます！ スキンの選択肢が増えてきて嬉しいです。(╹◡╹)
🍵Re:3434◆4300行目にある引用符に囲まれた半角スペースは必要なもの（＝消すと正しく動作しなくなるもの）です。どんな問題が発生していますか？ おそらくぼかしがうまくいかない原因は別の所にあると思います。
この4300行目にある $userclass = ' ' . &fcts::forsafety( $setdat{'imageclass'} ); の引用符内の空白を消してしまうと、以下のような出力になってしまいます。
【背景】画像を原寸画像へのリンクにする設定の場合、画像は <a class="imagelink" ～> というaタグで囲まれる形で出力されます。
【設定】画像拡大スクリプト関連の設定項目に『画像リンクに独自のclass属性値を追加』という項目があります。ここにclass名の指定がある場合（例えば sakura ）は、画像は <a class="imagelink sakura" ～> というaタグで囲まれる形で出力されます。
【問題】もし4300行目の空白を消してしまうと、ここは <a class="imagelinksakura" ～> という連結されたclass名が1つだけ出力されるaタグになってしまいます。
要するに4300行目の半角スペースは、2つのclass名を区切るための空白なのです。これを消してしまったら、class名が正しく解釈されなくなります。
🍵Re:3435◆うまくいったようで良かったです。NO IMAGEダミーも（リンクにはならないのでa要素で囲むわけにはいきませんが、代わりにspanを使って）<span class="imagesearch">～</span> で囲むとかにして、imagesearchクラスが適用されるようにしておく方が装飾が作りやすくて良さそうですね。今後のバージョンで改善します。
🍵Re:3436◆スキン配布ありがとうございます！ スキンの選択肢が増えてきて嬉しいです。(╹◡╹)
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
アップデートとドキュメント作成お疲れ様です！今回は画像周りで欲しかった機能が実装されて嬉しいです。
ちょっと気になった部分があるのですが、
tegalog.cgiの4300行目、$userclass = ' '
の' '部分に余分なスペースが入っているようです。
nsfwのぼかし部分のはみ出し処理がうまくいかず、デベロッパーツールで確認したところ発見しました。
素人のため大きな不具合になるかどうかはわかりませんが、ひとまずご報告にきました。
>>3431
もし >>3432 の方法を試しても改善しない場合、ブラウザの問題かもしれません。
１、ブラウザキャッシュをクリア
２、それでだめならブラウザの「ブックマーク同期」をオフにしてキャッシュをクリア
そして再度ログインできるかお試しください。
私も以前何かの拍子に同じ状況でログインできなくなったことがあり、設置マニュアルの方法を試しても変わらずで苦戦しました。
別のブラウザではログインできたのでキャッシュまわりの問題だろうと予想し、上記の方法を試したところ無事ログインできました。よければご参考までに。
もしマニュアルの方法で解決されてましたら失礼しました…！
ちょっと気になった部分があるのですが、
tegalog.cgiの4300行目、$userclass = ' '
の' '部分に余分なスペースが入っているようです。
nsfwのぼかし部分のはみ出し処理がうまくいかず、デベロッパーツールで確認したところ発見しました。
素人のため大きな不具合になるかどうかはわかりませんが、ひとまずご報告にきました。
>>3431
もし >>3432 の方法を試しても改善しない場合、ブラウザの問題かもしれません。
１、ブラウザキャッシュをクリア
２、それでだめならブラウザの「ブックマーク同期」をオフにしてキャッシュをクリア
そして再度ログインできるかお試しください。
私も以前何かの拍子に同じ状況でログインできなくなったことがあり、設置マニュアルの方法を試しても変わらずで苦戦しました。
別のブラウザではログインできたのでキャッシュまわりの問題だろうと予想し、上記の方法を試したところ無事ログインできました。よければご参考までに。
もしマニュアルの方法で解決されてましたら失礼しました…！
さむい……。春はまだか……。
🍵Re:3430◆ああ、そうか。NO IMAGEダミー画像はリンクにならないので <a class="imagesearch" ～> が付かないのでした。画像を6個以上アップロードするか（NSFWでなくて可）、NO IMAGEダミー画像を出力しない設定（＝管理画面の「設定」→「ページの表示」→【新着画像リストの表示】→「▼投稿画像の総数が掲載個数に満たない場合：」欄で『何も出力しない』を選択）にすれば問題はなくなると思います。(^_^;) もしくは、以下のように vertical-align: middle; を加えるのでもいけそうな気がします。
.imagesearch {
display: inline-block;
overflow: hidden;
width: 100px;
height: 100px;
vertical-align: middle;
}
🍵Re:3431◆No.3432さんの指摘通り psif.cgi ファイルをアップロードできているかどうか、パーミッションが正しいかをご確認下さい。このファイルは、中身を外部から閲覧されなくするために拡張子を .cgi にしていますが、中身はデータファイルですので、特にパーミッションを自動で設定してくれるようなFTPソフトでUPするとうまくいかないかもしれません。（もし psif.cgi ファイルがちゃんと存在していてパーミッションも正しいように見える場合は、psif.cgiを一旦削除して、再度アップロードしなおして、パーミッションを設定し直してみて下さい。）
🍵Re:3432◆的確なサポートありがとうございます！
🍵Re:3430◆ああ、そうか。NO IMAGEダミー画像はリンクにならないので <a class="imagesearch" ～> が付かないのでした。画像を6個以上アップロードするか（NSFWでなくて可）、NO IMAGEダミー画像を出力しない設定（＝管理画面の「設定」→「ページの表示」→【新着画像リストの表示】→「▼投稿画像の総数が掲載個数に満たない場合：」欄で『何も出力しない』を選択）にすれば問題はなくなると思います。(^_^;) もしくは、以下のように vertical-align: middle; を加えるのでもいけそうな気がします。
.imagesearch {
display: inline-block;
overflow: hidden;
width: 100px;
height: 100px;
vertical-align: middle;
}
🍵Re:3431◆No.3432さんの指摘通り psif.cgi ファイルをアップロードできているかどうか、パーミッションが正しいかをご確認下さい。このファイルは、中身を外部から閲覧されなくするために拡張子を .cgi にしていますが、中身はデータファイルですので、特にパーミッションを自動で設定してくれるようなFTPソフトでUPするとうまくいかないかもしれません。（もし psif.cgi ファイルがちゃんと存在していてパーミッションも正しいように見える場合は、psif.cgiを一旦削除して、再度アップロードしなおして、パーミッションを設定し直してみて下さい。）
🍵Re:3432◆的確なサポートありがとうございます！
>>3431
パスワード・セッションID格納ファイル＝psif.cgiなので
・アップロードされているか
・パーミッションを
てがろぐ セットアップ(設置)方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/setup/#permission...
を参考にして確認
してみてはどうでしょうか…？
パスワード・セッションID格納ファイル＝psif.cgiなので
・アップロードされているか
・パーミッションを
てがろぐ セットアップ(設置)方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/setup/#permission...
を参考にして確認
してみてはどうでしょうか…？
てがろぐを使おうとすると、パスワード・セッションID格納ファイルが開けませんでした。って表示されて進まない。どうすれば…
3426です。3427さん、にししさん、早速ありがとうございます！
投稿本文の方は➊キャプションに半角スペースなどを登録した上でキャプションなしで貼り付ける方法と、にししさんの➋の方法ともに試してはみ出さなくなりました！ありがとうございました。
新着画像リストの方は➌を試してみたらはみ出さなくはなりましたが、正方形の画像が横方向に3個以上並ぶウィンドウサイズの時にNSFWフラグ画像だけ少し上にずれます(下のスクリーンショット)。
.imagelistbox .oneimageのvertical-alignをtopに変更してみたら上方向へのズレは大分軽減されましたが、middleにすることで「画像下部に余計な空白ができるのを防ぐ」役割だったので画像下部に僅かに余白が出ます。この辺なら自力でも調整出来そうなので引き続き試行錯誤してみます。
有名メーカーのものと見た目がほぼ同じだけど別メーカーのお菓子あるあるですね。私も100均のお菓子コーナーで、ロッテのチョコパイみたいな見た目の別メーカーの商品を買ったら、チョコの味が全然違ってコレジャナイ…となった思い出があります😂 見た目は同じに出来ても、チョコの味もやっぱり重要ですね。
投稿本文の方は➊キャプションに半角スペースなどを登録した上でキャプションなしで貼り付ける方法と、にししさんの➋の方法ともに試してはみ出さなくなりました！ありがとうございました。
新着画像リストの方は➌を試してみたらはみ出さなくはなりましたが、正方形の画像が横方向に3個以上並ぶウィンドウサイズの時にNSFWフラグ画像だけ少し上にずれます(下のスクリーンショット)。
.imagelistbox .oneimageのvertical-alignをtopに変更してみたら上方向へのズレは大分軽減されましたが、middleにすることで「画像下部に余計な空白ができるのを防ぐ」役割だったので画像下部に僅かに余白が出ます。この辺なら自力でも調整出来そうなので引き続き試行錯誤してみます。
有名メーカーのものと見た目がほぼ同じだけど別メーカーのお菓子あるあるですね。私も100均のお菓子コーナーで、ロッテのチョコパイみたいな見た目の別メーカーの商品を買ったら、チョコの味が全然違ってコレジャナイ…となった思い出があります😂 見た目は同じに出来ても、チョコの味もやっぱり重要ですね。
キットカットっぽい見た目だけどキットカットではないチョコを食べてみたところ、チョコの味がキットカットとはずいぶん違った……。
🍵Re:3425◆楽しいスキンをありがとうございます！ QUICKPOSTのウインドウの重なり方がまさしくそれっぽいな、と思いました。^^
🍵Re:3426◆公式ドキュメントがお役に立っているようで嬉しいです。(╹◡╹) さて、ぼかされた画像が、本来の描画領域からはみ出さないようにする方法については、いろんな方法があると思いますが、以下に紹介します。
➊ まずは、No.3427さんがおっしゃるように、キャプション付きの記法を使ってキャプションなしで表示する方法だと、何もカスタマイズすることなく標準スキンのままで実現できます。
画像管理画面でキャプションを登録していないなら、単に [PICT:FIG:画像パス] のように書けば良いだけですが、キャプションを登録しているなら [PICT:FIG( ):画像パス] のように、臨時のキャプションとして半角空白文字を1つ入れると良いです。すると、figure要素で囲まれるので、ぼかされた画像が元の範囲からはみ出なくなります。（No.3428で比較実験しました。）
➋ 何らかの事情で上記のようにはしたくない場合は、例えば、
.imagelink.nsfw {
overflow: hidden;
display: inline-block;
}
というようなCSSを追記するのでも良いかもしれません。これは、標準スキンではfigure要素に対して付加されているスタイルです。画像がリンクになっているなら、画像は <a class="imagelink" ～>～</a> で囲まれますので、これに「中身がはみ出ないようにするスタイル」を加えれば良さそうに思います。
➌ 新着画像リストでぼかされた範囲が外に出ないようにするには、例えば、
.imagesearch {
overflow: hidden;
display: inline-block;
width: 100px;
height: 100px;
}
というCSSを追加した上で、既存の .imagelistbox .oneimage { ～ } の中にある width: 30%; という行を削除すると良さそうな気がします。
上記でご紹介したコードはどれも、いま思いついただけのものなので、もっと良い書き方があるかもしれません。（何か思いつかれた方がいらっしゃったらぜひ教えて下さい。）
🍵Re:3427◆サポートありがとうございます！
🍵Re:3425◆楽しいスキンをありがとうございます！ QUICKPOSTのウインドウの重なり方がまさしくそれっぽいな、と思いました。^^
🍵Re:3426◆公式ドキュメントがお役に立っているようで嬉しいです。(╹◡╹) さて、ぼかされた画像が、本来の描画領域からはみ出さないようにする方法については、いろんな方法があると思いますが、以下に紹介します。
➊ まずは、No.3427さんがおっしゃるように、キャプション付きの記法を使ってキャプションなしで表示する方法だと、何もカスタマイズすることなく標準スキンのままで実現できます。
画像管理画面でキャプションを登録していないなら、単に [PICT:FIG:画像パス] のように書けば良いだけですが、キャプションを登録しているなら [PICT:FIG( ):画像パス] のように、臨時のキャプションとして半角空白文字を1つ入れると良いです。すると、figure要素で囲まれるので、ぼかされた画像が元の範囲からはみ出なくなります。（No.3428で比較実験しました。）
➋ 何らかの事情で上記のようにはしたくない場合は、例えば、
.imagelink.nsfw {
overflow: hidden;
display: inline-block;
}
というようなCSSを追記するのでも良いかもしれません。これは、標準スキンではfigure要素に対して付加されているスタイルです。画像がリンクになっているなら、画像は <a class="imagelink" ～>～</a> で囲まれますので、これに「中身がはみ出ないようにするスタイル」を加えれば良さそうに思います。
➌ 新着画像リストでぼかされた範囲が外に出ないようにするには、例えば、
.imagesearch {
overflow: hidden;
display: inline-block;
width: 100px;
height: 100px;
}
というCSSを追加した上で、既存の .imagelistbox .oneimage { ～ } の中にある width: 30%; という行を削除すると良さそうな気がします。
上記でご紹介したコードはどれも、いま思いついただけのものなので、もっと良い書き方があるかもしれません。（何か思いつかれた方がいらっしゃったらぜひ教えて下さい。）
🍵Re:3427◆サポートありがとうございます！
実験
➊キャプションあり → ➋キャプションなし → ➌キャプションに空白文字を臨時指定
▼NSFWフラグ画像：
①NSFWフラグ付与の例
▼ノーマル画像：
①
キャプションだぜ！
➊キャプションあり → ➋キャプションなし → ➌キャプションに空白文字を臨時指定
▼NSFWフラグ画像：
①
③▼ノーマル画像：
①
③
>>3246
にししさんじゃないですが、キャプション付きを指定して投稿すると本文のほうははみ出さないですよ。キャプション付きでもキャプションを空にして大丈夫です。
にししさんじゃないですが、キャプション付きを指定して投稿すると本文のほうははみ出さないですよ。キャプション付きでもキャプションを空にして大丈夫です。
てがろぐVer3.9.0アップデートおよびドキュメント作成お疲れ様です。いつもてがろぐには大変お世話になっております、ありがとうございます！丁寧に詳細が書かれたドキュメントは「あの機能ってどうやって使うんだっけ？」「こういうことって実現できないかな？」と思った時にとても役立ってます。公式且つ日本語で詳しい解説が用意されているというのはユーザーとしてとてもありがたいです。
画像にNSFWフラグをつけた時のぼかし加工についての質問です。ぼかし度合いについてはこのままで良いのですが、隣接した部分にまでぼかした画像の色が被ってしまうのが気になるので(下のスクリーンショットの赤枠部分)画像外周の四辺はぼかさないようにしたいです。CSSで背景画像だけにブラー(ぼかし)エフェクトを加える方法 の「画像を大きめに引き伸ばし、端のぼやけた部分をカット」の項目を参考に読んでみたのですが、てがろぐのスキンをカスタマイズする場合はどこを変えたら良いのかがいまいちよくわからず…。標準スキンの場合、スキンをどのようにすれば画像外周の四辺はぼかさないように出来るかご教示頂けますと幸いです。
画像にNSFWフラグをつけた時のぼかし加工についての質問です。ぼかし度合いについてはこのままで良いのですが、隣接した部分にまでぼかした画像の色が被ってしまうのが気になるので(下のスクリーンショットの赤枠部分)画像外周の四辺はぼかさないようにしたいです。CSSで背景画像だけにブラー(ぼかし)エフェクトを加える方法 の「画像を大きめに引き伸ばし、端のぼやけた部分をカット」の項目を参考に読んでみたのですが、てがろぐのスキンをカスタマイズする場合はどこを変えたら良いのかがいまいちよくわからず…。標準スキンの場合、スキンをどのようにすれば画像外周の四辺はぼかさないように出来るかご教示頂けますと幸いです。
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
葛根湯を数年ぶりに飲んで、そういえばこんな味だったな、と思い出しました。
🍔Re:3422◆リリースノートを読んで下さってありがとうございます。あれ、果たして読む人は居るのか……？ と思いながら毎回書いていますので。^^; [[COMMENT:TAGS]] の不具合もなかなか気付きにくい不具合でした。パラメータの前に別の文字列があるときにだけ反応しないとか、なかなか実験で遭遇しませんので。(^_^;;;
🍔Re:3422◆リリースノートを読んで下さってありがとうございます。あれ、果たして読む人は居るのか……？ と思いながら毎回書いていますので。^^; [[COMMENT:TAGS]] の不具合もなかなか気付きにくい不具合でした。パラメータの前に別の文字列があるときにだけ反応しないとか、なかなか実験で遭遇しませんので。(^_^;;;
あああああああああ
リリースノートの[[COMMENT:TAGS]]の不具合解消を見て、そう言えばかなり前にお試しで挿入したけど何も表示されなくて諦めたのを思い出しました。自分がなんかやらかしてると思ったので報告してませんでしたが、まさにリリースノートに書いてる通りの使い方をしてました😅
今日もさむい……！
🍔Re:3420◆バージョンアップありがとうございます。ご要望もありがとうございます。OGPに出力されるNSFW専用画像を指定できる方が望ましいのですね。なるほど。設定画面の『補助出力』ページで「NSFW用画像のURL」を自由に設定しておける方向で機能を作ろうと思います。（それをOGPでもRSSでも共通して使うようにすれば良いでしょうかね……？）
🍔Re:3420◆バージョンアップありがとうございます。ご要望もありがとうございます。OGPに出力されるNSFW専用画像を指定できる方が望ましいのですね。なるほど。設定画面の『補助出力』ページで「NSFW用画像のURL」を自由に設定しておける方向で機能を作ろうと思います。（それをOGPでもRSSでも共通して使うようにすれば良いでしょうかね……？）
てがろぐ3.9.0更新お疲れ様です、早速自サイトにも導入しました。
twitterで仰っしゃられていたNSFW画像のOGP表示は、NSFW専用の画像のものがあったらわかりやすくていいと思いますし個人的に嬉しかったりします！
twitterで仰っしゃられていたNSFW画像のOGP表示は、NSFW専用の画像のものがあったらわかりやすくていいと思いますし個人的に嬉しかったりします！
