カスタマイズ

バッジの種類、カードのカラー、角丸、余白、ボタンラベルなどを管理画面から自由にカスタマイズできます。

ボタンラベル

カード表示と詳細ページに並ぶ4つのアクションボタンのラベルは、管理画面「基本設定」タブから自由に変更できます。デフォルトラベルは以下のとおりです。

設定項目 オプションキー デフォルト 説明
Details kgrd_label_details Details リポジトリ詳細ページへのリンクボタン
Source kgrd_label_source Source GitHubリポジトリへのリンクボタン
ZIP Download kgrd_label_download ZIP Download 最新リリースまたはデフォルトブランチのZIPダウンロード
Docs kgrd_label_pages Docs GitHub Pages サイトへのリンク(has_pages=true のリポジトリのみ表示)
ヒント

空欄で保存するとデフォルトラベルに自動的に戻ります。多言語サイトでは例えば 詳細 / ソース / ダウンロード / ドキュメント のように日本語化することも可能です。

バッジ設定

管理画面「バッジ設定」タブでは、リポジトリカードに表示する shields.io バッジを16種類から選択できます。

バッジ設定タブ

主要バッジ(既定ON)

バッジ 内容
Version最新リリースバージョン
Last Commit最終コミットからの経過時間
Licenseリポジトリのライセンス
Starsスター数
Forksフォーク数
Issuesオープンなイシュー数
Language主要プログラミング言語
Contributorsコントリビューター数

追加バッジ(既定OFF)

バッジ 内容
Watchersウォッチャー数
Open PRsオープンなプルリクエスト数
Closed Issuesクローズ済みイシュー数
Downloadsリリースのダウンロード総数
Code Sizeコードベースのサイズ
Repo Sizeリポジトリ総サイズ
Commit Activity直近のコミット頻度
Release Date最新リリース日

デザイン設定

「デザイン設定」タブからカードの見た目を変更できます。

デザイン設定タブ

カラー

項目 オプションキー デフォルト
ボタン文字色kgrd_button_text#ffffff
ボタン背景色kgrd_button_bg#333333
ボタン枠線kgrd_button_border#333333
カード枠線kgrd_card_border#dddddd
カード背景kgrd_card_background#ffffff
本文テキストkgrd_text_color#333333

レイアウト・装飾

項目 オプションキー デフォルト 説明
角丸kgrd_border_radius0px単位
余白kgrd_spacing16px単位
シャドウkgrd_enable_shadowオフカードにドロップシャドウ
アニメーションkgrd_enable_animationオフカードに軽いアニメーション
ホバー浮き上がりkgrd_enable_hover_liftオフホバー時にカードを浮かせる