テーマファイルについて

Bonesテーマのファイル確認

更新日:

Bonesテーマをインストール

WordPressテーマを自作するにあたり、必要なテーマファイル構成を調べるため開発者用WrodPressテーマのBonesをインストールします。

Bonesは、必要最小限の機能を持つモバイルファーストのHTML5スターターテーマです。

Bones6つの特徴

  1. Bones is a WordPress Theme for Developers
    (開発者向けのWordPress テーマ)
  2. Bones is not a Framework
    (フレームワークではなく子テーマを用いない。)
  3. Bones is Mobile-First & Responsive
    (モバイルファーストでレスポンシブテーマである。)
  4. Bones comes loaded with Sass
    (CSSの作成にSassを利用)
  5. Custom Post Types & Custom Dashboard Functions Preloaded
    (カスタム投稿タイプとカスタムダッシュボード機能がプリロードされている)
  6. Bones is totally Free
    (完全無料利用可能)

Bonesテーマは、GitHubで管理されておりダウンロードできます。

Bonesは、著作権やその他の占有権を放棄し再配布や改変が可能なWTFPLライセンスです。

詳細は、Bonesホームページ(https://themble.com/bones/)を参照してください。

Boneテーマ追加インストール

GitHubよりBoneテーマファイルをzip形式でダウンロード。

外観>テーマ 新規追加をクリック。

新規追加ボタンよりテーマファイルzip形式を追加する

ダウンロードしたzipファイルを選択してアップロードを実行する。

Zip形式のテーマファイルをアップロード・

アップロードが完了すると追加テーマが表示されます。

bonesテーマの表示

Bonesテーマを有効化してサイト表示するとBonesテーマが適用されたサイトが表示されます。
(下記はサイトトップページ)

Bonesテーマ適用後のサイト表示。

Bonesテーマ追加後のファイル構成

(wp-contents>themesフォルダに、ダウンロードしたzipファイル名のフォルダが追加されています。)

Bonesテーマ追加後のファイル構成

Bonesテーマフォルダ内のファイル

(Bonesテーマフォルダtheme-bones-master内のファイル一覧)

Bones公式テーマをGithubよりダウンロードし、WordPressに適用すると上記のファイルがテーマフォルダに書き込まれます。

必要最小限の機能を持つモバイルファーストHTML5スターターテーマでのBonesであっても、テーマファイルとして認識させるために必要なファイルは、上記すべてではありません。

Boneテーマを正常に認識し、サイトを表示させるのに必要なファイルのみを残すと以下のファイル構成となりました。

Bones最小ファイル構成
Bones最小ファイル構成
最小ファイル構成でのサイト表示
最小ファイル構成でのサイト表示
最小ファイル構成でのテーマ認識状態
最小ファイル構成でテーマを認識

-テーマファイルについて

Copyright© WordPressの始め方 , 2022 All Rights Reserved.