Skip to main content

テーマ選択画面で GitHub Pages サイトにテーマを追加する

サイトの見た目をカスタマイズするため、GitHub Pages サイトにテーマを追加できます。

GitHub Pagesは、GitHub Free及びOrganizationのGitHub Freeのパブリックリポジトリ、GitHub Pro、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Serverのパブリック及びプライベートリポジトリで利用できます。 詳しい情報については「GitHubの製品」を参照してください。

リポジトリの管理者権限があるユーザは、GitHub Pages サイトにテーマを追加するため、テーマ選択画面を使用できます。

テーマ選択画面について

テーマ選択画面は、リポジトリに Jekyll テーマを追加するためのものです。 Jekyll に関する詳しい情報については、「GitHub Pages と Jekyll」を参照してください。

テーマ選択画面の動作は、リポジトリがパブリックかプライベートかにより異なります。

  • GitHub Pages がリポジトリに対して既に有効である場合、テーマ選択画面は、現在の公開元にテーマを追加します。
  • リポジトリがパブリックで、GitHub Pages がリポジトリに対して無効である場合、テーマ選択画面を使用することで GitHub Pages が有効となり、デフォルトブランチを公開元として設定します。
  • リポジトリがプライベートで、GitHub Pagesがリポジトリに対して無効である場合、テーマ選択画面を使用する前に、公開元を設定して GitHub Pages を有効にする必要があります。

公開元に関する詳しい情報については、「GitHub Pages について」を参照してください。

Jekyll テーマをリポジトリに手動で追加したことがある場合には、それらのファイルが、テーマ選択画面を使用した後も適用されることがあります。 競合を避けるため、テーマ選択画面を使用する前に、手動で追加したテーマフォルダおよびファイルをすべて削除してください。 詳しい情報については、「Jekyll を使用して GitHub Pages サイトにテーマを追加する」を参照してください。

テーマ選択画面でテーマを追加する

  1. GitHub Enterprise Cloudで、サイトのリポジトリにアクセスしてください。

  2. リポジトリ名の下で Settings(設定)をクリックしてください。 リポジトリの設定ボタン

  3. 左のサイドバーでPages(ページ)をクリックしてください。 左のサイドバーのPageタブ

  4. [GitHub Pages] で、[Choose a theme] または [Change theme] をクリックします。 [Choose a theme] ボタン

  5. ページ上部の、選択したいテーマをクリックし、[Select theme] をクリックします。 テーマのオプションおよび [Select theme] ボタン

  6. サイトの README.md ファイルを編集するようプロンプトが表示される場合があります。

    • ファイルを後で編集する場合、[Cancel] をクリックします。 ファイルを編集する際の [Cancel] リンク
    • To edit the file now, see "Editing files."

選択したテーマは、リポジトリの Markdown ファイルに自動的に適用されます。 テーマをリポジトリの HTML ファイルに適用するには、各ファイルのレイアウトを指定する YAML front matter を追加する必要があります。 詳しい情報については、Jekyll サイトの「Front Matter」を参照してください。

参考リンク

  • Jekyll サイトの「Themes