何らかの配布場

ippen更新履歴埋め込みスキン「kousin02」バラ配布



htmlにてがろぐの最新記事更新履歴を埋め込むスキン
ダウンロード

説明

• スキン「ippen」内更新履歴埋め込み用スキン単体での配布です
• ippenで合体してたcssをkousin部分だけ抜き出して単体ファイルにして同梱しています
• 使用フォント等はippenと同じなので割愛
• 一応→利用規約

作成にあたり以下の記事を参考にさせていただきました。ありがとうございます！
→てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法
→先頭固定機能を使いつつ、最新の1件を別ページに埋め込みたい場合の方法
→「てがろぐ」の最新投稿をWordPressに埋め込んでみた

以下使い方
続きを読む
①「skin-kousin02」のディレクトリを「tegalog.cgi」と同じ場所に設置してください。(「setup.txt」は削除していいです)

②更新履歴を埋め込みたいhtmlファイルに以下の記述を足してください↓

<!-- 更新履歴(てがろぐkousin02スキン埋め込み) -->
<iframe class="kframe" src="tegalog/tegalog.cgi?skin=skin-kousin02&q=-BibbidiBobbidiBoo"></iframe>

※「src="tegalog/tegalog.cgi?」の部分は、てがろぐ本体を設置したディレクトリ名に合わせて書き換えてください。

③iframeの内側部分は「tegalog-kousin02.css」で装飾していますが、iframeの外枠部分は埋め込んだhtmlファイルを装飾するcssファイルに記述する必要があります。以下は装飾例です↓(このままでよければコピペしてください)

/* 更新履歴(外枠) */
.kframe {
   display: block;
   border: 1px solid lightgray;/* 外枠の線 */
   width: 100%;/* 外枠の幅 */
   max-width: 600px;/* 外枠の最大幅 */
   height: 100px;/* 外枠の高さ */
   margin: 0 auto 3rem;
}

#スキンippen
　
2024/04/07　配布開始
畳む

#自由装飾
更新履歴を自由装飾でスクロールバー付きボックスにしたので置いておきます
(kozinリニューアルに合わせて少し変更)

「s-box」
/* スクロールボックス */
.deco-s-box {
display: block;
width: 90%; /* 横幅 */
height: 100px; /* 縦幅 */
margin: 1rem auto;
padding: 1rem;
border : 1px solid 好きな色; /* 枠線 */
overflow: auto;
}

てがろぐの記事投稿時の改行を反映する機能とこういうblock系の装飾は、書くときの改行と余白の取り方を感覚的に一致させたいとき難しくて…まあ…こう…記事書くときに工夫してみてください(投げた)

「ippen」とりあえず配布しました！色々見落としありそうなのでしばらく修正強化期間にしたいです　特に更新履歴埋め込み周りの挙動が怖いので、よろしければお気軽にバグ報告とか質問お願いします…
→連絡用Googleフォーム

テンプレート＋スキン「ippen」配布



ダウンロード (05/27更新)

→デモサイト(詳しい使い方)

説明

• HTMLとCSSのテンプレートと、にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンのセットです(Ver 4.3.0で動作確認)
• トップページ用HTMLテンプレと作品展示用てがろぐで、ちょっとした個人サイトを作成することを想定しています
• てがろぐ公式の標準スキンを改造して作っています
• 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください

使用フォント
アイコン：Remix Icon
タイトルなどのフォント：Google Fonts Lato / IBM Plex Sans JP
デモ用画像など：Unsplash / FLAT ICON DESIGN
(※素材等はこのサイトのデモからではなく、元の素材サイト様からDLしてください)

なんでテンプレ＋スキンのセット？
hokanやtenranはトップページもてがろぐ内で作れるようにしたけど、indexだけHTMLにした方が使い勝手がいいんじゃないかと思ったため(ドメイン名でサイト表示できるし他スクリプトも置きやすいかと思います)

主な機能

• 埋め込み用スキンを使用し、てがろぐで更新した記事がindexに自動で載るようになっています
• 特定IDのカテゴリ＋下げる投稿でつぶやき系の表示になる簡易メモ機能が付いています(※Ver 4.2.2以降推奨)
• メタタグによる簡単な検索避け付
• てがろぐの機能：カテゴリ、ハッシュタグ、フリースペース、鍵、NSFW画像ぼかし機能等

詳しくはデモサイトで解説しています

#スキンippen
　
更新履歴
続きを読む
2024/05/27　軽微な修正
2024/05/18　簡易メモ機能追加
2024/05/11
・自由装飾「thumb」でキャプションの行数が違う場合表示がずれる問題の修正
・リストのインデントが付かない問題の修正
2024/04/28　干渉を避けるため「box」クラス名を「box1」に
2024/04/26　メニュー部分を画面横幅いっぱいにした
2024/04/06　配布開始

畳む

＞04/01 20:21の方へ
続きを読む
嬉しいメッセージありがとうございます！お役に立てたようで何よりです。温かい応援いただけて、開発のモチベも上がってきました…！近日中にお披露目できるといいなと思います。改めてありがとうございます！
畳む

#開発
index.htmlテンプレ ＋ 作品展示用てがろぐスキン ＋ htmlに最新投稿を表示する用スキン　のセットをちまちま開発しています　やることが多い…！のでまだしばらくかかりそうですが…
てがろぐ公式でカテゴリ内記事遷移機能がデモ実装されたそうなので、スキン側の記述も実装されるタイミングが合えばしれっと追加したい　待機