IPPENデモサイト

personal site template + skin

No.8

使い方補足

全体の色カスタマイズ方
「ippen-style.css」ファイル13行目くらいからの「カスタム用色変更欄」のカラーコードを書き換えてください


トップ画像の変え方
imgフォルダにある「topimg_i.png」という名前の画像を差し替えてください
PC~タブレットでは最大縦幅150px、スマホ等では100pxで表示されます。「ippen-style.css」76行目あたりの/* ヘッダー画像 */に設定がありますので大きさ等はお好みでカスタムしてください


RemixIconの使い方
→RemixIcon
ippen_use_02.png
CDN(アイコンを使うためのリンク)はindex.htmlとskin-cover.htmlの<head>で読み込んであります
メニュー先頭のアイコンやSNSリンクのアイコンなど、htmlファイルで指定されている箇所は、<i class ~ </i>のタグを貼り付けてください
CSSファイルのcontent:~;で指定されている箇所は&#x~のあとの4桁の英数字をバックスラッシュの後ろに貼り付けてください


バラして使いたい
展示用てがろぐスキンだけ使っても、更新履歴部分だけ抜き出して使ってもOKです
「skin-ippen」のCSSは「ippen-style.css(共通CSS)」・「tegalog-ippen.css(てがろぐ用CSS)」・「ichiran-e(mozi).css(一覧用CSS)」の3つ、
「skin-kousin」のCSSは「ippen-style.css」内123行目~174行目あたりにあります
それぞれ抜き出して合体させるなり、全部同じディレクトリに入れて読み込むなりお好みでどうぞ
後でそれぞれのスキンをバラしたやつも作ろうと思っていますので、そちらを待っていただいても
(2024/04/28)作りました
>>ippen作品展示用スキン「ippen02・03」バラ配布
>>ippen更新履歴埋め込みスキン「kousin02」バラ配布


ログイン時のみクイック投稿欄などの表示設定
「設定」→「投稿欄の表示」→【QUICKPOSTの表示】で「ログインしている際にのみ表示する」


文字メイン一覧デザインへの切り替え方
skin-ippenの「skin-cover.html」と同じディレクトリに「ichiran-mozi.css」のファイルを入れ、「skin-cover.html」14行目あたりの
<link type="text/css" rel="stylesheet" href="ichiran-e.css?ver=1.0.0">
の「ichiran-e.css」を「ichiran-mozi.css」に書き換えてください
文字メイン一覧デザインはこんな感じ↓
ippen_ss_05.png


展示用てがろぐへのリンク
メニューからはてがろぐトップ(作品一覧)へ繋げていますが、カテゴリごとへのリンクをトップに作るとかある程度調整ができます。てがろぐ記事投稿の仕方によって色々できると思いますので、お好みでカスタムしてみてください


更新履歴の記事数を変えたい
skin-kousinのskin-cover.html内20行目あたり
[[TEGALOG:3]]
と書いてあるところの数字を好きな数に変える

更新履歴スキンをiframeで埋め込む方法は、下記の記事を参考にさせていただきました ありがとうございます!
→「てがろぐ」の最新投稿をWordPressに埋め込んでみた

にししふぁくとりー様 SSIで埋め込む方法のページ
→てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法
→先頭固定機能を使いつつ、最新の1件を別ページに埋め込みたい場合の方法

(他の方の質問へのレスですが)履歴をiframeで埋め込む際のPowered-by表記について
→No.4296
→No.4297


<<てがろぐIPPEN自由装飾 / 簡単な使い方>>

使い方

ここはフリースペースです
設定→フリースペース→多目的フリースペース から編集できます