2024年12月 この範囲を時系列順で読む この範囲をファイルに出力する
[[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の文として反応しなくなるのも仕様でしょうか?(改行すれば済むんですが気になったので……)
たこ焼き食べたい……!
「一覧記事では一枚目の画像をサムネイルにして画像部分をタップしたら単独記事に移動する」という動きにしたいのですが、下記のように記述すると画像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>
ーーーーーーーー 畳む
機能盛りだくさんでカレンダーのカスタマイズの部分を見逃してました!すみません!
無事に横並びに出来ました!
ありがとうございます!☺
Xだと非課金では300文字以上書き込めないため、Blueskyの埋め込み機能があると助かります。ご検討のほどよろしくお願いします。
2024年11月 この範囲を時系列順で読む この範囲をファイルに出力する
ToDoに加えていただきありがとうございます。やはり今のところiframeや合成が現実的となるのですね。
承知いたしました。
ご使用ありがとうございます。もし差し支えなければ https://wavebox.me/wave/77kkcwhk8uzskow7/ にディレクトリ構成、不具合の詳細等を教えていただければと思います。
🥞Re:4846◆カレンダーを横並びにしたいだけならCGIソースを弄る必要はなく、CSSだけで実現できます。要はtable内のセルを全部inlineにしてしまえば良いので、.calendar, .calendar tr, .calendar th, .calendar td { display: inline; } のようなCSSを追加すれば良いだけです。これだけで、カレンダー内の全ての日付が横並びになります。
この場合、先頭行の日月火……という曜日もそのまま横並びになってしまいますので、そこはてがろぐ管理画面の[設定]→[ページの表示]→【カレンダーの表示】で、「カレンダーの先頭行に曜日名を表示」項目をOFFにして下さい。すると、日付だけが横並びになります。あとは、好きなように装飾して下さい。
※各日のセルにはclass名に <td class="day10 sun"> のように曜日が含まれていますので、特定の曜日だけを装飾するのも簡単です。
※カレンダーの出力HTMLの構造については、カスタマイズ方法ページの「カレンダー表示の装飾方法」をご覧下さい。
🥞Re:4845◆なるほど。カテゴリ別に新着順で見せられると良いな……というのは、ギャラリーに限らず通常の投稿でもありますね。新着投稿リストに限っては既にその機能がありますけども。あれば便利だと思いますのでご要望としてはToDoリストに加えておきます。ただ、そのような機能を実装するにはかなりの時間と労力が必要ですから、直近でできることはないと思います。なので、今の時点では
- iframeで読み込む
- JavaScriptで合成する
サイトの日記代わりに使わせて貰っています。
気軽に更新出来て多機能なのでとても助かっています。
要望なのですが、カレンダー部分もスキンで編集可能になるととても嬉しいです。
具体的に言うと、現在の7列×5段表示では無く、1日から末日まで横並びにして、土日は文字色を変えたいと思っています。
多分CGIの方を直接弄る事で変更出来るとは思うのですが、それだとてがろぐが更新される度にCGIを直接編集する必要性があるのでちょっと大変だな…と。
ご検討いただければ幸いです。
言葉足らずで申し訳ありません。
同じページで
カテゴリA
【カテゴリAの画像】【カテゴリAの画像】
カテゴリB
【カテゴリBの画像】【カテゴリBの画像】
…というようにしたいです。
Re:4230のようにcover.htmlを編集することで埋め込む方法もあるようなのですが埋め込む方法だと通常と比べてその部分を表示するのに時間がかかることがありました。
もう少しスマートに行けたら助かるのですが…と思い要望を出しました。
🍝Re:4842◆情報提供ありがとうございます!
🍝Re:4843◆ギャラリーモードでもカテゴリは有効ですのでご活用下さい。例えば、
- ノーマルなギャラリーモード ?mode=gallery
- カテゴリ「回答/返信」に限定したギャラリーモード ?mode=gallery&cat=answer
- カテゴリ「つぶやき」に限定したギャラリーモード ?mode=gallery&cat=diary
※ギャラリーモードというのは単に、「画像が1つ以上含まれる投稿だけが表示される」というだけで、それ以外の仕様は通常時と同じなのです。なので、カテゴリでもハッシュタグでも限定表示ができます。
※標準添付しているギャラリーモード用スキンの場合は、ギャラリーモード上でカテゴリボタンやハッシュタグボタンを押せば、「そのカテゴリやハッシュタグに限定した状態のギャラリーモード」が表示される仕様になっています。(他の方がお作りになったギャラリー用スキンの場合にどのような動作になっているかは、そのスキンの作り方次第です。)
要望です。
現状のギャラリーモードでは画像全てをごちゃ混ぜにして表示となりますが、画像にカテゴリ(のようなもの)で分類してギャラリーモードではカテゴリ別に表示できるようにしてほしいです。
>>4838ありがとうございます。
先日入れてみたのですが、画像をD&Dしても画像が登録されずに困っております。
属性が違うとかあるのかなあと思いながら、またゆっくりしたときに原因を究明していきたいと思います
実際のURLを教えて頂けば、何らかのアドバイスができる可能性はあります。
スキンのカスタマイズの問題ということは、HTMLかCSSの問題でしょうから。それは実際に(ブラウザ上の表示とソースを)見てみないと、何がどうなっているのか何も分かりませんので。
なお、スキンのカスタマイズの結果としておかしくなる場合にありがちなのは、
- HTMLの開始タグを残したまま終了タグだけを消してしまった結果として、ブロックの包含関係が変わってしまった。
- CSSのカッコ { } のうち、片方だけを消してしまった結果、一部のCSSが適用されなくなってしまった。
HTMLやCSSの文法をチェックするツールを使って問題点を探せば、おかしくなった位置を特定できるかもしれません。
どうしても解決できない場合は、『お使いのスキンをその配布元から再度ダウンロードしてきて、上書きしてみる』のが一番だと思います。要するにカスタマイズを最初からやり直すということですが。
(今のスキンはダウンロードして保管しておいて、新品のスキンとソースを見比べてみることでも何か分かるかもしれません。)
何がどうなってそうなったのかわからなくなっているので、質問させてください。
ホームのみヘッダーとフッターしか表示されない状態になりました。
ギャラリーモード、投稿画面等は問題ありません。
画像一覧やフリースペースが表示されないのではなく、ヘッダーとフッターがくっついてしまっています。
エクセルの『選択範囲を非表示にする』のあの状態です
css書き換えごとに保存⇒キャッシュをクリア⇒反映を確認を繰り返してちまちまカスタマイズしていたのですが、どのタイミングでこの問題が発生したのかもわかりませんでした。
書き換えといってもフォントのサイズやカラーを変更する程度なので、何がいけなかったのか…。
原因として考えられるものはどのようなものがあるでしょうか。
サーバーはロリポップ、てがろぐはVer.4.4.0です。
原因不明の非表示が謎で怖くてバージョンアップできていません…
次のバージョンでは、カスタム絵文字を管理画面上でアップロードしたり削除したりできるようになる予定です。
🥞Re:4831◆早速のバージョンアップありがとうございます。お役に立っているようで嬉しいです。(╹◡╹)ノ
🥞Re:4832◆「サムネイル画像があったらサムネイル側が表示される」という、てがろぐ側の機能(仕様)については、ヘルプドキュメントの『サムネイル画像があればサムネイル画像の方を表示する機能(簡易版)』項目もご覧下さい。デフォルトで有効に設定されていますが、設定次第では無効にもなります。サムネイルが認識されている場合の確認方法も解説してありますので、参考にして頂ければ幸いです。
🥞Re:4833◆解説ありがとうございます!
🥞Re:4834◆詳細なテストをどうもありがとうございます。JS版は一旦ブラウザ側にデータをダウンロードするので、総数が少ないうちはやはりServer版の方が速くなりますね。おっしゃるとおり、Server版はPICT記法の存在をチェックしているのに対して、JS版はファイル名の存在しかチェックしていません。これはどちらが望ましいのか今の時点では判断できていないので、とりあえず仕様を分けたままにしてあります。(^_^;) 必要な画像を誤って消してしまうのを防ぐにはJS版の仕様の方が望ましいんだろうな、という気もするのですけども。どうでしょうかね?^^;
🥞Re:4836◆てがろぐに関係する告知にはぜひご活用下さい~。(╹◡╹)
🥞Re:4837◆ご報告をどうもありがとうございます!
アップデートありがとうございます!
未使用画像を探すを試した結果をご報告します
画像 1684個、投稿 1439件で、2~3秒くらいでした
いいねボタン改を参考にして、(Misskeyみたいに)リアクションボタンを付けるスクリプトを作りました。少し導入手順が煩雑なので他の環境のてがろぐで動くかわかりませんが、よかったら試してみてください。
他に広報場所がないもので、ここで何度も宣伝していてすみません…。
>>4833 代わっての回答ありがとうございます。 >>4832 あまり大きい画像だと回線やサーバにもよりますがエラーが発生するかもしれないのでご注意ください。(ロリポップのスタンダートを使っていますが、4000×5000pxでは30秒弱かかりました。)
4832です。
サンプルありがとうございます。
自動でサムネイルが使われるのですね。ありがとうございます。画像が自動で縮小などされることが個人的にとても助かるので(大きいサイズが多いので)導入してみようと思います
ありがとうございました
開発進捗状況報告サイト で募集されていた、新しい「未使用画像を探す」機能の結果報告です。
画像ファイルの総数781個、投稿総数5908件で約13秒でした。
私は4686の者なのですが、以前よりも遅くなっているので従来バージョンの方法(Server版)を再度試してみたところ、やはりこちらは前回同様に約6秒で終わりました。
また、Server版とJS版で結果に違いがありました。当方の環境では[PICT:記法を使わずに
[桜餅](https://www.nishishi.org/testground/tegalog/images/202212211326072-nishishi.jpg)
という感じでテキストから画像のURLへリンクしているだけのファイルがいくつかあるのですが、Server版だとこれらのファイルが未使用画像として探索結果に出て、JS版だと結果に出ませんでした。
サムネイルの機能について
(1)てがろぐ本体の機能として:画像ディレクトリ(images/)の中にサムネイル用ディレクトリ(mini/)を作り元画像と同じ名前の画像をアップするとてがろぐ上で自動でサムネイル画像表示→クリックで元画像表示という動作になります。
(2)>>4808 のスクリプト:(1)のてがろぐ本体の機能ではサムネイルを自分で作りアップロードする必要がありますが、これを自動で行ってくれます。画像ディレクトリ(images/)の中にサムネイル用ディレクトリ(mini/)はあらかじめ自分で作っておく必要があります。
私はスクリプトを作った人ではありませんが実際に導入してお試しできるてがろぐがありますのでよろしければお試しください。
https://10prs.com/tegalog-cms/
ギャラリーページ
https://10prs.com/tegalog-cms/?mode=gallery
導入したいと考えているのですがパソコンが今満足に触れないので導入して使えるかしらと考えているところです
ご確認くださり、わかりやすいご説明本当にどうもありがとうございます!😭
すごく助かりました…。
リンクについてもアドバイスくださりありがとうございます、a:link や a:hoverへのフォント指定は除外してみましたが希望通りに反映されました!
また、「隠す」の黄色ボックスのはみだしも気になっていたのでアドバイスありがとうございます!
他の気になってた色々もこのコードで直りました😭
本当にどうもありがとうございました!
以下のCSSを加えると「 >>4828 」のような番号リンクの番号も「Fredoka One」フォントで表示されます。
a.postidlink {
font-family: 'Fredoka One', cursive;
}
お試し下さい。
なお、お使いのCSSでは a:link や a:hover に対して、表示用のフォント font-family: 'Noto Sans JP', sans-serif; が指定されているので、上記のCSSソースを .postidlink というセレクタにしてしまうと指定が効きません(詳細度が足りなくて上書きされないため)。なので、必ず a.postidlink と指定する必要があります。先頭の「a」を忘れずにお書き下さい。
※将来的なCSS更新作業のしやすさを考えれば、a:link や a:hover のような疑似クラスに対しては表示フォントを指定しない方が楽だと思いますが。
ちなみにですが、「ネタバレ」として隠されている部分を開くと「黄色のBOX」が外枠からはみ出してしまいますね。これは、.readmorearea に対して box-sizing: border-box; というCSSを加えると解決します。