No.3762, No.3761, No.3760, No.3759, No.3758, No.3757, No.3756［7件］

管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑　#🌱豆知識
↓例

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

◆多目的フリースペースに掲載する内容　にコピペ

<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;}

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

以上です。何かミスがあったらごめんなさい。畳む

by tomoyo. ⌚2023年6月5日(月) 21:28:07〔2年以上前〕＜2416文字＞編集

にしし

No.3761

検索例：桜餅もちもち

by nishishi. ⌚2023年6月5日(月) 19:10:17〔2年以上前〕＜16文字＞編集

にしし

No.3760

久しぶりにカレーパンを食べました。🍛🍞

🍛Re:3759◆ご要望をありがとうございます。現在のバージョンでは、画像キャプションをその都度指定する記法なら検索にヒットしますので、お試し頂ければ幸いです。画像を表示する書き方のうち、

[PICT:FIG(臨時キャプション):ファイルパス]
[PICT:臨時代替文字:ファイルパス]

……のように、臨時キャプション・臨時代替文字を直接記述する記法を使えば、（それらの文字列が投稿本文に含まれるので）今のバージョンでも検索対象になります。

by nishishi. ⌚2023年6月5日(月) 19:07:40〔2年以上前〕回答/返信＜247文字＞編集

さくら

No.3759

開発者様お疲れ様です。てがろぐをイラストギャラリーとして使用させていただこうと思っております。
要望なのですが、キャプションを検索の対象に含めていただきたいです。
シンプルにギャラリーとして使う場合、絵のタイトルで検索出来ないと検索の意味があまりないので…
よろしくご検討くださいませ。
サムネイルの自動生成も首を長くしてお待ちしております!
#要望

by sakura. ⌚2023年6月5日(月) 11:48:56〔2年以上前〕＜175文字＞編集

あどみ

No.3758

>3756 >3757
解説ありがとうございます！確かにSafariで表示されてないときchromeからだと読み込めてました！

by admin. ⌚2023年6月5日(月) 04:53:11〔2年以上前〕＜71文字＞編集

にしし

No.3757

もう6月4日……？何もしていないのに日が過ぎていく……。┌(:3」└)┐

🍰Re:3755,3756◆はい。「埋め込み処理中」のまま表示されないのは主にInstagram側の問題です。Instagramの埋め込みは、Webページ側ではInstagramのURLを指定書式でマークアップしているだけで、実際の展開は「Instagram側の公式スクリプト https://www.instagram.com/embed.js 」が実行しています。なので、表示できないケースがあるのは（瞬間的にアクセスが集中したとかで）公式スクリプト側が処理してくれなかった（＝Instagram側が反応しなかった）とか何かそんな理由でしょう。たいていは読み込み直せば表示されるのではないかと思いますが、混雑が理由ならあまり頻繁には読み込み直さない方が良い気もします。

なお、Instagramとは違ってTwitterの埋め込みの場合は、元のツイートが消えている場合にも「埋め込み処理中」のまま変わらなくなります。（Twitter側のスクリプトがそういう仕様だからです。）

by nishishi. ⌚2023年6月4日(日) 13:09:25〔2年以上前〕回答/返信＜492文字＞編集

ともよ

No.3756

> 時間帯によって「埋め込み処理中」のまま表示されない時があるのって多分インスタ側の都合ですよね？？
インスタ側だったり、てがろぐが置いてあるサーバー側だったり、ブラウザのせいだったりだと思います。
このブラウザからは見れたけど、あっちのブラウザだと全然表示されないあるある。
(Chromeからだとちゃんと全部見れました)

by tomoyo. ⌚2023年6月4日(日) 11:08:30〔2年以上前〕＜162文字＞編集