てがろぐギャラリーモード用スキン「フラミンゴの夢」

てがろぐのギャラリーモード用のスキンを作ったので、配布してみることにしました。

お手軽マイクロブログCGI「てがろぐ」：スキン式で複数ユーザ対応

スキン式で複数ユーザ認証機能のあるマイクロブログ的なフリーCGI「てがろぐ」の公式配布サイト。備忘録・メモ帳・日記・チャットツールなどとしてのほか、「自分専用Twitter」などマイクロブログツールと …

www.nishishi.com

特徴

てがろぐギャラリーモード専用のスキンです。Bootstrap Icons を使用しています。 レスポンシブデザインです。

ギャラリーモード以外では使えませんのでご注意ください。

• 画像を含む投稿の「1枚目に掲載されている画像」がカードのヘッダーに表示されます。
• 個々のカードから通常モードの記事に飛べるようになっています。
• 記事の編集、削除がカードからできます。
• 編集系リンクはログイン時のみ表示されます。
• NSFW画像にはぼかしがかかります。
• フッターにはfreespaceの内容を入れることができます。

ギャラリーモードの詳細はてがろぐ作者・にしし様のてがろぐ 使い方・設定方法 - にししふぁくとりーをご覧ください。

サンプルサイト

ギャラリー ［336件］ - ペチカのそばで ゲーム中心の毎日

あおうまの日記です

akikaze.net

スクリーンショット

ファイル配布

ESET Internet Security ver.19.0 14.0でスキャン済

設置方法

1. 公式のギャラリーモード用スキンをバックアップします（リネームが簡単です。skin-gallerybynishishiなど)
2. ダウンロードファイルFlamingo.zipを解凍すると中にskin-galleryフォルダがあるので、それをてがろぐ本体のCGI(tegalog.cgi)が置かれているフォルダにそのままコピーします。
3. FTPソフトなどでフォルダ構成を保ちアップロードを行います。
4. 自分のてがろぐのギャラリーモード（tegalog.cgi?mode=gallery）にアクセスします。

次のような階層構造になります。

C:\NEWSITE\TEGALOG
│  .htaccess
│  fumycts.pl
│  psif.cgi
│  README.TXT
│  skin-cover.html
│  skin-onelog.html
│  tegalog.cgi
│  tegalog.css
│  tegalog.ini
│  tegalog.xml
│  tegup.php
│
└──skin-gallery ※ギャラリーモード用スキン
        skin-cover.html
        skin-onelog.html
        skin-gallery.css

おすすめの設定

設定は以下のようにするのがおすすめ。

• 「補助出力」タブ→【ギャラリーモードの出力】
  • ☑ギャラリー表示機能を使う
  • スキン格納ディレクトリ名：skin-gallery
  • ☐日付境界バーを挿入する（チェックを外す）
  • ☑該当件数とページ番号を表示する
  • ☑画像を(原寸画像への)リンクにする
• 「ページの表示」タブ⇒【状況に応じた見出しの表示】⇒▼状況に応じた見出しの表示形態：列挙
• 「ページの表示」タブ⇒【ナビゲーションリンクの表示】⇒▼ページ番号リンク：☑総ページ数が多ければ途中のページ番号リンクを省略する

更新履歴

2026-01-30 Ver.1.0.0 公開。

動作確認環境

• てがろぐ Ver 4.7.0（ギャラリーモード）
• Windows 11 Home PC（Chrome / Firefox 最新バージョン）
• Galaxy S8(Chrome / Firefox 最新バージョン)
• タブレット表示：Chromeの開発者ツールで確認

カスタマイズ

カスタマイズは自由におこなってください。

色指定

skin-gallery.css 13行目からのCSS変数のカラーコードを変更してください。

カラースキームはPower Design Inc.著『色数は少ない方がかっこいい！』(ソシム株式会社,2022年)の「夢見るペールオレンジ」×「コーラルピンク」を使用しました。

• basecolor1 - 全体の背景色 #f2d9b8 夢見るペールオレンジ
• accentcolor1 - ペアカラー（補助色） #d7888a コーラルピンク
• accentcolor2 - リンクなどの色 #879acd グレイッシュブルー
• wordcolor - 指定がない場合の文字色 #332e27 メインカラーの暗色

1ページに表示される投稿カードの数

1ページに表示される投稿カードの数は18です。 skin-cover.htmlの27行目に以下のような記述があります。

  <div class="articlelist">[[TEGALOG:18]]</div><!-- 記事を挿入 -->

この[[TEGALOG:18]]の部分の数字を書き替えることで調整ができます。

検索エンジン避け

デフォルトでskin-cover.htmlの5-6行目に以下の記述が入っています。

<!-- ↓検索エンジン避けのメタタグ。不要な場合は削除してください。 -->
  <meta name="robots" content="noindex,nofollow,noarchive,noimageindex">

積極的なSEOをしたい方は削除してください。

規約

許可していること

1. スキンの制作者リンクを消す

⇒デザイン的に気になる場合は。
※てがろぐCGIの著作権表示は消さないでください。

2. 無料での著作権表示を含めた再配布

⇒改造バージョンを配布することもOKです。
※その場合も、このreadme.txtは添付してください。（Bootstrap Iconsの利用規約のため）

3. 年齢制限コンテンツのある創作系サイトでの利用

⇒OKです！

禁止事項

1. 著作権を偽る行為（自作発言）
2. 売買（このスキンそのもの、または改造版を商材として売るなどの行為）
3. 宗教系、政治活動系、実写アダルトコンテンツをメインとするサイトでの使用

以上の行為は禁止です。

免責事項

このスキンを使用した上で被った損害については、作者は一切の責任を負うものではございませんので、あらかじめご了承ください。また、スキンに関する個別のカスタマイズ依頼やサポートは行っていません。不具合報告は作者サイトまでお願いします。

Licence

A Modern CSS reset

Andy Bell 氏のA More Modern CSS Reset を用いて、CSSリセットを行っています。 ライセンスはDeed - Attribution 4.0 International - Creative Commonsです。 コードはオリジナルを使用しており、変更点などはありません。

Bootstrap Icons

Bootstrap Iconsを利用しております。 MITライセンスを転記しておきます。

The MIT License (MIT)

Copyright (c) 2019-2024 The Bootstrap Authors

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.