カテゴリ「カテゴリなし」の投稿［4054件］（41ページ目）
ギャラリーモードで記事本文内の画像を全部表示するのはスキンの書き方で可能です。
gallery/skin-onelog.html内の[[ONEPICT:1]]を[[COMMENT:PICTS]]に変更すれば記事本文内の画像すべてを抽出して出力してくれるはずです。
手前味噌で申し訳ありませんがサンプルとして自作スキンを適用したURLも載せておきますので参考になれば幸いです。
https://10prs.com/tegalog-cms/?mode=gallery&skin=skin-...
gallery/skin-onelog.html内の[[ONEPICT:1]]を[[COMMENT:PICTS]]に変更すれば記事本文内の画像すべてを抽出して出力してくれるはずです。
手前味噌で申し訳ありませんがサンプルとして自作スキンを適用したURLも載せておきますので参考になれば幸いです。
https://10prs.com/tegalog-cms/?mode=gallery&skin=skin-...
便乗なっちゃうんですが私も一投稿に複数画像載せることが多いのでギャラリーモードに先頭画像だけじゃなく全部の画像が表示される設定とかあったらうれしいなと思ってました（が確かに同じ画像があったら重複表示されちゃいますね…）
本文非表示にしたスキン作ってギャラリーとして使ってますが、1ページに表示されるのが投稿単位でのカウントなのでページによって画像の数がブレるのがデザイン上気になるといえば気になるかなーって感じです
今のままでもいい感じに運用できてるので要望ってほどではないんですが似た話題かなと思ったのでお邪魔しました
新着画像リストを活用する方法は思い至らなかったのでこっちも触ってみようと思います 横からですがありがとうございます！
本文非表示にしたスキン作ってギャラリーとして使ってますが、1ページに表示されるのが投稿単位でのカウントなのでページによって画像の数がブレるのがデザイン上気になるといえば気になるかなーって感じです
今のままでもいい感じに運用できてるので要望ってほどではないんですが似た話題かなと思ったのでお邪魔しました
新着画像リストを活用する方法は思い至らなかったのでこっちも触ってみようと思います 横からですがありがとうございます！
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
新着画像リストについてのご質問をしたものです。ご回答ありがとうございます。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、（私の理解が間違っていたら申し訳ないのですが）ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか？と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、（私の理解が間違っていたら申し訳ないのですが）ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか？と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。
こんにちは。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか？
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか？
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。
てがろぐのカレンダー、月や日のクラス名がふってあるんですね。今気がつきました。
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね！
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感！
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね！
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感！
テストテストテスト
『続きを読む』機能には、「ネタバレ部分だけを隠したい」という用途のほかに、「長くなるので後半は全部畳んでおきたい」みたいな用途で使われる場合もありますよね。たぶん。そういうときには、 <> を使うと楽です。わざわざ隠したい後半を全部選択してから [H:～～～] 記法で囲まなくても、本文中に <> の2文字を半角で書くと、それ以降がすべて隠されます。#🌱豆知識
（ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:～～～] 記法を使う必要がありますけども。）
※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
（ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:～～～] 記法を使う必要がありますけども。）
※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
あいうえお
とりあえず今できているところで、一旦 Ver 4.0.2βとして公開する予定です。近日中には。
Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
URLに /p/ ではなく /reel/ が含まれる、Instagramのリール動画も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
（Instagram埋め込み処理中...）Instagramで見る
Apple Musicの配信音楽も埋め込めるようになったり、Instagramのリール動画も埋め込めるようになったり、RGBAカラーモデルで透明度も含んだ色も指定可能になったり、画像ファイル名にハイフン記号が含まれていても（ファイル名を維持する設定なら）そのままアップロードできるようになった Ver 4.0.2β(未配布)の動作テスト。
🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては（表示用のHTMLに展開する前の）データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。（少なくとも今の仕様では。）
🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては（表示用のHTMLに展開する前の）データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。（少なくとも今の仕様では。）
3759です。画像キャプションの要望の件、桜餅もちもちで検索して理解いたしました😉管理画面のところじゃなくて記事を投稿する欄から直接書けば本文に含まれるわけですね。
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!
管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑 #🌱豆知識
↓例
■やりかた
以下を設定＞フリースペースにコピーする。
◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M6 6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v4H6V6z"/></svg></a>
<!--新規投稿画面へのリンク-->
<a href="tegalog.cgi?mode=edit" class="Login-Required skin-override-newpost skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022z"/><path d="M14.5 6.5l3 3"/></svg></a>
◆強制的に追加するCSS にコピペ
.skin-override-adminlink{position:fixed;top:0;right:0;}
.skin-override-newpost{position:fixed;top:34px;right:0;}
.skin-override-icon svg{width:32px;height:32px;z-index:2000;opacity:1;}
注意
1.Login-Requiredクラス（ログインしている管理人以外見えない）を機能させるために[[QUICKPOST]]がskin-cover.htmlに必要です。
2.フリースペースを利用しているので [[FREESPACE]] がskin-cover.htmlに必要です。
3.「▼上書きスタイルシートを出力する対象」の設定を「すべてのスキンに対して強制出力する」にしてください。
アイコンはMIT license のAkar Icons より
これでどのスキンも同じ場所に管理画面へのリンクと新規投稿リンクが表示されます。
アイコンの色を変えたいときはHTML内のstroke="currentColor"にお好きな色を。デフォルトではスキンのリンクカラーと同じ色になるはずです。
CSSのopacity: 1;の数字を0.6とかにすると透けます。
なお、個別記事への編集画面へのリンクを付け足したい場合はskin-onelog.htmlの下のほうに以下を足します。
■HTML
<!--編集画面へのリンク-->
<a href="[[EDITURL]]" class="Login-Required skin-override-editlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.474 5.408l2.118 2.117m-.756-3.982L12.109 9.27a2.118 2.118 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621z"/><path d="M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3"/></svg></a>
■CSS（スキンごとのCSSファイルでも、強制的に追加するCSSに追加してもどちらでも）
.toppage .skin-override-editlink{display:none;}
.onelog .skin-override-editlink{display:block;position:fixed;top:68px;right:0;}
個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。
以上です。何かミスがあったらごめんなさい。畳む
↓例
■やりかた
以下を設定＞フリースペースにコピーする。
◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M6 6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v4H6V6z"/></svg></a>
<!--新規投稿画面へのリンク-->
<a href="tegalog.cgi?mode=edit" class="Login-Required skin-override-newpost skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022z"/><path d="M14.5 6.5l3 3"/></svg></a>
◆強制的に追加するCSS にコピペ
.skin-override-adminlink{position:fixed;top:0;right:0;}
.skin-override-newpost{position:fixed;top:34px;right:0;}
.skin-override-icon svg{width:32px;height:32px;z-index:2000;opacity:1;}
注意
1.Login-Requiredクラス（ログインしている管理人以外見えない）を機能させるために[[QUICKPOST]]がskin-cover.htmlに必要です。
2.フリースペースを利用しているので [[FREESPACE]] がskin-cover.htmlに必要です。
3.「▼上書きスタイルシートを出力する対象」の設定を「すべてのスキンに対して強制出力する」にしてください。
アイコンはMIT license のAkar Icons より
これでどのスキンも同じ場所に管理画面へのリンクと新規投稿リンクが表示されます。
アイコンの色を変えたいときはHTML内のstroke="currentColor"にお好きな色を。デフォルトではスキンのリンクカラーと同じ色になるはずです。
CSSのopacity: 1;の数字を0.6とかにすると透けます。
なお、個別記事への編集画面へのリンクを付け足したい場合はskin-onelog.htmlの下のほうに以下を足します。
■HTML
<!--編集画面へのリンク-->
<a href="[[EDITURL]]" class="Login-Required skin-override-editlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.474 5.408l2.118 2.117m-.756-3.982L12.109 9.27a2.118 2.118 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621z"/><path d="M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3"/></svg></a>
■CSS（スキンごとのCSSファイルでも、強制的に追加するCSSに追加してもどちらでも）
.toppage .skin-override-editlink{display:none;}
.onelog .skin-override-editlink{display:block;position:fixed;top:68px;right:0;}
個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。
以上です。何かミスがあったらごめんなさい。畳む
開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用させていただこうと思っております。
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
> 時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
>3754
インスタは馴染みがなく投稿の種類の違いもわからなくて？？？になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます！アプリで見てるとURLってなかなか意識できないですね…！
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
インスタは馴染みがなく投稿の種類の違いもわからなくて？？？になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます！アプリで見てるとURLってなかなか意識できないですね…！
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
テスト。
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
一人暮らしの父が亡くなったときに不要品を業者に回収してもらいましたが、父と顔見知りの業者に頼んだので依頼から1週間以内に全て回収してもらえました。やはりWebで依頼するより伝手を頼るのが良さそうですね。
テスト
見えてますかね？
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
（Instagram埋め込み処理中...）Instagramで見る
見えてますかね？
> チャットGPTが示した実在しない判例、NY弁護士が引用
と言う話、米国の刑事＆検察のドラマで、初期は検察や弁護士が自分の意見の正しさを主張するのに過去の判例を必ず引いてたのに、ここ10年くらいそういうやりとりが作中にまったく出なくなって、多分監修の方にそれほど力を入れなくなったか、単純に脚本にそこまで人力もお金も掛けない時代になったと言うことかもですが、リアルの弁護士の質ももしかして落ちてるのかもなあと思いました。
まあロクでもない(あるいは勉強不足の)弁護士や検事と言うのはいつの時代にもいたんでしょうが。
チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。
と言う話、米国の刑事＆検察のドラマで、初期は検察や弁護士が自分の意見の正しさを主張するのに過去の判例を必ず引いてたのに、ここ10年くらいそういうやりとりが作中にまったく出なくなって、多分監修の方にそれほど力を入れなくなったか、単純に脚本にそこまで人力もお金も掛けない時代になったと言うことかもですが、リアルの弁護士の質ももしかして落ちてるのかもなあと思いました。
まあロクでもない(あるいは勉強不足の)弁護士や検事と言うのはいつの時代にもいたんでしょうが。
チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。
>3746,>3747
ふんわり表示できました！
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。
非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
ふんわり表示できました！
トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。
非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
3745,3746ぐいーっとは伸びませんが以下でふわーとは表示できます。いかがでしょうか？
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
「続きを読む」ボタンでの表示非表示について、アニメーションでぐいーっと開いて折り畳むことってできるのでしょうか？
てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか？
てがろぐを設置しているページにJavaScriptでアニメーションするトグルメニューをつけているので、同じようにアニメーションさせたいなと思うのですが、どこかいじれるところはありますか？
2/23の今日のひと言にある「デザイナーが描いたイラストだけを元にして、レスポンシブなHTML＋CSSをAIが自動生成できるようになる」はyotako が近いかもしれませんね
これはAdobe XDかFigmaからWordpressへの変換ですけど
これはAdobe XDかFigmaからWordpressへの変換ですけど
