私作成のHugoテーマkadluの資源一覧です。
カスタムしたい部分を見つけるために、コードを読む時間を短縮できればと…
資源一覧
テーマ内のフォルダでタイトルを分けています
root
| ファイル名 | 内容 |
|---|---|
| index.html(json) |
概要 サイトトップのテンプレート 主な機能 ・postフォルダ内の記事を一覧表示する ・それ以外は特殊メッセージ ・jsonは基本的なシングルページをリスト化して打ち出す |
| 404.html |
概要 404のテンプレート 主な機能 ・htaccessの設定でこのページへ来るようにしてください |
_default
| ファイル名 | 内容 |
|---|---|
| baseof.html |
概要 すべてのテンプレートファイルの外枠 主な機能 ・フラグでのAMP切り替え ・AMPのインストール ・タイトルの設定 ・共通headの取り込み ・ヘッダーの取り込み ・ヘッダーウィジェットの取り込み ・2カラムサイトの段組 ・メインコンテンツの取り込み ・サイドバーの取り込み ・フッターウィジェットの取り込み ・フッターの取り込み |
| single.html(json) |
概要 シングルページのテンプレート 主な機能 ・パンくずリスト ・ソーシャルボタンの取り込み ・記事内フラグによって日付の表示 ・記事内のパスからアイキャッチの表示 ・記事内フラグによって○○分で読めますの表示 ・記事内フラグによって目次の表示 ・目次下アドセンスの表示 ・記事の表示 ・タグの表示 ・(JSON)データも同時に作成 |
| section.html |
概要 セクションページのテンプレート デフォルトのurlはcontentフォルダ以下に作ったフォルダ名 主な機能 ・postフォルダ内の記事を一覧表示する ・それ以外は特殊メッセージ |
| taxonomy.html |
概要 カテゴリ、タグでの記事一覧表示 主な機能 ・postフォルダ内の記事を一覧表示する ・それ以外は特殊メッセージ |
| summary.html |
概要 記事一覧ループ時の表示 主な機能 ・記事内のパスからアイキャッチの表示 ・記事タイトルを表示 ・記事内にdescriptionがあれば表示(スマホ非表示) ・記事内にdescriptionがなければsummaryを作成表示(スマホ非表示) ・記事内フラグによって日付の表示 ・記事内フラグによって○○分で読めますの表示 |
| terms.html |
概要 カテゴリ一覧、タグ一覧の表示 主な機能 ・タイトルによりカテゴリ一覧またはタグ一覧を出す ・カテゴリ一覧は記事数も表示する |
search
| ファイル名 | 内容 |
|---|---|
| section.html |
概要 検索ページのテンプレート 主な機能 ・URLパラメータからも検索できる(キーはq) ・jsでindex.jsonを検索して表示する ・専用mdはsearch/index.md |
partials
| ファイル名 | 内容 |
|---|---|
| head.html |
概要 headを切り出したもの 主な機能 ・ogpの設定。主にtwitter ・canonicalの設定、サイトマップの設定 ・ビューポートとかレンダリングの設定 ・記事内フラグによってindex。noindexの切り替え ・configから各WEBマスターツールの登録 ・configからファビコン・タッチアイコンの設定 ・構造化マークアップ ・font-awesome4.7のインストール ・bulmaのインストール ・kadluオリジナルCSSのインストール |
| header.html |
概要 ヘッダー 主な機能 ・ヒーローデザインの表示 ・configで設定した画像の表示 ・configでメインメニューがあれば表示 ・ハンバーガーメニュー ・グロナビ用モーダルの表示 ・configで設定したサイトタイトルの表示 ・configで設定したサイトディスクリプションの表示 |
| header-widget.html |
概要 ヘッダーウィジェット 主な機能 ・ヘッダー下、記事上に表示 ・好きにカスタマイズしてください ・デフォルトでは空白です。 |
| sidebar.html |
概要 サイイドバー 主な機能 ・configでアドセンスを登録していると広告表示 ・configでサブメニューを登録していれば表示 ・ライター情報を表示 ・configのライター名を表示 ・configのプロフィール画像があれば表示 ・configのメールアドレスがあれば表示 ・configの各SNS設定があれば表示 ・カテゴリ一覧と記事数を表示 ・目次を表示 ・シェアボタンを表示 |
| social.html |
概要 ソーシャルボタン 主な機能 ・はてな |
| adsense.html |
概要 グーグルアドセンス 主な機能 ・コンフィグファイルで各パラメータを設定 |
| footer.html |
概要 フッターパーツ 主な機能 ・上部へ戻るボタン ・フッターメニューがあれば表示 ・configに自動広告の設定があれば使用 ・GTM設定があれば使用 |
| footer-widget.html |
概要 フッターウィジェット 主な機能 ・記事下、フッター上に表示 ・好きにカスタマイズしてほしい ・デフォルトではpostの場合、アドセンスの関連コンテンツとHugoの関連コンテンツを表示する |
shortcodes
| ファイル名 | 内容 |
|---|---|
| a.html |
概要 内部リンク用のショートコード 主な機能 ・リンク先からタイトルとdescriptionを取得して表示する |
| ads.html |
概要 広告用ショートコード 主な機能 ・configの設定値を利用してアドセンスを表示する |
| balloon.html |
概要 吹き出し用のショートコード 主な機能 ・吹き出しを表示する ・デフォルトのアイコンはconfigのプロフィール用画像 ・パスの指定で画像の出し分けが可能 |
| card.html |
概要 カードのショートコード 主な機能 ・カードを表示する ・タイトルが表示可能 |
| afi.html |
概要 アフィリエイト用のショートコード 主な機能 ・2カラムで画像とボタンを表示する ・クリックイベントをアナリティクスに伝える |
CSS
| stylesheet-custom.css |
概要 好きに使ってほしいスタイルシート 主な機能 ・好きに使って上書きしてください ・子テーマ的に使うと良いです。 |
| stylesheet-kadlu-common.css |
概要 kadluのコモンスタイル 主な機能 ・スティッキー ・SNSボタン ・インラインスタイル ・そんなにいじることは無いのでmin化 |
| stylesheet-kadlu-custom.css |
概要 kadluのカスタムスタイル 主な機能 タイトルデザインなど これを削除すると、基本的な装飾がすべてリセットされます カスタムしたい方向けに切り出し SCCSも用意しているので、色の変数などを変えてお使いください |
JS
| kadlu-common.js |
概要 kadluのコモンJS 主な機能 ・共通部分へのイベント追加 |
| kadlu-search.js |
概要 kadluの検索用JS 主な機能 ・indexのリストから有効文字列を検索する ・パラーメータ(?q=○○)で渡ってきた場合も使用可能 |
CDN
サーバーに負担を掛けないようになるべくCDNを使っています。
表示速度確保のため、jsのインポートは避けています
| bulma.css |
概要 bulmaのCSS 主な機能 ・基本の枠組みCSS |
| jQuery.js |
概要 jQuery 主な機能 ・ただのJQuery ・JSは基本JQueryで書いています。 |
| fontAwesome.js |
概要 アイコン用JS 主な機能 ・ところどころにあるアイコンフォント |