🗐 てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)

or 管理画面へ

カテゴリ「カテゴリなし」の投稿3883件]35ページ目)

Icon of admin
投稿した画像を後から軽量化したいみたいなことがあるんですよ
FTPソフトから上げ直しをテストしたら新着画像リストの表示でも上に上がってきてしまったみたいなのですが、順番を保つには全ての画像を同じ順で更新するしかないですかね?(ちょっと疲れそう)
今後の仕様追加で画像の差し替え機能ができるかもしれないらしいですが、それが入れ替わらない仕様だと助かるかも。
Icon of misaki
no.3792で質問したものです。
お早い回答ありがとうございました!
タグ見落としているのかな…と困り果てていたので大変助かりました;;
非表示にできました。ありがとうございます!
Icon of admin
>>3792
「この範囲を時系列で読む」「この範囲をファイルに出力する」を消すには
管理画面の「設定」→「ページの表示」の「日付境界バーの挿入位置:」のところで設定することができます
画像添付します!
210153.png
Icon of misaki
口コミを見て気になり、最近自サイトにブログとしててがろぐを設置しました。
気軽に呟くような感覚で使用できるのがまさに欲していたサービスで
装飾や鍵など機能も充実していて大変ありがたいです。

一点質問です。
現在ツイッターぽいスキン(青)を使用させていただき、あらかたタグなどをいじりカスタムできたのですが
投稿文章頭の〇〇年〇月という日時表記の隣に出てくる「この範囲を時系列で読む」「この範囲をファイルに出力する」
この2点のボタンの表示を消すにはどこをどうしたらいいのでしょうか…
ロリポップのサーバーで手打ちでタグを編集しています。
初歩的な質問かと思うのですが教えていただけますと幸いです。
#質問
NO IMAGE
常に動き続けるアニメーションGIFをアップロードすると、新着画像リストがずいぶん煩くなるな……。(^_^;;;
Icon of sakura
新着画像リストで10万個表示を試してみましたが、すごく重くなってなかなか開けなかったのでやめました。
私はてがろぐ初心者で、他に自作スキンで手をつけるところもあるので、今のところは望む表現を諦めました。でも、いつか簡単にできるようになればやってみたいです。
個人的な理想の要望としては、別スキン別ページで、「画像」をバーっと一覧表示できて、次の50件/前の50件みたいな感じにページ分割ができたら最強だなと思いますね〜。
Icon of admin
>>3785
ご存じでしたか、差し出がましかったですねすみません。確かにデザインは工夫が必要になりそうですね。
Icon of admin
3782ですが[[COMMENT:PICTS]]でギャラリー作ってます
個別投稿じゃなく一覧表示で1ページ中(例えば10件表示の場合)に画像がすごく多い投稿が混ざったりするとページによって表示画像の数がブレて(最小10画像ですけど多いと23画像とか半端な数になり)タイルデザインとかだと崩れませんか?っていう話なんですがなんか変なこと言ってたらごめんなさい
Icon of admin
>>3781
あとこちらの「サムネイル画像もアップロードされていれば、サムネイルの方を表示する」はサムネイル機能登場時は新着画像リストにも適用される仕様でした!
Icon of admin
ギャラリーモードで記事本文内の画像を全部表示するのはスキンの書き方で可能です。
gallery/skin-onelog.html内の[[ONEPICT:1]]を[[COMMENT:PICTS]]に変更すれば記事本文内の画像すべてを抽出して出力してくれるはずです。
手前味噌で申し訳ありませんがサンプルとして自作スキンを適用したURLも載せておきますので参考になれば幸いです。
https://10prs.com/tegalog-cms/?mode=gallery&skin=skin-...
Icon of admin
便乗なっちゃうんですが私も一投稿に複数画像載せることが多いのでギャラリーモードに先頭画像だけじゃなく全部の画像が表示される設定とかあったらうれしいなと思ってました(が確かに同じ画像があったら重複表示されちゃいますね…)
本文非表示にしたスキン作ってギャラリーとして使ってますが、1ページに表示されるのが投稿単位でのカウントなのでページによって画像の数がブレるのがデザイン上気になるといえば気になるかなーって感じです
今のままでもいい感じに運用できてるので要望ってほどではないんですが似た話題かなと思ったのでお邪魔しました
新着画像リストを活用する方法は思い至らなかったのでこっちも触ってみようと思います 横からですがありがとうございます!
Icon of sakura
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
Icon of tomoyo
新着画像リストについてのご質問をしたものです。ご回答ありがとうございます。
すでに自分のてがろぐに画像を一度にいくつも載せた投稿があることと、(私の理解が間違っていたら申し訳ないのですが)ギャラリーモードは「画像」ではなく「画像のある投稿」を見ているようなので、同じ画像を複数の投稿に使ったとき二重になるのではないか?と思っていて、ギャラリーモードではなく新着リストの形式で「画像」の全てを遡る方法が欲しい、と思いました。
ページが重くなるかもしれないとのことですが、まずは教えていただいた方法を試そうと思います。ご回答ありがとうございました。
Icon of tomoyo
こんにちは。
てがろぐを自分の創作サイトに設置させていただきました。とても高機能で、助かっています。ありがとうございます。
ひとつ、質問なのですが、「『新着画像リスト』と同じ形式で個数制限せず、そのてがろぐに投稿された全ての画像を一覧で見るページ」を作る方法・機能はありますか?
最初、ギャラリーモードがその機能を持っているのかと思ったのですが、このてがろぐのサンプルを見る限りだと違うような気がしました。
何か見落としていたら教えてくださると、とても助かります。
Icon of tomoyo
てがろぐのカレンダー、月や日のクラス名がふってあるんですね。今気がつきました。
ということはあらかじめ誕生日に.month10 .day14{color:red;}みたいな感じで色をつけておくことが出来ますね!
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感!
Icon of admin
テストテストテスト
NO IMAGE
『続きを読む』機能には、「ネタバレ部分だけを隠したい」という用途のほかに、「長くなるので後半は全部畳んでおきたい」みたいな用途で使われる場合もありますよね。たぶん。そういうときには、 <> を使うと楽です。わざわざ隠したい後半を全部選択してから [H:~~~] 記法で囲まなくても、本文中に <> の2文字を半角で書くと、それ以降がすべて隠されます。#🌱豆知識
(ただし、この記法では「続きを読む」ボタンのラベルを動的に指定することはできないので、ラベルをその場で指定したい場合には [H:ラベル:~~~] 記法を使う必要がありますけども。)

※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
NO IMAGE
とりあえず今できているところで、一旦 Ver 4.0.2βとして公開する予定です。近日中には。
NO IMAGE
Spotifyのほかに、Apple Musicの配信音楽も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)


NO IMAGE
URLに /p/ ではなく /reel/ が含まれる、Instagramのリール動画も埋め込めるようになったテスト。(Ver 4.0.2β 未配布)
(Instagram埋め込み処理中...)Instagramで見る
NO IMAGE
Apple Musicの配信音楽も埋め込めるようになったり、Instagramのリール動画も埋め込めるようになったり、RGBAカラーモデルで透明度も含んだ色も指定可能になったり、画像ファイル名にハイフン記号が含まれていても(ファイル名を維持する設定なら)そのままアップロードできるようになった Ver 4.0.2β(未配布)の動作テスト。

🍛Re:3762◆ご活用をありがとうございます。いろいろいじってみて下さい。(╹◡╹)
🍛Re:3763◆ああ、そうそう。そうなんです。本文に関しては(表示用のHTMLに展開する前の)データファイルの中身に対して検索していますので、投稿時に「編集領域の中に見えている文字列」が検索対象になっています。(少なくとも今の仕様では。)
Icon of sakura
3759です。画像キャプションの要望の件、桜餅もちもちで検索して理解いたしました😉管理画面のところじゃなくて記事を投稿する欄から直接書けば本文に含まれるわけですね。
にしし様、ご教授ありがとうございました。ギャラリー作ってみます!
Icon of tomoyo
管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑 #🌱豆知識
↓例
link.png

■やりかた
以下を設定>フリースペースにコピーする。

◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; 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&quot; 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 licenseAkar 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&quot; 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;}


個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。

以上です。何かミスがあったらごめんなさい。畳む
Icon of sakura
開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用させていただこうと思っております。
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
Icon of admin
>3756 >3757
解説ありがとうございます!確かにSafariで表示されてないときchromeからだと読み込めてました!
Icon of tomoyo
> 時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね??
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
Icon of admin
>3754
インスタは馴染みがなく投稿の種類の違いもわからなくて???になってます😂要望出すほどの理解もない状態でテスト投稿にお邪魔しましたがレスありがとうございます!アプリで見てるとURLってなかなか意識できないですね…!
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね??

■フリースペース:

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン:標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキンてがろぐCGIの配布ページに戻る

編集

■全文検索:

複合検索窓に切り替える

■複合検索:

  • 投稿者名:
  • 投稿年月:
  • #タグ:
  • カテゴリ:
  • 出力順序:

■新着画像リスト:

Perlのバージョンを上げる設定(さくらインターネット)

全317個 (総容量 36.08MB)

■日付一覧:

■日付検索:

■カレンダー:

2023年6月
123
45678910
11121314151617
18192021222324
252627282930

■最近の投稿:

最終更新日時:
2025年5月31日(土) 21時25分21秒〔2時間前〕

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「昔のツイッターっぽいスキン(ブルー)」です。他に、 標準スキン昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル日記スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る