Blankyについて
Blankyは、「Build whatever you feel like building（作りたいものを、自由に作る）」をコンセプトにした、究極にシンプルなWordPressブロックテーマです。真っ白なキャンバスのように、あなたのアイデアを形にするための自由な空間を提供します。フルサイト編集（FSE）に完全対応し、ヘッダーからフッターまで、すべてをブロックエディターで思いのままにカスタマイズできます。
主な特徴
- check_circle 完全な自由度
- check_circle フルサイト編集（FSE）対応
- check_circle 究極のシンプル設計
- check_circle 商用利用可能（GPL v3）
動作環境
- check_circle WordPress 6.6+
- check_circle PHP 7.4+
- check_circle モダンブラウザ対応
インストール方法
WordPressダッシュボードにログイン
管理画面にアクセスしてログインします。
「外観」→「テーマ」→「テーマを追加」
左メニューから「外観」→「テーマ」を選択し、「テーマを追加」ボタンをクリックします。
「Blanky」を検索
右上の検索フォームに「Blanky」と入力してEnterキーを押します。
「インストール」をクリック
表示されたBlankyテーマの「インストール」をクリックし、完了までお待ちください。
「有効化」をクリック
インストール完了後、「有効化」をクリックしてテーマを適用します。
有効化完了
「新しいテーマを有効化しました」と表示されます。「サイトを表示」をクリックして確認してください。
エディターを開く
「外観」→「エディター」をクリックして、テーマのデザインを自由にカスタマイズしてください。
専用プラグイン「Blanky-nordic」
プラグインを有効化するだけで、サイトのデザインを白×黒のモノトーン調・北欧ミニマルスタイルに一瞬で変更できます。コードを書く必要は一切ありません。
主な特徴
- check_circle ワンクリックでデザイン変更
- check_circle 白×黒のモノトーン調
- check_circle 北欧ミニマルスタイル
- check_circle コード不要で簡単導入
こんな方におすすめ
- arrow_forward シンプルで洗練されたデザインが好き
- arrow_forward 北欧スタイルのサイトを作りたい
- arrow_forward コードを書かずにデザイン変更したい
- arrow_forward タイムレスなデザインを求めている
導入前後の比較
Blanky（標準）
シンプルで自由度の高いデザイン
Blanky-nordic適用後
洗練された北欧ミニマルスタイル
簡単3ステップで導入
Boothでプラグインを購入
WordPressにプラグインをアップロード
プラグインを有効化するだけで完了
テーマエディターの使い方
フォントの選択 · レイアウト設定 · ロゴの設定 · 背景・色設定 · メニュー設定
「外観」→「エディター」をクリック
「デザイン」→「スタイル」をクリック
フォント・色・背景・ページのレイアウトが、スタイルタブで全て設定できます。ここで設定した内容は、テーマ全体に適用されます。
「デザイン」→「テンプレート」をクリック
ヘッダー・サイドバー・フッターのテンプレートを選択できます。インデックスページやシングルページのテンプレートも編集可能です。オリジナルのテンプレートを作成することも可能です。
「デザイン」→「パターン」をクリック
ヘッダー・フッター・サイドバーのパターンを選択できます。各パターンはカスタマイズ可能なブロックとして提供され、オリジナルのパターンを作成することも可能です。
ブロックテーマのエディター機能
Blankyはブロックテーマ（フルサイト編集テーマ）です。従来のテーマとは異なり、ヘッダーやフッターも含めてサイト全体をエディターで自由に編集できます。
編集可能な要素
- · ヘッダーのデザイン・レイアウト
- · フッターの構成・色
- · ナビゲーションメニュー
- · サイトロゴの配置・サイズ
- · 全体のカラースキーム
リアルタイム編集
- · ブロックをドラッグ&ドロップ
- · 変更内容をその場で確認
- · コードを書かずに自由自在
- · モバイル表示も同時に調整
- · 元に戻す・やり直し機能
従来テーマとの違い
従来のテーマではPHPファイルの編集が必要でしたが、ブロックテーマなら直感的なビジュアルエディターだけでサイト全体をカスタマイズできます。プログラミング知識は一切不要です。
各テンプレートのカスタマイズ
重要な注意事項
PHPとWordPressの知識が必要です。テーマのアップデートがあると、テーマファイルの中身は上書きされます。テーマファイルをカスタマイズして維持する場合は子テーマで行うのが一般的です。
ディレクトリを作成
「wp-content」→「themes」に「blanky-child」という名前の空のディレクトリを作成します。
ファイルを作成
index.php、style.css、functions.phpを新規作成します。
style.cssに記載
style.cssの先頭に下記のコードを記入します。これで子テーマとして認識されます。
/**
* Theme Name: Blanky Child
* Template: blanky
* Text Domain: blanky-child
*/functions.phpに記載
functions.phpの先頭に下記のコードを記入します。
<?php
function blanky_child_enqueue_scripts() {
$theme_parent_version = wp_get_theme()->parent()->get('Version');
$theme_version = wp_get_theme()->get('Version');
wp_enqueue_style('blanky-original-style',
get_template_directory_uri() . '/style.css',
array(), $theme_parent_version);
wp_enqueue_style('blanky-child-style',
get_stylesheet_uri(),
array('blanky-original-style'), $theme_version);
}
add_action('wp_enqueue_scripts', 'blanky_child_enqueue_scripts');
?>テンプレートファイルをコピー
変更したいテンプレートファイルを親テーマ「blanky」からtemplatesフォルダごとコピーして「blanky-child」に貼り付けます。この子テーマの中で書き換えを行います。style.cssやfunctions.phpの変更もこの子テーマのファイルに書いていきます。