気まぐれメモ帳
2025年3月9日(日) 11:18:51〔18時間前〕 更新
■カテゴリ「メモ」に属する投稿［28件］ （ 28 件 ）
2025/03/08 (Sat)
00:06:04
New!
No.60
by
ミサキ
〔2日前〕
動画のながら見もやめた方がいい気がする。余計なネットサーフィンのトリガーになってる。３時間くらいつぶれる。#デジタルデトックス
2025/03/01 (Sat)
19:31:48
No.59
by
ミサキ
〔8日前〕
デジタルデトックスが上手くできれば、悩みの大多数が解決するかもしれないとさえ思う。#デジタルデトックス
2025/02/15 (Sat)
22:23:15
No.52
by
ミサキ
〔22日前〕
主タイトルと更新日時のフォントをグーグルフォントに変える手順
※最初に選んだのは「Stick」 フォント
①グーグルフォントでコード表示
グーグルフォントのページで
・headに貼るコード（@import urlから始まる）
・class指定用コード（.から始まる）
を表示させる
（コピペできる。@importの方にチェックする）
②CSS編集
tegalog-journal.cssを編集する。
2種類のコードは、css先頭の@charset "utf-8"; の下に貼り付けた。
③HTML編集
skin-cover.htmlを編集する
<!-- ▼ここに主タイトルが挿入されます。 -->の下にある[[FREE:TITLE:MAIN]]をクラス指定し<span>で囲う。
更新日時はclass要素を「date」の後ろに追加した。
#てがろぐ
※最初に選んだのは「Stick」 フォント
①グーグルフォントでコード表示
グーグルフォントのページで
・headに貼るコード（@import urlから始まる）
・class指定用コード（.から始まる）
を表示させる
（コピペできる。@importの方にチェックする）
②CSS編集
tegalog-journal.cssを編集する。
2種類のコードは、css先頭の@charset "utf-8"; の下に貼り付けた。
③HTML編集
skin-cover.htmlを編集する
<!-- ▼ここに主タイトルが挿入されます。 -->の下にある[[FREE:TITLE:MAIN]]をクラス指定し<span>で囲う。
<span class="stick-regular(クラス名)">[[FREE:TITLE:MAIN]]</span>
更新日時はclass要素を「date」の後ろに追加した。
<span class="date stick-regular">[[INFO:LASTUPDATE:Y年G月N日(b) h:m:s〔A〕]] 更新</span>
#てがろぐ
2025/02/05 (Wed)
19:31:58
No.50
by
ミサキ
〔32日前〕
ギャラリーモードと画像一覧モードの違い
【ギャラリーモード】skin-gallery
・画像が含まれる「投稿」が表示される
・表示投稿を限定することもできる（カテゴリ限定、ハッシュタグ限定）
→FAQ「ギャラリーモード内でも表示対象を限定して表示する方法」
【画像一覧モード】skin-pict
・画像保存用ディレクトリのすべての画像が表示対象。
・画像に「一覧外」フラグを付ければ、表示されなくなる。
・ギャラリーモードと同じく複数スキンの併用も可能。
https://www.nishishi.com/cgi/tegalog/cus...
#てがろぐ
【ギャラリーモード】skin-gallery
・画像が含まれる「投稿」が表示される
・表示投稿を限定することもできる（カテゴリ限定、ハッシュタグ限定）
→FAQ「ギャラリーモード内でも表示対象を限定して表示する方法」
【画像一覧モード】skin-pict
・画像保存用ディレクトリのすべての画像が表示対象。
・画像に「一覧外」フラグを付ければ、表示されなくなる。
・ギャラリーモードと同じく複数スキンの併用も可能。
https://www.nishishi.com/cgi/tegalog/cus...
#てがろぐ
2025/02/05 (Wed)
08:32:57
No.49
by
ミサキ
〔32日前〕
★他サイトの画像を貼る方法
https://www.nishishi.com/cgi/tegalog/usa...
外部サーバ等に存在する画像も、URLを使って表示できる。
【PICT:https://www.example.com/suika.png】のように書くと、指定URLの画像が表示されます。
【PICT:すいか:https://www.example.com/suika.png】のように書くと、指定URLの画像が「すいか」という代替文字が指定された状態で表示されます。
※かっこは【→[ に読み替える
↓お絵描きブログのギャラリーページにある画像を貼ってみた（画像のアドレスを取得すれば可）
#てがろぐ
https://www.nishishi.com/cgi/tegalog/usa...
外部サーバ等に存在する画像も、URLを使って表示できる。
【PICT:https://www.example.com/suika.png】のように書くと、指定URLの画像が表示されます。
【PICT:すいか:https://www.example.com/suika.png】のように書くと、指定URLの画像が「すいか」という代替文字が指定された状態で表示されます。
※かっこは【→[ に読み替える
↓お絵描きブログのギャラリーページにある画像を貼ってみた（画像のアドレスを取得すれば可）
#てがろぐ
2025/02/04 (Tue)
22:35:58
No.48
by
ミサキ
〔33日前〕
ギャラリーモードの色違いバージョンを作成してみた。クイックポスト欄は削除した。
https://sub.amehare556.site/tegalog/tega...
カスタマイズ方法→▼複数のギャラリー用スキンを併用する方法より抜粋
#てがろぐ
https://sub.amehare556.site/tegalog/tega...
カスタマイズ方法→▼複数のギャラリー用スキンを併用する方法より抜粋
設定画面で設定されたギャラリー用スキンが適用されるギャラリーモード： tegalog.cgi?mode=gallery
skin-altディレクトリのギャラリー用スキンを適用したギャラリーモード： tegalog.cgi?mode=gallery&skin=skin-alt
skin-subディレクトリのギャラリー用スキンを適用したギャラリーモード： tegalog.cgi?mode=gallery&skin=skin-sub
上記のように、ギャラリーモードを指定するパラメータ mode=gallery と同時に、適用スキンを指定するパラメータ skin=ディレクトリ名 を指定すると、そのスキンを適用した状態でギャラリーモードが表示される。
ギャラリー用の本番スキンを適用したままで、別のギャラリー用スキンの動作を試す。
ギャラリー用スキンも複数個を用意しておいて、用途に応じて使い分けることができる。
例えば、カテゴリによってギャラリー用のスキンを分けるなど、複数のギャラリー用スキンを併用したい場合に活用できる。
#てがろぐ
