CMSkin for てがろぐダウンロード・使い方

ファイル内容

ダウンロードしたZIPを解凍すると以下のようなフォルダ・ファイル構成になっています。

/CMSkin/
　├/_modules/　…カスタマイズしたいとき主に編集するファイル群
　│　　　├footer.html
　│　　　├header.html
　│　　　├response.html
　│　　　└skin-cms.css
　├/skin-cms/　…メインスキン
　│　　　├skin-cover.html
　│　　　└skin-onelog.html
　├/skin-gallery/　…　1枚目のみ表示ギャラリースキン
　│　　　└/all/　…　記事内画像全部表示するギャラリースキン・使わなければアップロード不要
　│　　　│　├skin-cover.html
　│　　　│　└skin-onelog.html
　│　　　├skin-cover.html
　│　　　└skin-onelog.html
　│/skin-sitemap/　…　サイトマップモード用スキン
　│　　　├skin-cover.html
　│　　　└skin-onelog.html
　└ReadMe.txt（アップロード不要）

これらのフォルダを「tegalog.cgi」があるディレクトリにアップロードしてください。

てがろぐ管理画面での設定

「CMSkin for てがろぐ」ではカテゴリIDによる表示モード・デザイン切り替えを行っています。

デモサイトでのカテゴリ設定は上画像のようになっており、グローバルナビゲーションやその他のカテゴリリンクをたどったときに

カテゴリIDに「info」を含むものは時系列順
カテゴリIDに「novel」を含むものはサイトマップモード時系列順
- 記事単体表示時に小説用デザイン
カテゴリIDに「pict」を含むものはギャラリーモード
カテゴリIDに「memo」を含むものはそれ専用デザイン

で表示されます。すでにてがろぐを運用していてそんなカテゴリIDではないけど上記の切り替えを使いたいという場合のみスキンの修正が必要になります（「tegalog.xml」「tegalog.ini」を編集しすでに設定してあるカテゴリIDを変更する方法もありますが手間なのでお勧めしません）。

また、カテゴリIDによって記事本文部分のデザインを変えることができます。デフォルトでは

カテゴリIDに「novel」を含む小説用デザイン
カテゴリIDに「memo」を含む記事用デザイン
カテゴリID「res_memo」用の吹き出しデザイン
それ以外の基本デザイン

があります。

独自表示・機能について

基本的には「_module」フォルダ内の「header.html」「footer.html」「skin-cms.css」のみの編集で行います。

検索ロボット避けメタタグ

「header.html」9行目付近に検索ロボット避け・Pinterest拒否用のメタタグがあります。不要なら削除してください。

入口認証モーダル

当スキンを適用しているてがろぐにアクセスした初回時、以下のようなモーダルが出ます。

「header.html」29～63行目付近がその記述です。NOボタンを押したときの飛び先もここで設定できます。

ここに表示されるメッセージ（赤枠の部分）はてがろぐで投稿した記事を[[ONEPOST:記事No]]の記法で表示しています。てがろぐ通常閲覧の際に見せたくない場合は機能「下書き」を選ぶか、上記[[ONEPOST:記事No]]のかわりにフリースペース分割で[[FREESPACE:数字]]としてください（フリースペースの使い方）。

不要なら～をまるっと削除してください。

グローバルナビ・パンくずリスト

グローバルナビにはカテゴリ一覧を二階層まで表示しています（三階層以下はあっても表示されません）。

パンくずリストには

設定＞フリースペース＞ページのフッタ部分に表示するリンク
てがろぐ自身へのリンク
[[SITUATION:HTML]]

を表示しています。「header.html」後半のコメント行を参考に編集や削除してください。

日付境界バー

こちらの表示非表示はてがろぐ管理画面の「設定＞ページの表示＞ページの表示／全体」で設定ができます。

トップページのみの表示

更新履歴カテゴリの新着一覧表示

カテゴリID「update_memo」の新着をjQueryで出力しています。「footer.html」190行目付近の[[LATESTLIST:CAT(update_memo)]]で表示したいカテゴリIDを編集してください。不要ならまるっと削除してください。

トップでは先頭固定記事のみ表示

に伴って表示順変更リンクやページ送りリンクも非表示になっています。これらや通常投稿も表示したい場合は「footer.html」178～182行目付近を編集してください。

小説カテゴリの記事単体表示時に区切りによってページ内リンクを生成

一つの投稿に超長文を投稿するとき向けかなと思いカテゴリIDに「novel」を含むカテゴリに属した記事の単体表示のみに生成されます。

てがろぐで投稿する際に区切りにしたい文字（なんでもOK）を自由装飾ボタンで囲み、適用するclass名を半角で「hr」としてください。実際にどのような表示になるかはページ内リンクデモでご覧ください。

mp3・mp4の埋め込み表示

てがろぐ Ver. 3.9.4以前だとデフォルトではmp3やmp4の表示に対応していません。それを表示できるようにしました。実際の表示はmp3・mp4の埋め込み表示デモをご覧ください。ただ、この方法だとてがろぐCGIからは画像と判断されるため「ギャラリーモード」で表示される記事に含まれてしまいます。これを避け、でもてがろぐ上で動画等を見せたい場合は、「footer.html」312～328行目付近を削除し、てがろぐ上で動画を表示する方法をお試しください。

記事リンク先ポップアップ・埋め込み引用

「>>記事No」など、自てがろぐ内の記事へのリンクをクリック・タップしたときにリンク先の本文がポップアップします。また、投稿の際に記事リンクを装飾ボタン「引用」で囲むとリンク先本文をテキストとして100文字ほど埋め込み表示できます。

実際の表示は記事リンク先ポップアップ・埋め込み引用でご覧ください。

クリックで記事No.リンクをクイックポストフォームに自動記入するボタンなど

「response.html」を適宜編集してください。いいねボタン改の設置については個人サイト向けいいねボタン・改配布ページ | do gt-gt.orgさんをどうぞ。スクリプト読み込みタグは「footer.html」399行目付近にあるので適宜パスを書き換えてください。

ありがとうございます！

10press