Blanky

Blanky — ドキュメント

Blanky は、「Build whatever you feel like building（作りたいものを、自由に作る）」をコンセプトにした、究極にシンプルな WordPress ブロックテーマです。真っ白なキャンバスのように、あなたのアイデアを形にするための自由な空間を用意します。フルサイト編集（FSE）に対応し、ヘッダーからフッターまで、すべてをブロックエディターで思いのままにカスタマイズできます。

目次

  1. 概要
  2. 動作環境
  3. インストール
  4. サイトエディターの使い方
  5. 子テーマでのカスタマイズ
  6. サポート・リソース

概要

主な特徴:

動作環境

WordPress 6.6 以上
PHP 7.4 以上
動作確認 WordPress 7.1
ブラウザ モダンブラウザ

インストール

  1. WordPress のダッシュボードにログイン
    管理画面にアクセスしてログインします。
  2. 「外観」→「テーマ」→「テーマを追加」
    左のメニューから「外観」→「テーマ」を選び、「テーマを追加」ボタンをクリックします。
  3. 「Blanky」を検索
    右上の検索欄に「Blanky」と入力して Enter キーを押します。
  4. 「インストール」をクリック
    表示された Blanky の「インストール」をクリックし、終わるまで待ちます。
  5. 「有効化」をクリック
    インストールが終わったら「有効化」をクリックして、テーマを適用します。
  6. 有効化の完了
    「新しいテーマを有効化しました」と表示されます。「サイトを表示」をクリックして確かめてください。
  7. エディターを開く
    「外観」→「エディター」をクリックすると、テーマのデザインを自由にカスタマイズできます。

サイトエディターの使い方

フォントの選択・レイアウト設定・ロゴの設定・背景と色の設定・メニューの設定は、すべてサイトエディターで行います。

  1. 「外観」→「エディター」をクリック
  2. 「デザイン」→「スタイル」をクリック
    フォント・色・背景・ページのレイアウトを、スタイルですべて設定できます。ここで設定した内容は、テーマ全体に適用されます。
  3. 「デザイン」→「テンプレート」をクリック
    トップページ・投稿・固定ページ・アーカイブなどのテンプレートと、ヘッダー・フッターのテンプレートパーツを編集できます。オリジナルのテンプレートを作ることもできます。
  4. 「デザイン」→「パターン」をクリック
    Blanky に入っているパターン（ヒーロー、投稿の一覧など）を確かめて使えます。各パターンは編集できるブロックの組み合わせで、オリジナルのパターンを作ることもできます。

ブロックテーマのエディターでできること

Blanky はブロックテーマ（フルサイト編集テーマ）です。従来のテーマと違い、ヘッダーやフッターも含めて、サイト全体をエディターで自由に編集できます。

編集できるもの:

その場で編集:

従来のテーマでは PHP ファイルの編集が必要でしたが、ブロックテーマなら見たまま操作できるエディターだけで、サイト全体をカスタマイズできます。プログラミングの知識はいりません。

子テーマでのカスタマイズ

大事な注意: PHP と WordPress の知識が必要です。テーマを更新すると、テーマのファイルの中身は上書きされます。テーマのファイルを書き換えて、その変更を残したい場合は、子テーマで行うのが一般的です。サイトエディターでの簡単な編集はデータベースに保存されるので、子テーマはいりません。

  1. フォルダを作る
    wp-content/themes/ の中に、blanky-child という名前の空のフォルダを作ります。
  2. ファイルを作る
    style.css と functions.php を新しく作ります。ブロックテーマの子テーマなので、index.php はいりません。
  3. style.css に書く
    style.css の先頭に、次のコードを書きます。これで子テーマとして認識されます。 
    /**
 * Theme Name: Blanky Child
 * Template: blanky
 * Text Domain: blanky-child
 */
  4. functions.php に書く
    functions.php に、次のコードを書きます。Blanky は有効なテーマの style.css を読み込むので、子テーマを有効にすると、子テーマの style.css は自動で読み込まれます。ここでは、親の Blanky の style.css を足しています。 
    <?php
function blanky_child_enqueue_styles() {
	wp_enqueue_style(
		'blanky-parent-style',
		get_template_directory_uri() . '/style.css',
		array(),
		wp_get_theme( 'blanky' )->get( 'Version' )
	);
}
add_action( 'wp_enqueue_scripts', 'blanky_child_enqueue_styles' );
  5. テンプレートのファイルをコピーする
    変更したいテンプレートのファイルを、親テーマ blanky から、子テーマの同じ場所（例：blanky-child/templates/single.html）にコピーします。書き換えは子テーマのファイルで行います。CSS や functions.php の変更も、子テーマのファイルに書いていきます。

サポート・リソース

公式リソース

コミュニティ