カテゴリ「カテゴリなし」の投稿［3918件］（10ページ目）
https://note.com/tekito_note/n/ndea6e61f23bf
「てがろぐでD＆Dまたはコピペで画像投稿するやつ」の投稿ボタン押下でアップロードするバージョンを作りました。仕組み上一部機能を使えなくしたので、別バージョンです。
ただ、あまりテストしていないので例によって不具合があるかもしれません。
また、リアクションボタンのデモが触れるサイトも作ったのでぜひお試しください。http://tekitote.s324.xrea.com/
「てがろぐでD＆Dまたはコピペで画像投稿するやつ」の投稿ボタン押下でアップロードするバージョンを作りました。仕組み上一部機能を使えなくしたので、別バージョンです。
ただ、あまりテストしていないので例によって不具合があるかもしれません。
また、リアクションボタンのデモが触れるサイトも作ったのでぜひお試しください。http://tekitote.s324.xrea.com/
4885
4879です
日時も編集出来ましたね、全然使わない機能だったので失念してました……。
投稿番号と日時のふたパターンあるので、最初の投稿時点の日時でいいと思います。投稿日時と再編集後の日時の違いが気になる人は今までのpostid使えばいいと思うので……（これは再編集機能使わない立場だから言えることですが）
割と本当に欲してるので、実装していただけたら（いつでもいいので）有難いです😭🙏
4879です
日時も編集出来ましたね、全然使わない機能だったので失念してました……。
投稿番号と日時のふたパターンあるので、最初の投稿時点の日時でいいと思います。投稿日時と再編集後の日時の違いが気になる人は今までのpostid使えばいいと思うので……（これは再編集機能使わない立場だから言えることですが）
割と本当に欲してるので、実装していただけたら（いつでもいいので）有難いです😭🙏
こんにちは。毎日てがろぐで快適ライフを送らせていただいています☺️開発ありがとうございます😊
日付境界バーについてわからないことがあったので質問失礼します🙇
スキンAでは日付境界バーを非表示、スキンBでは日付境界バーを表示したいのですが……この場合はマニュアルの<日付境界バーの装飾>にある、pクラスdateseparatorを、スキンそれぞれのCSSで表示・非表示に指定すればいいのでしょうか？(日付境界バー用の[]タグがあるわけではない…？🤔)
他の方が作成されたスキンを使用中で、そのスキンでは非表示だったのでどうやってるんだろう…となったので質問させていただきました🙋♀️
日付境界バーについてわからないことがあったので質問失礼します🙇
スキンAでは日付境界バーを非表示、スキンBでは日付境界バーを表示したいのですが……この場合はマニュアルの<日付境界バーの装飾>にある、pクラスdateseparatorを、スキンそれぞれのCSSで表示・非表示に指定すればいいのでしょうか？(日付境界バー用の[]タグがあるわけではない…？🤔)
他の方が作成されたスキンを使用中で、そのスキンでは非表示だったのでどうやってるんだろう…となったので質問させていただきました🙋♀️
お世話になります。
多分不具合だと思うので#報告 させていただきます。
一部の記号（<、>、&、"、' 等）を含むテキストを検索すると、2ページ目以降は検索文字が実体参照に変換され、検索結果は0件になってしまいました。
↓画像はここで試しに「class="」を検索した結果です。
3枚目の画像が検索結果の2ページ目の画面です。
また、管理画面で検索した場合は何故か入力ボックスに「&」が記号の前に追加され、検索結果が0件になりました。
↓こちらは「="」で検索した結果です。
バージョンは最新の4.5.1を使用しています。
多分不具合だと思うので#報告 させていただきます。
一部の記号（<、>、&、"、' 等）を含むテキストを検索すると、2ページ目以降は検索文字が実体参照に変換され、検索結果は0件になってしまいました。
↓画像はここで試しに「class="」を検索した結果です。
3枚目の画像が検索結果の2ページ目の画面です。
また、管理画面で検索した場合は何故か入力ボックスに「&」が記号の前に追加され、検索結果が0件になりました。
↓こちらは「="」で検索した結果です。
バージョンは最新の4.5.1を使用しています。
4876です。にししさん、お答えありがとうございました。
＞ 既存の投稿単独ページURLのエイリアス(別名)として、例えば ?posttime=20241211105450 のようなパラメータで特定の投稿が単独表示されるようにする、という機能ならできるとは思います。
私が欲しかったのはその機能なので、嬉しいです。
ご提案くださった形は要望通りです。記事番号を使いたいユーザーのために、AとBの両方の表示方法があることが望ましいです。
その場合、(1)管理画面でどちらを優先出力するか選ぶ項目がある (2)あるいはにししさんが特定のパラメータを設置したあとで、我々利用者はスキンを[[PERMAURL:ID]]や[[PERMAURL:TIME]]のように好きな方を書いてカスタマイズする…という形を考えました。
＞その場合は、単に「投稿番号を連番に直さなければ良い」のではないでしょうか？(^_^;)
確かにそのとおりです。私が連番機能を触らなければいいだけの話と言われればぐうの音も出ません。
ですがこの要望を出しているのは「連番にしたいから」ではなく、
「単独記事のURLを固定化したい」の気持ちの方が大きいです。
単に個人の趣味で番号をそろえたいなら、意志と機能の力で押さえることはできますが、
どうしても過去の一部を消すことになった、あるいは多人数で使っている場合、不適切な投稿者（荒らし）の記録を消す必要に駆られた…など、
運営に関わる理由で連番機能を使わなければいけないことは、
どんなユーザーにとってもあり得ると考えます。
なので何が起ころうが、見返し手段として、あるいはSNSで単独記事を共有する手助けとしての
固定URLがあると嬉しい、それにはタイムスタンプ出力が適切かと考えました。
なので、たとえばidが20桁くらいの乱数出力になっても私の要望には叶いますが(^▽^;)
多くの人の利便性を考えると時刻表示が良いと思ったのです。
前回の書き込みは言葉が足らず、ただこちらの話をしただけになってしまい、申し訳ありません。
あくまで、いつかこのような機能が加わるといいなという希望として、受け取っていただければ幸いですm(_ _)m
＞ 既存の投稿単独ページURLのエイリアス(別名)として、例えば ?posttime=20241211105450 のようなパラメータで特定の投稿が単独表示されるようにする、という機能ならできるとは思います。
私が欲しかったのはその機能なので、嬉しいです。
ご提案くださった形は要望通りです。記事番号を使いたいユーザーのために、AとBの両方の表示方法があることが望ましいです。
その場合、(1)管理画面でどちらを優先出力するか選ぶ項目がある (2)あるいはにししさんが特定のパラメータを設置したあとで、我々利用者はスキンを[[PERMAURL:ID]]や[[PERMAURL:TIME]]のように好きな方を書いてカスタマイズする…という形を考えました。
＞その場合は、単に「投稿番号を連番に直さなければ良い」のではないでしょうか？(^_^;)
確かにそのとおりです。私が連番機能を触らなければいいだけの話と言われればぐうの音も出ません。
ですがこの要望を出しているのは「連番にしたいから」ではなく、
「単独記事のURLを固定化したい」の気持ちの方が大きいです。
単に個人の趣味で番号をそろえたいなら、意志と機能の力で押さえることはできますが、
どうしても過去の一部を消すことになった、あるいは多人数で使っている場合、不適切な投稿者（荒らし）の記録を消す必要に駆られた…など、
運営に関わる理由で連番機能を使わなければいけないことは、
どんなユーザーにとってもあり得ると考えます。
なので何が起ころうが、見返し手段として、あるいはSNSで単独記事を共有する手助けとしての
固定URLがあると嬉しい、それにはタイムスタンプ出力が適切かと考えました。
なので、たとえばidが20桁くらいの乱数出力になっても私の要望には叶いますが(^▽^;)
多くの人の利便性を考えると時刻表示が良いと思ったのです。
前回の書き込みは言葉が足らず、ただこちらの話をしただけになってしまい、申し訳ありません。
あくまで、いつかこのような機能が加わるといいなという希望として、受け取っていただければ幸いですm(_ _)m
自前の動画のURLを貼るとプレイヤーになるスクリプト作ったので共有します
バグってたら申し訳ないです
仕様
<script type="text/javascript">
///動画
$(document).ready(function() {
$('a[href$=".mp4"], a[href$=".mov"], a[href$=".webm"], a[href$=".ogg"], a[href$=".m4v"], a[href$=".avi"]').each(function() {
const $link = $(this);
const href = $link.attr('href');
// 拡張子に応じて適切なMIMEタイプを設定
const getVideoType = (ext) => {
const types = {
'mov': 'video/quicktime',
'mp4': 'video/mp4',
'webm': 'video/webm',
'ogg': 'video/ogg',
'm4v': 'video/mp4',
'avi': 'video/x-msvideo'
};
return types[ext.toLowerCase()] || '';
};
const fileExt = href.split('.').pop().toLowerCase();
const mimeType = getVideoType(fileExt);
const playerElement = `
<div class="video-container">
<video controls width="100%">
<source src="${href}" type="${mimeType}">
お使いのブラウザは動画の再生に対応していません。
</video>
</div>
`;
$link.replaceWith(playerElement);
});
});
</script>
バグってたら申し訳ないです
仕様
- 管理画面＞設定＞システム設定＞【許可する画像の種類】で拡張子を入れると管理画面とQUICKPOSTからアップできるようになります（管理画面の画像の管理の画像欄には表示されません）
- URLの末尾に動画の拡張子がある場合、自動的にプレイヤーに変更されます
- サイズ変更はスクリプト内の<div class="video-container">～からどうぞ
- 5秒のところがサムネイルとして初期設定されているので、変えたい場合はMath.min(5, video.duration)の数値を変更してください
>>4878
元の方とは違う人間ですが自分も日付のURLあると嬉しいです。
AとBどちらもあって、どちらでも飛べるのでいいと思います。
自分も投稿消しがちで連番じゃないのが気になって番号の振り直しするのですが、日付の場合は特に気になりません。（日付みたいな長めの数字列で連番になってるほうが逆に違和感です……）感覚的なものなのでうまく言えないのでわかりにくいかもしれませんが……。
元の方とは違う人間ですが自分も日付のURLあると嬉しいです。
AとBどちらもあって、どちらでも飛べるのでいいと思います。
自分も投稿消しがちで連番じゃないのが気になって番号の振り直しするのですが、日付の場合は特に気になりません。（日付みたいな長めの数字列で連番になってるほうが逆に違和感です……）感覚的なものなのでうまく言えないのでわかりにくいかもしれませんが……。
いつもてがろぐを使わせて頂いております。この掲示板にも以前何度か書き込んだことがあり、丁寧なお返事をいただいて問題を解決することができました。
本日は、今後の開発に関する要望を投稿したく思います。
てがろぐの記事単体を表すURLは、今は"https://（てがろぐ設置URL）/tegalog.cgi?postid=投稿番号"となっています。
これを"https://（てがろぐ設置URL）/tegalog.cgi?postid=202501012359"のような日付と時刻IDに任意で選べると便利だなあと思います。
記事単体URLが投稿番号だと、過去の記事を参照するためにリンクを貼っても、
後で投稿番号を連番に直したときにURLが変わってしまう心配があり、なかなかリンク機能を使えないためです。
時間にもとづいたIDならその心配がないと思ったのですが、開発は難しいでしょうか？
お考えくださるとうれしいです！
本日は、今後の開発に関する要望を投稿したく思います。
てがろぐの記事単体を表すURLは、今は"https://（てがろぐ設置URL）/tegalog.cgi?postid=投稿番号"となっています。
これを"https://（てがろぐ設置URL）/tegalog.cgi?postid=202501012359"のような日付と時刻IDに任意で選べると便利だなあと思います。
記事単体URLが投稿番号だと、過去の記事を参照するためにリンクを貼っても、
後で投稿番号を連番に直したときにURLが変わってしまう心配があり、なかなかリンク機能を使えないためです。
時間にもとづいたIDならその心配がないと思ったのですが、開発は難しいでしょうか？
お考えくださるとうれしいです！
カスタム絵文字を管理画面上から追加/削除できるようになった Ver 4.5.1β(未配布) の動作テスト。
そのカスタム絵文字が使われている投稿を探す機能もあります。
そのカスタム絵文字が使われている投稿を探す機能もあります。
昼食はハヤシライス。
🍛Re:4870◆その解決方法だと、今は大丈夫でも、次に［設定］画面で何かを変更して保存しようとする際に（WAFの影響で）403 Forbiddenエラーが出ると思います。［設定］画面では、変更したかしていないかに関係なく常にすべての項目（フリースペースも含みます）のデータを送信するからです。なので、根本的に解決するには、No.4869さんが最後におっしゃったように、フリースペースを使わずにスキンのHTMLに直接書く必要があると思います。
PHPスクリプトに送る日付を頻繁に書き換えるためにフリースペースを使いたい、というのが理由なら、日付だけをフリースペースに書くことにして（PHPに送るパラメータを）合成すると良いかもしれません。
スキン側(skin-cover.html)に <script src="https://www.nannichime.net/s.php?d=[[FREESPACE:0]]&f=n"></script> のように書いておく感じです。PHPに送るパラメータの日付部分だけをフリースペースに書きます。そうすれば、script要素自体はフリースペースに含まれないので、WAFの誤検知も防げるでしょう。
※専用の区切り文字を使えば複数のフリースペースを設けられますので、上述のPHPスクリプト以外に他の文章等をフリースペースに書きたい場合でも、[[FREESPACE:番号]の記法を使えば使い分けられます。
🍛Re:4870◆その解決方法だと、今は大丈夫でも、次に［設定］画面で何かを変更して保存しようとする際に（WAFの影響で）403 Forbiddenエラーが出ると思います。［設定］画面では、変更したかしていないかに関係なく常にすべての項目（フリースペースも含みます）のデータを送信するからです。なので、根本的に解決するには、No.4869さんが最後におっしゃったように、フリースペースを使わずにスキンのHTMLに直接書く必要があると思います。
PHPスクリプトに送る日付を頻繁に書き換えるためにフリースペースを使いたい、というのが理由なら、日付だけをフリースペースに書くことにして（PHPに送るパラメータを）合成すると良いかもしれません。
スキン側(skin-cover.html)に <script src="https://www.nannichime.net/s.php?d=[[FREESPACE:0]]&f=n"></script> のように書いておく感じです。PHPに送るパラメータの日付部分だけをフリースペースに書きます。そうすれば、script要素自体はフリースペースに含まれないので、WAFの誤検知も防げるでしょう。
※専用の区切り文字を使えば複数のフリースペースを設けられますので、上述のPHPスクリプト以外に他の文章等をフリースペースに書きたい場合でも、[[FREESPACE:番号]の記法を使えば使い分けられます。
>>4867
4866です。同じ
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>
を「多目的フリースペースに掲載する内容」に入力して保存ボタンを押しても当方の環境ではやはりエラーは表示されず、てがろぐHOME画面に「361日」の文字が表示されました。
別のサーバーではエラーにならない点や「設定を保存する」のボタンを押した時に403エラーが出るという点から、これはてがろぐCGIやカウントダウン・カウントアップコードが原因ではなくサーバー側のWAF機能の誤検知の可能性が高そうです。
↓他のサーバーでの似た事例です
https://www.nishishi.com/cgi/tegalog/faq/#lolipop-forb...
https://www.nishishi.org/testground/tegalog/?postid=43... (※4307さんへのレスが該当の話題です)
↓シンフリーサーバーのWAFについての説明
https://www.xfree.ne.jp/manual/man_server_waf.php
シンフリーサーバーでの除外設定方法 までは私には見つけられていないので、WAFの無効化や除外設定をしないですぐに解決する方法は
・サーバーのtegalog.iniをダウンロードしてテキストエディタで開き、113行目付近にある「freespace=」の後に<script>～</script>を書いて上書き保存・アップロード
【記入例】freespace=<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>
・多目的フリースペースではなくスキンのhtml内に直接<script>～</script>を書く
のどちらかしかないような気がします…。
4866です。同じ
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>
を「多目的フリースペースに掲載する内容」に入力して保存ボタンを押しても当方の環境ではやはりエラーは表示されず、てがろぐHOME画面に「361日」の文字が表示されました。
別のサーバーではエラーにならない点や「設定を保存する」のボタンを押した時に403エラーが出るという点から、これはてがろぐCGIやカウントダウン・カウントアップコードが原因ではなくサーバー側のWAF機能の誤検知の可能性が高そうです。
↓他のサーバーでの似た事例です
https://www.nishishi.com/cgi/tegalog/faq/#lolipop-forb...
https://www.nishishi.org/testground/tegalog/?postid=43... (※4307さんへのレスが該当の話題です)
↓シンフリーサーバーのWAFについての説明
https://www.xfree.ne.jp/manual/man_server_waf.php
シンフリーサーバーでの除外設定方法 までは私には見つけられていないので、WAFの無効化や除外設定をしないですぐに解決する方法は
・サーバーのtegalog.iniをダウンロードしてテキストエディタで開き、113行目付近にある「freespace=」の後に<script>～</script>を書いて上書き保存・アップロード
【記入例】freespace=<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"></script>
・多目的フリースペースではなくスキンのhtml内に直接<script>～</script>を書く
のどちらかしかないような気がします…。
>>No.4859
お忙しい中ご回答ありがとうございます。IF文に関して理解できました！ありがとうございます。このままふたつにわけて書こうと思います。
改行無しで書いてるとたまにIF文として成立しなくなるのもたまたま気付いただけで特に困ってるわけではないのですが、あとで標準スキンでも試してみようと思います。確かにその辺自分で確認してから聞くべきでした……。
>>No.4859、No.4863 ありがとうございます。[[FREESPACEEDIT:URL]]で無事リンクできました。
お忙しい中ご回答ありがとうございます。IF文に関して理解できました！ありがとうございます。このままふたつにわけて書こうと思います。
改行無しで書いてるとたまにIF文として成立しなくなるのもたまたま気付いただけで特に困ってるわけではないのですが、あとで標準スキンでも試してみようと思います。確かにその辺自分で確認してから聞くべきでした……。
>>No.4859、No.4863 ありがとうございます。[[FREESPACEEDIT:URL]]で無事リンクできました。
>>4866
>>4865 です
検証して頂きありがとうございます。
サーバー:シンフリーサーバー
発生タイミング:多目的フリースペースの設定画面で、下のソースを記述して、設定を保存する のボタンを押した時
てがろぐのバージョン:4.5.0
使用しているテーマ:skin-twitter (完全版に付属しているもの)
記述したソース
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"...
>>4865 です
検証して頂きありがとうございます。
サーバー:シンフリーサーバー
発生タイミング:多目的フリースペースの設定画面で、下のソースを記述して、設定を保存する のボタンを押した時
てがろぐのバージョン:4.5.0
使用しているテーマ:skin-twitter (完全版に付属しているもの)
記述したソース
<script language="JavaScript" src="https://www.nannichime.net/s.php?d=2023/12/12&f=n"...
>>4865
気になって自分のてがろぐで試してみたら、403エラーにはならずに正常に表示できました。
tegalog.cgiを「my $safemode = 0; 」にした上で多目的フリースペースにリンク先のカウントダウン・カウントアップ用の<script>～</script>コードを記述し、
skin-cover.htmlに[[FREESPACE]]と記述しました。
試したサーバーはローカル環境とXREAです。
どのサーバーをお使いなのかや、403エラーが表示されるタイミングがいつなのか(多目的フリースペースの設定画面で保存ボタンを押した時なのか、てがろぐにアクセスした直後なのか)、多目的フリースペースに記述した<script>～</script>の情報があると助言が得られやすいかと思います。
気になって自分のてがろぐで試してみたら、403エラーにはならずに正常に表示できました。
tegalog.cgiを「my $safemode = 0; 」にした上で多目的フリースペースにリンク先のカウントダウン・カウントアップ用の<script>～</script>コードを記述し、
skin-cover.htmlに[[FREESPACE]]と記述しました。
試したサーバーはローカル環境とXREAです。
どのサーバーをお使いなのかや、403エラーが表示されるタイミングがいつなのか(多目的フリースペースの設定画面で保存ボタンを押した時なのか、てがろぐにアクセスした直後なのか)、多目的フリースペースに記述した<script>～</script>の情報があると助言が得られやすいかと思います。
いつもお世話になっております。
多目的フリースペースに掲載する内容の所に、こちら のソースを設置して、設定を保存しようとした所、403エラーになってしまいます。
どのようにしたらよろしいでしょうか。
関係ありそうな設定の状況(tegalog.cgi)
・セーフモード：HTMLソースを直接記述可能な設定項目に書かれた内容について(0:何もしない/1:scriptタグ系の記述は無効にする/9:あらゆるHTMLタグを無効にする) ※9は試験実装(β版)
my $safemode = 0;
多目的フリースペースに掲載する内容の所に、こちら のソースを設置して、設定を保存しようとした所、403エラーになってしまいます。
どのようにしたらよろしいでしょうか。
関係ありそうな設定の状況(tegalog.cgi)
・セーフモード：HTMLソースを直接記述可能な設定項目に書かれた内容について(0:何もしない/1:scriptタグ系の記述は無効にする/9:あらゆるHTMLタグを無効にする) ※9は試験実装(β版)
my $safemode = 0;
いつもお世話になっております。
標準スキンのフリースペース編集リンクは
<a href="[[FREESPACEEDIT:URL]]">編集</a>
でした。使い方説明にも
[[FREESPACEEDIT]]
[[FREESPACEEDIT:URL]]
の二種類があるようです。十分に試行していませんが、取り急ぎご報告まで。
標準スキンのフリースペース編集リンクは
<a href="[[FREESPACEEDIT:URL]]">編集</a>
でした。使い方説明にも
[[FREESPACEEDIT]]
[[FREESPACEEDIT:URL]]
の二種類があるようです。十分に試行していませんが、取り急ぎご報告まで。
いつもお世話になっています。
[[FREESPACEEDIT]]をcover.htmlに記載しても[[FREESPACEEDIT]]という文そのものが出てくるのですが、なにか必要な設定などはありますか？
（<a href="[[FREESPACEEDIT]]" >テスト</a>のように書いてもURLにはなりませんでした）
またIF文ですが、
なにも限定していないときの2ページ目以降（deeppage nofiltering）とカテゴリ限定時（selected-cat）にのみ出力したい要素があったので
[[IF(selected-cat|deeppage nofiltering):<a href="/link/">てすと</a>:IF]] と書いても
カテゴリ限定時にしか反映されないのですが、なにか間違えていますか……？（IF文の「|」の前後のって1単語のみ（？）じゃないとダメなんでしょうか）
今はhtmlに[[IF(deeppage nofiltering):<a href="/link/">てすと</a>:IF]]と[[IF(selected-cat):<a href="/link/">てすと</a>:IF]]のふたつ書くことで対応しているんですが……
またhtmlに
<div class="aaa">[[NAVI:PREV]][[IF(条件):何らかの要素:IF]][[IF(条件2):なんらか:IF]][[NAVI:NEXT]]</div>
このように一行で書くとIFの文として反応しなくなるのも仕様でしょうか？（改行すれば済むんですが気になったので……）
[[FREESPACEEDIT]]をcover.htmlに記載しても[[FREESPACEEDIT]]という文そのものが出てくるのですが、なにか必要な設定などはありますか？
（<a href="[[FREESPACEEDIT]]" >テスト</a>のように書いてもURLにはなりませんでした）
またIF文ですが、
なにも限定していないときの2ページ目以降（deeppage nofiltering）とカテゴリ限定時（selected-cat）にのみ出力したい要素があったので
[[IF(selected-cat|deeppage nofiltering):<a href="/link/">てすと</a>:IF]] と書いても
カテゴリ限定時にしか反映されないのですが、なにか間違えていますか……？（IF文の「|」の前後のって1単語のみ（？）じゃないとダメなんでしょうか）
今はhtmlに[[IF(deeppage nofiltering):<a href="/link/">てすと</a>:IF]]と[[IF(selected-cat):<a href="/link/">てすと</a>:IF]]のふたつ書くことで対応しているんですが……
またhtmlに
<div class="aaa">[[NAVI:PREV]][[IF(条件):何らかの要素:IF]][[IF(条件2):なんらか:IF]][[NAVI:NEXT]]</div>
このように一行で書くとIFの文として反応しなくなるのも仕様でしょうか？（改行すれば済むんですが気になったので……）
一覧での記事と単独記事での画像のURLについて質問です。検索して探したのですが、なかなかやりたいことに該当する方法が見つからなかったので質問させて頂きます。
「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像1枚目の部分がURLでの表示になってしまうので、単独記事で設定した画像を拡大するURLも出てしまい、記事URLが無効になってしまいます。
なので1枚目の画像のURLを画像のみのパス表記みたいにしたいのですが方法はありますでしょうか？
もしくは他に別の解決策などがありましたら教えていただけますと幸いです。
ーーーーーーーー
【一覧】 1枚目をサムネにする
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
[[ONEPICT:1]]
</a>
</div>
【単独】Lightboxでの画像表示
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
＊＊ こんな感じにしたい ＊＊
【記事】
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
<img src="1枚目の画像" alt="No.18" loading="lazy">
</a>
</div>
↓画像サムネイルはURLリンク
【単独】
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
ーーーーーーーー 畳む
「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像1枚目の部分がURLでの表示になってしまうので、単独記事で設定した画像を拡大するURLも出てしまい、記事URLが無効になってしまいます。
なので1枚目の画像のURLを画像のみのパス表記みたいにしたいのですが方法はありますでしょうか？
もしくは他に別の解決策などがありましたら教えていただけますと幸いです。
ーーーーーーーー
【一覧】 1枚目をサムネにする
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
[[ONEPICT:1]]
</a>
</div>
【単独】Lightboxでの画像表示
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
＊＊ こんな感じにしたい ＊＊
【記事】
<div class="thumbnail">
<a class=“onelog [[POSTSTATUS]]” href=“[[PERMAURL:FULL]]”>
<img src="1枚目の画像" alt="No.18" loading="lazy">
</a>
</div>
↓画像サムネイルはURLリンク
【単独】
<div class="comment">
<a class="imagelink" href="1枚目画像.png" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="1枚目画像.png" data-lightbox="tegalog"></a>
<a class="imagelink" href="2枚目画像.jpeg" data-lightbox="tegalog">
<img class="embeddedimage " width="2778" height="1284" loading="lazy" src="2枚目画像.png" data-lightbox="tegalog"></a>
</div>
ーーーーーーーー 畳む
12月！
テスト投稿失礼します🙇♂️
>>4847
機能盛りだくさんでカレンダーのカスタマイズの部分を見逃してました！すみません！
無事に横並びに出来ました！
ありがとうございます！☺
機能盛りだくさんでカレンダーのカスタマイズの部分を見逃してました！すみません！
無事に横並びに出来ました！
ありがとうございます！☺
いつもお世話になっております。
Xだと非課金では300文字以上書き込めないため、Blueskyの埋め込み機能があると助かります。ご検討のほどよろしくお願いします。
Xだと非課金では300文字以上書き込めないため、Blueskyの埋め込み機能があると助かります。ご検討のほどよろしくお願いします。
お返事ありがとうございます。4843です。
ToDoに加えていただきありがとうございます。やはり今のところiframeや合成が現実的となるのですね。
承知いたしました。
ToDoに加えていただきありがとうございます。やはり今のところiframeや合成が現実的となるのですね。
承知いたしました。
>>4841
ご使用ありがとうございます。もし差し支えなければ https://wavebox.me/wave/77kkcwhk8uzskow7/ にディレクトリ構成、不具合の詳細等を教えていただければと思います。
ご使用ありがとうございます。もし差し支えなければ https://wavebox.me/wave/77kkcwhk8uzskow7/ にディレクトリ構成、不具合の詳細等を教えていただければと思います。
