2023年6月 この範囲を時系列順で読む この範囲をファイルに出力する
おまけに何週目かもふってあるから.week3 .sat{}とかで三週目の土曜の燃えないゴミの日みたいなことも可能ですね。
なんだかいろいろ活用できそうな予感!
※なお、スキンの作り方によっては、この <> 記法は使えない場合もあります。使える場合は便利に使って下さい。
詳しくは、公式ヘルプの「それ以降の全部を隠すタイプの「続きを読む」ボタンの書き方」をどうぞ。
🆕 Ver 4.0.2βの更新点(概要):
《▼新機能》
●Apple Musicの配信音楽の埋め込み機能。
●Instagramのリール動画の埋め込み機能。
●色指定時の記法を拡張(RGBAカラーモデルを使った「透明度も含んだ色」も指定可能に。RGB値を10進数でも指定可能に。16進数のRGB値を3桁でも指定可能に。)
●画像ファイル名維持UP仕様の緩和:画像ファイル名にハイフン記号が含まれていても(ファイル名を維持する設定なら)そのままアップロードできるように。
《仕様改善》
●Spotifyの埋め込み領域を囲むspan要素のclass名を「embeddedmusic」から「embeddedmusic embeddedspotify」に拡張。(Apple Musicの埋め込みと区別するため)
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
(ツイート埋め込み処理中...)Twitterで見る
(Instagram埋め込み処理中...)Instagramで見る

■やりかた
以下を設定>フリースペースにコピーする。
◆多目的フリースペースに掲載する内容 にコピペ
<!--管理画面へのリンク-->
<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;}
個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。
以上です。何かミスがあったらごめんなさい。畳む
🍛Re:3759◆ご要望をありがとうございます。現在のバージョンでは、画像キャプションをその都度指定する記法なら検索にヒットしますので、お試し頂ければ幸いです。画像を表示する書き方のうち、
- [PICT:FIG(臨時キャプション):ファイルパス]
- [PICT:臨時代替文字:ファイルパス]

シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望
🍰Re:3755,3756◆はい。「埋め込み処理中」のまま表示されないのは主にInstagram側の問題です。Instagramの埋め込みは、Webページ側ではInstagramのURLを指定書式でマークアップしているだけで、実際の展開は「Instagram側の公式スクリプト https://www.instagram.com/embed.js 」が実行しています。なので、表示できないケースがあるのは(瞬間的にアクセスが集中したとかで)公式スクリプト側が処理してくれなかった(=Instagram側が反応しなかった)とか何かそんな理由でしょう。たいていは読み込み直せば表示されるのではないかと思いますが、混雑が理由ならあまり頻繁には読み込み直さない方が良い気もします。
なお、Instagramとは違ってTwitterの埋め込みの場合は、元のツイートが消えている場合にも「埋め込み処理中」のまま変わらなくなります。(Twitter側のスクリプトがそういう仕様だからです。)
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)
時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね??
🍰Re:3747,3749◆図解付きサンプル提示をどうもありがとうございます! カスタマイズ知見が貯まるのはたいへんありがたいです。
🍰Re:3748◆畳んだときに最初の位置が分からなくなる問題は確かにありますね。昔々にも要望は受けていたのですけども、良さそうな解決策を思いつけていません(>>2479,2482/R)。良さげな方法があると良いのですけどもね……。
🍰Re:3750◆弁護士なら頭は良い違いないだろうに、不思議です。^^; デジタルデバイスを叩きながら質問に回答してくれている各種専門家には、ChatGPTに尋ねていないか警戒が必要ですね。(笑)
🍰Re:3751◆InstagramのURLには www.instagram.com/p/(ID) だけでなく www.instagram.com/reel/(ID) というURLもあるんですねえ。/p/という文字列が含まれる場合に決め打ちしていましたので、今後のバージョンで対処します。
🍰Re:3752◆伝手は重要ですね。だいたい300~400kmくらい離れたところなら伝手があったんですけども、さすがに遠すぎました。(^_^;)
(Instagram埋め込み処理中...)Instagramで見る
(Instagram埋め込み処理中...)Instagramで見る
(Instagram埋め込み処理中...)Instagramで見る
(Instagram埋め込み処理中...)Instagramで見る
見えてますかね?
まあロクでもない(あるいは勉強不足の)弁護士や検事と言うのはいつの時代にもいたんでしょうが。
チャットGPT出現前に弁護士さんのお世話になるようなことがあってよかったなあ(棒)。
2023年5月 この範囲を時系列順で読む この範囲をファイルに出力する
.readmorearea {
border-left: 3px solid #ccc;
margin: 0 0 0 1em;
padding-left: 1em;
}
この場合、「設定」>「続きを読む・指定範囲を隠す 共通設定」>「展開する範囲の表示方法」をblockにしてください。

トグル的なアニメーションとはちょっと違いますが、動きが見えるだけで全然印象が変わりました。
ありがとうございます。
非表示に戻すときはパッと戻ってしまいますが、現時点では仕方ないですね。
もし可能であれば、ここもカスタムできる日がくれば嬉しいです。
長文を隠したとき、表示はまだいいのですが、非表示に戻したときに自分がさっきまで見ていた行がどのへんだったか、見失いがちなので…
アニメーションしてたたまれていくと、目で追えるので画面上で迷子になりづらいのです。
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
🍪Re:3736◆β版のご試用をどうもありがとうございます! 全体的にお試し下さってありがたいです。また、開発放言への反応もありがとうございます。反応がないと需要レベルを判断できないのでとてもありがたいです。(╹◡╹)
🍪Re:3737◆新機能がお役に立ったようで良かったです。手動入力した投稿日時順に並び替える機能は、やはりそこそこ需要があったのですね。
🍪Re:3738-3743◆サーバの障害は珍しいですがゼロにはならないのでしょうねえ。てがろぐリンク集には、どこのサーバで動かしているのかの情報もあったら参考になって良さそうですね。^^;
🍪Re:3740◆てがろぐ的なページを「てがろぐ」という名称で認識されるようになるとちょっと嬉しいです。(^_^)
🍪Re:3741◆はい。ここも、さくらインターネットのサーバで動作しています。スタンダードプランですが。かなり前に契約したサーバなためか、今回の障害の対象ではなかったようですね。
🍪Re:3744◆デザインツールからの変換だと元データの方にいろんな情報があるのでそれなりにできるとは思うんですよね……。ただ1枚の絵(PNG画像とか)から「そこに何が描かれているのか、サイズを変更するとどう見栄えが変わるハズか」みたいなのもAIで判断できるようになる日が来ると(まさしく私がそういう仕事をしているので)仕事が減りそうだな、と思いました。(笑)
🍪Re:3745◆「続きを読む」ボタンの開閉はJavaScriptを使って対象のdisplayプロパティの値を直接切り替えているだけですので、現状の仕様では残念ながらそこにアニメーションを加えるカスタマイズの余地はなさそうかな……という気がします。「続きを読む」ボタンで隠された範囲を開閉するJavaScriptソース自体も好きなソースに差し替えられる機能を用意すると、開閉動作を自由にカスタマイズしやすくなって望ましいかも知れませんね。ちょっとその辺も考えてみます。
(➡もしかしたら現状でもCSSのアニメーション機能で何かする方法があるかも知れませんけども。その辺を何か試したことがある方がいらっしゃったら情報をお待ちしております。)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134