※カスタマイズはバックアップとってから始めるといいです

※リトルサーバーお使いの方、WEBマネージャーから直接ファイルを編集すると\(半角バックスラッシュか¥)が消える問題があるようです　基本ローカルのテキストエディタとかで編集してアップするのがいいと思います

・ヘッダー画像の変え方→管理画面の「画像の管理」 から「tega_header.png」という名前の画像をアップする、もしくは「images」フォルダ内にそのまま入れる
「設定」→「システム設定」→「画像投稿機能」で「元のファイル名をできるだけ維持する」になっているか確認してください
(横縦4：1の比率で表示されます　1000px ✕ 250pxくらいが最大値です)
ファイル名や画像の種類を変えたい場合は「skin-cover.html」の43行目あたりの「ヘッダー画像」に設定があります

・全体配色の変え方→「tegalog-hokan.css」12行目あたりからの「カスタム用色変更欄」のカラーコードをいじってください

・メニューの増やし方→「skin-cover.html」の29行目あたりからのメニュー部分に<li>タグで囲んだリンクを付け足してください(文字でもRemixIconのアイコンでも)長くなったメニューはスマホでは横スクロールできるようになってます(なってるはずです)(なっててくれ頼む)
RemixIconの使い方はLineAwesomeとほぼ同じです(検索した方がちゃんとした説明が見つかるはず)

・見出しなどのフォントの変え方
Google Fontsの使い方はググれば出てくると思うんですがスキンの設定としては、「skin-cover.html」15行目からフォントの読み込みを、「tegalog-hokan.css」25行目あたりの「タイトルなどのフォントの名前」でフォント名の指定をしています　ここを上書きしてください

一覧デザインの切り替え方
「omake」フォルダには、一覧の別デザインcssファイルが入ってます

↓「ichiran-mozi.css」…画像なし文字リンクのみの一覧デザイン


↓「ichiran-e.css」…画像大きめの一覧デザイン


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

・「ichiran-mozi」で抜粋文の字数を変えたい→「skin-onelog.html」11行目くらいの[[COMMENT:BODY:50]]ってとこの数字を変える
・抜粋文に(画像省略)って表示されるの消したい→「設定」→「ページの表示」→【投稿本文の表示／画像】の「▼画像が省略される場面での表示」

・カテゴリごとにデフォルトサムネや横の線の色を変えたい
「ichiran(-e).css」の末尾に以下のように付け足します
.ichiran.カテゴリID .NoImageError { background-color: 好きな色;}
.ichiran.カテゴリID .NoImageError::before { content: 'アイコンの番号';}

カテゴリなしとかデフォサムネ全部を変える場合は、/* 記事に画像がないときのサムネ */のところの
.NoImageErrorのbackground-color、.NoImageError::beforeのcontentを同じように変えてください
contentには文字とか記号とかも入れられます

「ichiran-mozi.css」の場合は
.ichiran.カテゴリID { border-color:好きな色;}　でOKです

※鍵投稿は何のカテゴリでも鍵サムネになります


<<次 Lightbox以外の画像拡大ビューアを使用する場合 / おすすめ設定 前>>