ippen作品展示用スキン「ippen02・03」バラ配布



↓先頭固定がトップページに出る版
ダウンロード02 (2025/05/04更新)

↓トップがいきなり一覧版
ダウンロード03 (2025/05/04更新)


説明

• スキンセット「ippen」内作品展示用スキン単体での配布です
• ippenで別ファイルだったcssを統合し、単体スキンとして使用できるようにしています
• 使用フォント等はippenと同じなので割愛
• 一応利用規約

使い方

• セットの方のippenとだいたい同じです(自由装飾も同じものが入っています)(簡易メモ機能は付いていません)
• 02は記事を先頭固定でトップに、カテゴリ付けて投稿でメニューからの一覧に出ます
• 「WORKS」からのリンクは、全記事の一覧を出すため、adminユーザーの投稿一覧へ繋げています　特定のカテゴリや近年の投稿のリンクにするなどお好みでカスタムしてください
• 03のいきなり一覧版はトップが全記事一覧になります

※ヘッダー画像の差し替え方
管理画面→画像の管理 から「topimg_i.png」の名前の画像をアップ、もしくは「images」フォルダ内にそのまま入れてください(「設定」→「システム設定」→「画像投稿機能」で「元のファイル名をできるだけ維持する」になっているか確認してください)
元画像の大きさに関わらず、PCで150px四方、スマホで100px四方の円型になります。調整したい場合は「tegalog-ippen(数字).css」75行目より。
透過ロゴ画像やバナー等、丸くない画像を表示したい場合は「skin-cover.html」23行目あたり<img src="images/topimg_i.png" class="headimg maru">のclass="headimg maru"の「 maru」を消してclass="headimg"にしてください。

あとはセットの方のippenのデモサイトなども参考にしてください
ippenデモサイト

※既知のバグ
Safariで「キャプション付き画像を1枚目に配置すると、一覧のサムネイルの表示がずれる」というバグがあるようです。お手数ですが記事1枚目の画像をキャプションなしにするなどして回避してください。直せる目処が立ったら修正します。

#スキンippen
　
更新履歴
2025/05/04　リンクカード用CSS追加
2024/11/24

• トップ絵を丸いやつと丸くしないやつで選べるように
• カテゴリ第ニ階層まで対応
• その他軽微な修正

2024/05/27　軽微な修正
2024/05/11

• 自由装飾「thumb」でキャプションの行数が違う場合表示がずれる問題の修正
• リストのインデントが付かない問題の修正

2024/04/28　自由装飾「box」の名称を「box1」に変更
2024/04/26　配布開始